An Aseprite Crash Course In 30 Minutes

Introduction and Support Options

In this section, the speaker introduces themselves and provides information on how to support their work.

How to Support

• Subscribe on YouTube and Twitch for live streams.

• Show support through Patreon or itch.io for assets and games.

Introduction to Aseprite

The speaker introduces Aseprite and explains its purpose.

What is Aseprite?

• A graphic editor specifically designed for pixel art.

• Can be used to create various pixel art, including backgrounds, portraits, tilesets, and animated gifs.

Why Choose Aseprite?

The speaker discusses the advantages of using Aseprite over other software options.

Advantages of Aseprite

• Actively developed with new features regularly released.

• Dedicated to pixel art, avoiding unnecessary features that may hinder the creation process.

• Provides a focused workspace for pixel art creation.

Workspace Overview

The speaker gives an overview of the workspace in Aseprite.

Workspace Components

• New sprite window: Allows customization of size, color mode, and background options.

• Canvas: Where artwork is created.

• Toolbar: Contains tools for manipulating the canvas.

• Context bar: Displays options specific to the selected tool.

• Palette: Determines colors used in drawing. Can be customized or chosen from presets.

• Timeline: Shows frames and layers associated with the canvas. Enables animation creation.

• Menu: Provides additional options for different aspects of the software.

Workflow Discussion

The speaker discusses the workflow in using Aseprite.

Workflow Steps

1. Open an Aseprite file or create a new sprite.

2. Customize the canvas size, color mode, and background options.

3. Use the toolbar to manipulate the canvas and select tools.

4. Utilize the context bar for tool-specific options.

5. Choose colors from the palette or create a custom palette.

6. Use layers to organize artwork and adjust opacity or blending modes.

7. Utilize the timeline for animation creation by adding frames.

Timestamps are not available for some sections of the transcript.

New Section

In this section, the speaker explains their approach to using a specific app and how it contributes to their speed and efficiency in creating pixel art.

Using the App Efficiently

• The speaker's process for creating pixel art involves blocking in the design, shading it, coloring it, and adding detail.

• They prefer working with a small set of tools and utilize keyboard shortcuts and tricks to work quickly.

• The toolbar is primarily accessed through keyboard shortcuts rather than using the mouse.

• The brush tool (shortcut: b) is commonly used, with a round brush preferred over other options.

• Pressure sensitivity is turned off even when using a tablet.

• Pixel-perfect mode is usually turned off as well, as it can be less intuitive for drawing lines.

• Instead of placing pixels one at a time, the speaker prefers to think of it more like painting and fills in areas before refining the lines later.

New Section

In this section, the speaker discusses their workflow for using keyboard shortcuts efficiently while working on pixel art.

Keyboard Shortcuts and Tools

• The speaker rarely moves their mouse over to the toolbar; instead, they rely on keyboard shortcuts for efficiency.

• The "b" key is used for selecting the brush tool (also known as the pencil tool).

• The eraser tool (shortcut: e) is used during the blocking stage to define outlines or create silhouettes.

• There's no need to think about which tool to use; pressing "b" adds pixels while pressing "e" erases them.

• After blocking in shapes, the speaker switches to shading by selecting different colors from their palette using the eyedropper tool (holding alt).

• Toggling between alt and not holding alt allows for easy selection of colors from different parts of the canvas.

New Section

In this section, the speaker explains their approach to shading and introduces a useful technique for selecting colors.

Shading and Color Selection

• The speaker switches to a different color for shading.

• By plotting down colors and holding alt, they can toggle between the eyedropper tool and brush tool to select and apply different shades.

• This technique allows for easy picking and choosing of colors from various parts of the palette.

• It provides flexibility in creating smooth transitions and adding depth to the artwork.

The transcript provided does not have enough content beyond this point.

Ink Options

In this section, the speaker discusses the different ink options available in the software.

Simple Ink and Shading

• Simple ink is the default option for drawing.

• Shading allows you to drag a subset of colors from the palette, ranging from darkest to brightest.

• Pressing 'x' flips the shading direction.

Shading Technique

• Shading is a useful technique for adding depth to drawings.

• The speaker recommends using custom keyboard shortcuts to switch between simple ink and shading quickly.

• Custom keyboard shortcuts can be set up in the "Edit" menu under "Keyboard Shortcuts".

Zooming and Navigating Canvas

• Use the 'z' key to zoom in and out of the canvas. Right-click zooms out, left-click zooms in.

• Scrubbing allows you to move pixels by dragging with your pen.

• Holding space activates the hand tool for panning around the canvas.

Selection Tools

