Tutorial: Pixel Art Basics
Learn the fundamentals of creating ASCII pixel art in ASCII Motion. This tutorial covers character selection, color usage, and composition techniques.
What You'll Learn
- Choosing the right characters for different effects
- Working with colors effectively
- Creating simple shapes and patterns
- Basic composition techniques
Prerequisites
- Familiarity with the ASCII Motion interface
- Basic understanding of the drawing tools
Understanding ASCII Characters
ASCII art uses text characters to create images. Different characters have different "visual weights":
Character Density Scale
| Density | Characters | Use For |
|---|---|---|
| Darkest | █ ▓ ▒ | Solid fills, shadows |
| Dark | # @ & | Strong details |
| Medium | * + = | Transitions |
| Light | - . · | Highlights, textures |
| Lightest | (space) | Background, empty areas |
Think of characters as pixels with different brightness levels. Darker characters = darker "pixels".
Your First ASCII Art
Let's create a simple mountain scene:
Step 1: Set Up Your Canvas
Step 2: Draw the Mountain
Step 3: Add Shading
Step 4: Add Details
Color Theory for ASCII Art
Limited Palettes Work Best
Best for:
- Retro aesthetics
- Clear, readable art
- Icons and logos
Tips:
- Use high contrast
- Let characters do the work
- Strong silhouettes
Contrast is Key
Good ASCII art needs strong contrast:
- Light characters on dark backgrounds
- Dark characters on light backgrounds
- Clear separation between elements
Common Techniques
Creating Depth
Layer your art with these techniques:
- Foreground: Darker, more detailed
- Midground: Medium tones
- Background: Lighter, simpler
Edge Definition
Define shapes clearly:
Good: Less Clear:
████░░░ ███▒░░░
████░░░ ██▒░░░░
████░░░ █▒░░░░░
Use consistent edges and clear boundaries.
Texture Patterns
Create textures with repeating patterns:
| Texture | Pattern Example |
|---|---|
| Grass | ,,,,,,, or ▒▒▒▒▒ |
| Water | ~~~~ or ≈≈≈≈ |
| Brick | ▌▐▌▐ or ░▒░▒ |
| Stone | ○●○● or ◘◘◘ |
Practice Exercise: Simple Face
Create a basic face to practice:
Tool Tips for Better Art
Pencil Brush Sizes
Use larger brush sizes for fills, smaller for details. Press 1-9 for quick size selection.
Shape Tools
- Use Rectangle for backgrounds and frames
- Use Ellipse for rounded elements
- Use Line for straight edges
Fill Tool
- Contiguous fills connected areas only
- Global fills all matching colors
- Use tolerance for similar color fills
Common Mistakes to Avoid
Too Much Detail
❌ Problem: Cramming too many characters ✅ Solution: Leave breathing room, use fewer elements
Poor Contrast
❌ Problem: Similar colors blending together ✅ Solution: Increase contrast, use opposing values
Inconsistent Scale
❌ Problem: Elements don't match in size ✅ Solution: Plan proportions before drawing
Random Character Selection
❌ Problem: Using characters without purpose ✅ Solution: Choose characters for their visual weight
Next Steps
Now that you understand the basics:
- Practice by recreating simple images
- Experiment with different character sets
- Learn animation in Creating Animations
- Master effects in Advanced Effects
Quick Reference
| Task | Tool | Shortcut |
|---|---|---|
| Draw | Pencil | P |
| Fill | Paint Bucket | G |
| Erase | Eraser | E |
| Pick color | Eyedropper | I |
| Undo | - | Ctrl/Cmd+Z |
| Save | Export Session | Ctrl/Cmd+S |