Piskel | Getting Started Pixel Art Drawing

TJ FREE
13 Feb 202008:57

TLDRWelcome to the Piskel getting started tutorial by TJ Free. This video covers the basics of using Piskel for pixel art and sprite animations. It includes instructions on downloading Piskel, using the drawing and color-changing tools, zooming, creating new projects and frames, and utilizing selection tools. The tutorial also covers the paint bucket tool, the eraser tool, and the stroke tool for creating shapes and lines. Additional features such as the lasso selection and color picker tools are also introduced. The next video will focus on creating frame-by-frame animations and exploring more tools.

Takeaways

  • 🎨 Piskel is a pixel art drawing tool that can be used for creating pixel art and sprite animations.
  • 💻 It's available for download on Windows, Linux, and Mac, and can also be accessed through a web browser at Piskel app.
  • 🔍 Users can zoom in and out using the mouse scroll wheel or keyboard shortcuts to view the drawing area at different extents.
  • 🖌️ The basic drawing tool allows for pixel-by-pixel drawing or filling in multiple pixels at once by holding the left click.
  • 🛠️ The paint bucket tool can be used to fill a closed area with a selected color, and pressing Ctrl+Z on the keyboard can undo actions.
  • 🖼️ Changing colors is simple, and the fill tool can be used to change the color of an entire area with a specific color.
  • 🗑️ To start over, you can create a new project or a new frame and then clear the current frame using the trashcan icon.
  • ✏️ Additional tools include the pen tool for drawing, the eraser tool for erasing pixels, and the ability to set primary and secondary colors for more versatile drawing.
  • 🔲 The selection tool allows for moving drawn objects, and holding the Shift key while moving only affects the selected area.
  • 🔄 The 'paint all pixels of the same color' tool can change the color of all pixels of a specific color at once, simplifying the editing process.
  • 📐 The stroke tool can draw straight lines, and the thickness of the line can be adjusted by changing the pen size.
  • 🎯 The shape selection tool selects all adjacent pixels of the same color, making it easier to move or recolor them in bulk.

Q & A

  • What is the name of the software used in the tutorial for creating pixel art and sprite animations?

    -The software used in the tutorial is called Piskel.

  • Can Piskel be run offline or only in a web browser?

    -Piskel can be run offline on Windows, Linux, and Mac, and it is also available to run in a web browser at Piskel app.com.

  • What is the initial view like when you first open Piskel?

    -When you first open Piskel, you see a blank screen with the ability to zoom in and out using the mouse scroll wheel or keyboard shortcuts.

  • How can you change the size of the drawing area in Piskel?

    -The size of the drawing area in Piskel can be adjusted by using the scroll wheel on the mouse to zoom in and out.

  • What tool in Piskel allows you to fill an entire area with a selected color?

    -The paint bucket tool in Piskel allows you to fill an entire closed area with the selected color.

  • How can you undo an action in Piskel?

    -You can undo an action in Piskel by pressing Ctrl+Z on your keyboard.

  • What is the purpose of the pen tool in Piskel?

    -The pen tool in Piskel is used for drawing individual pixels or filling in multiple pixels at once by clicking and holding the left mouse button.

  • How can you erase pixels in Piskel?

    -You can erase pixels in Piskel by right-clicking on the area you want to erase or by selecting the eraser tool and left-clicking on the pixels.

  • What is the difference between the primary and secondary colors in Piskel's pen tool?

    -In Piskel's pen tool, the primary color is used when left-clicking, while the secondary color is used when right-clicking, allowing for two different colors to be drawn without switching tools.

  • What tool can be used to select and move a specific area of the drawing in Piskel?

    -The selection tool in Piskel can be used to select a specific area of the drawing, and then move it by holding down the Shift key and clicking and dragging the selected area.

  • How can you change all pixels of the same color in Piskel?

    -You can change all pixels of the same color in Piskel by using the 'paint all pixels of the same color' tool, which allows you to select a color and change all instances of that color at once.

Outlines

00:00

🎨 Introduction to Pixel Art with Piskel

This paragraph introduces the video tutorial on getting started with Piskel, a pixel art and sprite animation tool. The speaker, Rendon, explains the basics of using Piskel, including downloading and installing it on various operating systems or using it in a web browser. The tutorial covers the initial interface setup, zooming in and out with the mouse scroll wheel, and navigating the 32x32 pixel drawing area. It also demonstrates the basic drawing tool, which allows for pixel-by-pixel drawing or filling in multiple pixels at once, and the paint bucket tool for filling areas with a selected color. The importance of color selection and the use of the undo function (Ctrl+Z) are highlighted.

05:01

🛠 Advanced Drawing Tools and Techniques in Piskel