• The marquee tool ('m') can be used for selecting specific regions on the canvas.

• Lasso selection ('q') provides a freehand selection option.

• Wand selection ('w') selects all colors within a certain range.

Working with Layers

• Pressing 'v' activates the move tool, which can also be used as a layer selection tool when "Auto Select Layer" is enabled.

• This allows easy switching between layers while working on different elements.

Additional Tools and Techniques

This section covers additional tools and techniques that can enhance workflow and productivity.

Efficient Navigation Techniques

• Using a combination of zooming (with 'z') and panning (with space) allows quick navigation around single pixel details on the canvas.

Efficient Layer Management

• Auto-selecting layers with 'v' enables seamless switching between layers while working on different elements.

Layer Selection and Management

This section focuses on layer selection and management techniques.

Using the Move Tool for Layer Selection

• Pressing 'v' activates the move tool, which can be used as a layer selection tool when "Auto Select Layer" is enabled.

• This allows for easy selection of specific layers to work on.

Summary and Conclusion

The speaker concludes by summarizing the tools and techniques discussed in the video.

Key Tools and Techniques

• Simple ink and shading options provide flexibility in drawing.

• Custom keyboard shortcuts can enhance workflow efficiency.

• Zooming ('z') and panning (space) enable precise navigation.

• Selection tools like marquee, lasso, and wand aid in selecting specific regions or colors.

• Auto-selecting layers with the move tool ('v') simplifies layer management.

Please note that these summaries are based solely on the provided transcript.

Navigating Aseprite Interface and Tools

In this section, the speaker explains their approach to navigating Aseprite and using different tools efficiently.

Using Tablet and Pen

• The speaker prefers using a tablet and pen instead of a mouse for drawing in Aseprite. They find it more natural and easier to use.

• They do not use the express keys on the tablet as they are not in an intuitive position for quick access.

Keyboard Shortcuts

• The speaker rests their hand on the keyboard while drawing, allowing easy access to important functions.

• Spacebar is used for panning, 'z' key for zooming, 'ctrl' key for modifiers, 'b' key for brush tool, and 'e' key for eraser.

• Resting hand on the keyboard allows quick access to these functions without moving between the tablet and mouse.

Working with Layers

• The speaker demonstrates how they work with multiple layers by toggling between them easily.

• They show how to select different tools like paint bucket, color picker, brush tool by pressing corresponding keys ('g', selecting a color button, 'v', 'b').

Custom Brush Size Shortcut

• The speaker uses a custom plugin called Ace Brush to change brush size quickly by dragging horizontally with the 'd' key pressed.

• This shortcut saves time compared to manually adjusting brush size from the toolbar.

Additional Features of Aseprite

In this section, the speaker highlights some useful features of Aseprite that users may find helpful.

Hiding Timeline with Tab Key

• Pressing the tab key hides or disables the timeline in Aseprite.

Hiding UI Elements with Ctrl+F

• Pressing Ctrl+F allows hiding different parts of the user interface (UI) in Aseprite.

• This feature can be useful but may cause confusion if accidentally triggered.

The transcript provided does not contain any further sections or timestamps.

New Section

In this section, the speaker discusses the features of a software called Aseprite and how it can be used comfortably in full-screen mode without needing the palette. The speaker also mentions that Aseprite is useful for viewing things at full screen or when showcasing something in a zoom call without the UI.

Full-Screen Mode and Palette Usage

• Aseprite allows users to work comfortably in full-screen mode without needing the palette.

• Users can still eye-drop colors they want and work efficiently without accessing the palette directly.

Viewing at Full Screen and Hiding UI

• Full-screen mode is beneficial for viewing artwork or showing it to others during a zoom call without including the UI.

Shortcuts for Cycling Through Variations and Disabling Parts of UI

• Pressing Ctrl+F cycles through different variations in Aseprite.

• Pressing Tab disables parts of the UI.

• Shift+S enables snapping, making all lines drawn snap to the grid.

New Section

In this section, the speaker explains how snapping works in Aseprite and how to disable it if needed.

Snapping to Grid

• When snapping is enabled (Shift+S), all lines drawn in Aseprite will snap to the grid.

• To disable snapping, click on "Disable Snap to Grid" located at the bottom right corner of the interface.

New Section

This section focuses on discussing a feature called Preview Window in Aseprite.

Preview Window

• The Preview Window is a version of the canvas that can be placed within a separate window.

• In the next version of Aseprite, it will be possible to detach the Preview Window from the main Aseprite window and move it to a second monitor or any desired location.

• The Preview Window allows users to play and pause animations using the Shift+Enter keyboard shortcut.

