Piskel | Getting Started Pixel Art Drawing

TJ FREE
13 Feb 202008:57

TLDRThis tutorial introduces the basics of using Piskel for pixel art and sprite animations. It covers essential drawing and color tools, such as the pen, paint bucket, and eraser. The video demonstrates how to draw, fill, and erase pixels, as well as how to use the selection and move tools for precise adjustments. It also touches on creating rectangles, circles, and utilizing the stroke tool for straight lines. The tutorial promises to explore animation and additional tools in upcoming videos.

Takeaways

  • 🖌️ Piskel is a pixel art drawing tool that can be downloaded for offline use on Windows, Linux, and Mac, or accessed through Piskel app.com in a web browser.
  • 🔍 The initial interface of Piskel is a blank screen with zoom capabilities using the mouse scroll wheel or keyboard shortcuts.
  • 📏 Users can draw pixel by pixel or fill in multiple pixels at once with the pen tool, and can fill entire areas with the paint bucket tool.
  • 🎨 Colors can be changed easily for both the primary and secondary colors, allowing for flexibility in pixel art creation.
  • 🔄 The paint bucket tool fills closed areas with the selected color, and can be used to fill the entire canvas or specific shapes.
  • ✂️ The eraser tool allows for pixel-by-pixel erasing, and the pen tool can be used with the right-click to erase with the secondary color.
  • 🟩 The selection tool can be used to move drawn objects, and holding the Shift key while moving allows for the movement of only the selected area.
  • 🔲 The lasso selection tool enables freehand selection of pixels, which can then be moved or manipulated as a group.
  • 🖍️ The stroke tool draws straight lines with adjustable thickness, which can be used for various design elements.
  • 🔄 The shape selection tool selects all adjacent pixels of the same color, facilitating easy movement or recoloring of specific shapes.
  • 🎨 The color picker tool allows for quick color changes by hovering and clicking on desired colors within the canvas.

Q & A

  • What is the name of the software being discussed in the video?

    -The software being discussed in the video is Piskel.

  • How can Piskel be accessed for offline use?

    -Piskel can be downloaded for Windows, Linux, and Mac to be used offline.

  • Can Piskel be used directly in a web browser?

    -Yes, Piskel can be accessed and run at Piskel.app, directly in your web browser.

  • What is the initial appearance of Piskel when it is first opened?

    -When Piskel is first opened, it shows a blank screen with the ability to zoom in and out using the mouse scroll wheel or keyboard shortcuts.

  • How can you change the color of the pixel you are drawing with in Piskel?

    -You can change the color of the pixel you are drawing with by left-clicking on the top color box and selecting a different color.

  • 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 left-clicking and holding.

  • How can you erase pixels in Piskel?

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

  • What does the selection tool in Piskel allow you to do?

    -The selection tool in Piskel allows you to select specific areas of your drawing and move them without affecting the rest of the drawing.

  • How can you draw a rectangle or a circle in Piskel?

    -You can draw a rectangle or a circle in Piskel by using the respective tools and left-clicking and holding to draw the shape.

Outlines

00:00

🎨 Introduction to Pixel Art with Piskel

This paragraph introduces the video tutorial on using Piskel for creating pixel art and sprite animations. The speaker, Rendon, guides viewers on the basics of the software, including downloading and installing Piskel for various operating systems and using it in a web browser. The tutorial covers the initial interface setup, explaining how to navigate the drawing area, zoom in and out, and use the basic drawing tools like the pen and paint bucket. It also touches on color selection and the use of the eraser tool, setting the stage for further exploration of Piskel's features.

05:01

🖌️ Advanced Drawing Techniques in Piskel