The second paragraph delves into more advanced features of Piskel. It discusses the use of the pen tool for drawing and the eraser tool for corrections, as well as the ability to set a primary and secondary color for drawing and erasing. The paragraph also covers the use of the selection tool for moving specific areas of the artwork, the lasso selection for freehand selection, and the paint all pixels of the same color feature for mass color changes. Additionally, the stroke tool for drawing straight lines with adjustable thickness is introduced, along with the shape selection tool that selects all adjacent pixels of the same color. The paragraph concludes with a mention of the color picker tool for quick color changes and a preview of upcoming tutorials on dithering, lightening, darkening, and creating frame-by-frame animations.

Mindmap

Keywords

💡Pixel Art

Pixel art is a form of digital art where images are created on the pixel level. Each pixel acts as a single unit of color, and artists use this technique to create images with a distinct, blocky appearance, often reminiscent of early video games. In the video, the host is teaching viewers how to create pixel art using Piskel, a digital tool that simplifies the process.

💡Piskel

Piskel is a free online editor for creating pixel art and sprite animations. It allows users to draw and animate directly in their web browser without the need for installation. The video script mentions Piskel as the primary tool for the tutorial, highlighting its features and capabilities.

💡Sprite Animations

Sprite animations refer to the process of animating 2D images, often used in video games and digital art. Sprites are individual images that, when sequenced in time, create the illusion of motion. The video mentions that Piskel can be used to create these animations, indicating its versatility beyond static pixel art.

💡Drawing Tools

Drawing tools in the context of Piskel refer to the various functions and options available for creating pixel art. The script describes the pen tool, which allows users to draw individual pixels, and the paint bucket tool, which fills areas with a selected color. These tools are fundamental to the pixel art creation process.

💡Color Changing Tools

Color changing tools are features within Piskel that enable users to alter the colors of their artwork. The script explains how to change the primary and secondary colors for the pen and eraser tools, as well as how to use the color picker tool to select new colors quickly.

💡Pen Tool

The pen tool in Piskel is used for drawing individual pixels. The video demonstrates how to use the pen tool to create art by left-clicking to place a pixel or holding the left-click to draw multiple pixels at once. It's a core tool for pixel art creation.

💡Paint Bucket Tool

The paint bucket tool in Piskel is used to fill enclosed areas with a chosen color. The script shows how to select this tool and then click on an area of the canvas to fill it with color, which is a quick way to color large sections of pixel art.

💡Eraser Tool

The eraser tool in Piskel allows users to remove pixels from their artwork. The video mentions that by selecting the eraser tool and left-clicking on a pixel, it can be erased. It's an essential tool for making corrections or adjustments to pixel art.

💡Selection Tool

The selection tool in Piskel is used to select specific areas of the artwork for manipulation, such as moving or recoloring. The script describes how to use the selection tool to isolate parts of the image and then move them using the shift key and mouse.

💡Lasso Selection

The lasso selection tool in Piskel enables users to make freehand selections of pixels. The video script explains that this tool can be used to select irregularly shaped areas of the artwork, which can then be moved or manipulated as a group.

💡Stroke Tool

The stroke tool in Piskel is used to draw straight lines. The video demonstrates how to use this tool to create lines of varying thickness, which can be adjusted in the tool settings. It's useful for adding clean, straight edges to pixel art.

💡Shape Selection

The shape selection tool in Piskel automatically selects all adjacent pixels of the same color. The script shows how this tool can be used to quickly select and manipulate entire areas of a specific color, streamlining the process of editing or moving large sections of pixel art.

💡Color Picker

The color picker tool in Piskel allows users to select a color from anywhere on the canvas by simply hovering and clicking. The video mentions that this tool keeps track of recently used colors, making it easy to change the color of the selected tool or to apply a specific color to the artwork.

Highlights

Introduction to the basics of pixel art drawing and sprite animations using Piskel.

Piskel can be downloaded for offline use on Windows, Linux, and Mac, or accessed via Piskel app online.

Initial Piskel interface overview with a 32x32 pixel drawing area.

Using the mouse scroll wheel to zoom in and out of the drawing area.

Drawing individual pixels with the pen tool and the option to fill multiple pixels by holding the left-click.

Filling entire areas with color using the paint bucket tool.

Undoing actions with Ctrl+Z and changing colors for the paint bucket tool.

Creating a new project or frame for starting a new drawing or animation sequence.

Erasing pixels using the eraser tool or right-clicking with the pen tool.

Setting primary and secondary colors for drawing and erasing with left and right mouse clicks.

Drawing shapes like rectangles and circles with the respective tools.

Moving drawn objects with the move tool and the use of the Shift key for moving only selected areas.

Using the lasso selection tool for freehand selection of pixels.

Changing all pixels of the same color with the 'paint all pixels of the same color' tool.

Adjusting pen size for thicker lines with the stroke tool.

Using the shape selection tool to select and move pixels of the same color.

Quickly changing colors with the color picker tool and the color palette.

Upcoming tutorial on creating frame-by-frame animations and exploring additional tools.