New Section

This section covers the Tiled Mode feature in Aseprite.

Tiled Mode

• Tiled Mode is useful for creating repeating backgrounds or duplicating the canvas view.

• By enabling Tiled Mode in one axis (e.g., X-axis), the canvas view is duplicated without extending the actual canvas size.

• Any changes made on one duplicated view will be reflected across all duplicated views.

• To resize the canvas, go to Aseprite options and select "Canvas Size."

New Section

This section highlights a powerful feature in Aseprite that allows performing operations across multiple frames or selections.

Performing Operations Across Multiple Frames/Selections

• In Aseprite, adjustments can be made across multiple palette indices simultaneously by selecting them together. For example, changing brightness across all selected palette indices at once.

• Similarly, if a color or selection appears across multiple frames, changes made to that selection (e.g., replacing color) will apply to all frames where it appears.

• Group changes can be applied to any element in Aseprite that is part of a selection, including layers and marquee tool selections.

Moving Objects in Aseprite

This section explains how to move objects in Aseprite and provides tips for handling selection and dragging.

Moving Objects

• To move objects in Aseprite, click on the object and grab the yellow border.

• Dragging the red fill will only change the selection, so make sure to grab the yellow border.

• Click on the object and run to the edge of the rectangle to enable dragging.

• Replacing colors can be done with Shift + R.

Outlines in Aseprite

This section covers using outlines in Aseprite, including selecting colors, choosing inner or outer outlines, and adjusting density.

Outlines

• Use Shift + O to access outline tools.

• Click on a color and drag it to apply an outline.

• Choose between inner or outer outlines.

• Adjust the density of the outline as desired.

Exporting Options in Aseprite

This section explains how to export artwork from Aseprite, including resizing options and exporting as PNG or GIF.

Export Options

• Access export options by clicking on "Export" or pressing Ctrl + Alt + Shift + S.

• Choose a folder and customize the name of the exported file.

• Resize options are available for adjusting image size when uploading online.

• Increase scaling percentage for small artworks to avoid blurriness when displayed online.

Exporting Sprite Sheets in Aseprite

This section demonstrates how to export sprite sheets in Aseprite, including defining layout options and selecting specific layers or frames.

Exporting Sprite Sheets

• Press Ctrl + E to export sprite sheets.

• Define the layout of the sprite sheet, such as horizontal or vertical strips, or rows and columns.

• Choose which layers or frames to include in the export.

Exporting Animations in Aseprite

This section explains how to export animations in Aseprite, including exporting as PNG files or animated GIFs.

Exporting Animations

• Select the desired file format for exporting animations.

• GIF format allows for animated display on the web.

• Exporting as PNG files will generate individual frames numbered sequentially.

• Use Ctrl + Alt + Shift + S to export a single image or an animated image.

These are the main topics covered in the transcript.

New Section Adding Padding and Output File

In this section, the speaker discusses the option to add padding and create an output file in Aseprite.

Adding Padding

• You can add some padding to your artwork.

• The speaker doesn't usually use padding but mentions that it is possible to do so.

• No further details are provided regarding how to add padding.

Output File

• The speaker mentions the option to create an output file.

• No further details are provided regarding how to create an output file.

New Section Specific Topics on Aseprite

In this section, the speaker invites viewers to suggest specific topics they would like to learn about Aseprite.

Existing Playlist Coverage

• The speaker mentions having approximately 50 videos on their channel covering various aspects of Aseprite.

• It is stated that most likely everything about Aseprite has been covered across these videos.

Request for Suggestions

• Viewers are encouraged to suggest any specific topics they would like the speaker to cover in relation to Aseprite.

• If there is something not yet covered or if viewers have a particular interest, they should leave a comment with their suggestion.

• The speaker expresses willingness to consider suggestions and potentially make a video about them.

New Section Conclusion and Next Video Preview

In this section, the speaker concludes the video and previews what will be covered in the next one.

Conclusion

• The speaker thanks viewers for watching and bids farewell until the next video.

Appreciation for Support

• Thanks are extended specifically towards patrons and Twitch subscribers who support both the channel and the speaker's game development project called "Insignia."

• Links in the description below provide more information about supporting these endeavors.

Request for Engagement

• Viewers are encouraged to show their appreciation for the video by clicking the like button, which will notify YouTube of their interest.

• The speaker expresses that if YouTube notifies them of positive feedback, they will be motivated to create more videos.

New Section Positive Response

In this section, the speaker acknowledges a positive comment.

Acknowledgment

• The speaker simply responds with "That's nice" in response to a positive comment.