Topics• About Me• What is Pixel Art• What is Photoshop & Alternatives• Learning Photoshop• Setting up Photoshop for Pixel Art• Hot Keys and Concepts• Tools (Layers, Blending, Demos!)• Tiles
What is Pixel Art• A form of digital art created using rastergraphics software, where images are editedon the pixel level.• Used everywhere there is a screen. Immenselypopular in games, especially in the retroarena.
Examples of Pixel ArtImage by Georg Joergens (http://paul-muad-dib.deviantart.com/)
Examples of Pixel ArtImage by Ryan F (http://ryan-gfx.deviantart.com/)
Sprite SheetsSprite Sheet of Link from SNES Legend of Zelda (http://spriters-resource.com)
What is Photoshop• By Adobe Software; most widely utilized indesign industry for Photo and graphicsmanipulation. Debuted in 1988.• Newest version is CS6. Subscriptions availablefor $50/Month; Creative Cloud.• Alternatives: GIMP, Paint.Net, Graphics Gale,Pixen, Aseprite
Learning Photoshop• Lifehacker: http://bit.ly/hfYlkx• Adobe TV: http://adobe.ly/P0GBHP• http://www.photoshop.com/learn• Lynda.com• Most important! Experiment and Experimentsome more!
Setting up Photoshop• Units & Rulers• Guides, Grids & Slices• Windows• Hot Keys• Brushes / Pencil / Anti-Aliasing• Size of your Document!
Rulers SetupSetup the Ruler to be Pixels instead of Inches (or anything else)
Guides SetupSetup Gridlines for Every Pixel & Subdivisions every 5 pixels
Hot Keys• B – Brush• D – Default Colors• E – Eraser• G – Gradient• L – Lasso• M – Marque• T – Text• U – Shapes• V – Move• W – Wand• Z – Zoom• Space – Pan• CTRL - D – Deselect• CTRL - T – Transform• CTRL - L – Levels• CTRL - R – Rulers• CTRL - J – Copy Layer• CTRL - Z – Undo• CTRL + Alt - Z – Multi Undo• CTRL + Alt - G – Group Layer• CTRL + Alt + SHIFT – N: NewLayer• CTRL + Del – Fill BG Color• ALT + Del – Fill FG Color
Brushes and Drawing• Pencil for solid colors• Brush for anti-aliased lines• Shift Key – Continous Line Drawing• Alt Key – Eye Dropper• Paths
Selections• Square, Circle and Lasso• Hot Keys– Control-A: Select All– Control-D: Deselect Current Selection– Control-H: Hide Selection– SHIFT: Constrains Selection for Square and Circle– ALT: Constrains Lasso to straight lines
Transformations• Control-T: Enter Transform Mode• Right Click for Transform Options