The second paragraph delves into more advanced drawing techniques within Piskel. It discusses the use of the pen tool for detailed pixel-by-pixel drawing and the paint bucket tool for filling areas with color. The tutorial explains how to change colors and use the secondary color for erasing or drawing with different colors simultaneously. It also introduces the selection tool for moving drawn objects and the lasso selection for freehand selection. The paragraph further covers the use of the 'paint all pixels of the same color' feature for bulk color changes, the stroke tool for drawing straight lines, and the shape selection tool for selecting and manipulating objects of the same color. The video concludes with a mention of upcoming topics, such as creating animations and exploring additional tools.

Mindmap

Keywords

💡Pixel Art

Pixel art is a form of digital art where images are created on the pixel level. It is often characterized by a limited color palette and a blocky, low-resolution style reminiscent of early video games. In the video, the host uses Piskel to demonstrate the basics of creating pixel art, showing how to draw individual pixels and use tools to fill areas with color.

💡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 can be manipulated to create the illusion of motion. The script mentions that Piskel can be used for creating sprite animations, indicating that the software supports frame-by-frame animation techniques.

💡Piskel

Piskel is a free online pixel art editor that can be used to create pixel art and animations. It is mentioned in the script as the primary tool for the tutorial, highlighting its offline capabilities and web-based interface, which allows users to draw and animate directly in their web browsers.

💡Drawing Tools

Drawing tools in the context of the video refer to the various functions available in Piskel for creating pixel art. These include the pen tool for drawing individual pixels, the paint bucket for filling areas with color, and the eraser for removing pixels. The host demonstrates how to use these tools to create and edit pixel art.

💡Color Changing Tools

Color changing tools are features within Piskel that allow users to alter the colors of their artwork. The script describes how to change the primary and secondary colors for drawing and how to use the color picker tool to quickly select new colors from the artwork itself.

💡Zoom

The zoom function in Piskel, as mentioned in the script, allows users to adjust the magnification of their artwork for more precise drawing. The host explains that the zoom can be controlled with the mouse scroll wheel or keyboard shortcuts, which is essential for pixel-level editing.

💡Frames

Frames in the context of the video refer to individual images in an animation sequence. The script discusses creating new frames for animation and mentions that the host will cover frame-by-frame animation in a future tutorial, indicating that Piskel supports creating multi-frame animations.

💡Eraser Tool

The eraser tool in Piskel is used to delete pixels from the artwork. The script explains that the eraser tool can be selected from the toolbar and that it functions by left-clicking to remove pixels, providing an essential function for editing and correcting pixel art.

💡Selection Tool

The selection tool in Piskel allows users to select specific areas of their artwork for manipulation, such as moving or recoloring. The script describes using the selection tool to isolate parts of the image and then move them using the shift key in combination with the mouse.

💡Lasso Selection

The lasso selection tool in Piskel is a freehand selection method that lets users draw around the pixels they want to select. The script mentions using the lasso tool to select irregularly shaped areas of the artwork, providing flexibility in editing pixel art.

💡Stroke Tool

The stroke tool in Piskel is used to draw straight lines. The script explains that the stroke tool can be customized for thickness and color, allowing for the creation of lines that are thicker than a single pixel, which is useful for adding emphasis or detail in pixel art.

Highlights

Introduction to Piskel and its capabilities for pixel art and sprite animations.

Availability of Piskel for Windows, Linux, Mac, and as a web browser app.

Basic navigation and zooming in Piskel's interface.

Drawing individual pixels and filling areas with the pen and paint bucket tools.

Color changing tools and the use of primary and secondary colors for drawing.

Creating new projects or frames for animation in Piskel.

Erasing pixels with the eraser tool and the pen tool's right-click functionality.

Using the pen tool for drawing with different colors and the transparency feature.

Drawing shapes like rectangles and circles with specific tools in Piskel.

Selection tools for moving and manipulating drawn objects within the canvas.

The lasso selection tool for freehand selection of pixels.

Changing colors of multiple pixels at once using the 'paint all pixels of the same color' tool.

Using the stroke tool for drawing straight lines with adjustable thickness.

Shape selection tool to select and manipulate all adjacent pixels of the same color.

Color picker tool for quick color changes and maintaining a history of used colors.

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