pixel art: 1 - tech valley game spacepixel art: 2.0 it is (not) dangerous out there. take these!...
TRANSCRIPT
![Page 1: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/1.jpg)
Pixel Art: 1.0
Square is Cool!
by Astra Wijaya (astrawijaya.com)with
Tech Valley Game Space
![Page 2: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/2.jpg)
What is on the menu today?
1. Introduction2. History3. Software setup4. Playing with pixels5. Resources
![Page 3: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/3.jpg)
0.1 Some questions
- Does anyone know how/is learning to draw (digital or traditional)?
- Familiar with Photoshop/Piskel/other image editing software?
- Who is using what software?
![Page 4: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/4.jpg)
1.1 What is a pixel?
- From the words, picture and element.
"Pixel-example" by ed g2s • talk - Example image is a rendering of Image:Personal computer, exploded 5.svg.. Licensed under CC BY-SA 3.0 via Wikimedia Commons - https://commons.wikimedia.org/wiki/File:Pixel-example.png#/media/File:Pixel-example.png
This one square is a pixel
![Page 5: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/5.jpg)
1.2 What is pixel art?
- Drawing or editing on the pixel level that now has become a style of its own.
![Page 6: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/6.jpg)
2.1 History
- Came from hardware processing limitation- Not able to draw or render too many colors
![Page 7: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/7.jpg)
2.1 History
- Very similar to mosaic art
![Page 8: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/8.jpg)
2.2 Visual History
Pong (1972) Credit: Amintore Fanfani
![Page 9: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/9.jpg)
Space Invaders (1978)
2.2 Visual History
![Page 10: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/10.jpg)
Pac Man (1980
2.2 Visual History
![Page 11: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/11.jpg)
Donkey Kong [arcade](1981)
2.2 Visual History
![Page 12: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/12.jpg)
Super Mario Bros (NES)(1985)
2.2 Visual History
![Page 13: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/13.jpg)
Ryu (Street Fighter series)1987+
2.2 Visual History
![Page 14: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/14.jpg)
Chrono Trigger (1995)
2.2 Visual History
![Page 15: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/15.jpg)
Metal Slug series (1996+)
2.2 Visual History
![Page 16: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/16.jpg)
Castlevania: Symphony of the Night (1997)
2.2 Visual History
![Page 17: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/17.jpg)
Final Fantasy Tactics (1997)
2.2 Visual History
![Page 18: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/18.jpg)
Pokemon series (1996)
2.2 Visual History
![Page 19: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/19.jpg)
3D Dot Game Heroes (2009)
2.2 Visual History
![Page 20: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/20.jpg)
Minecraft (2009)
2.2 Visual History
![Page 21: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/21.jpg)
Scott Pilgrim VS The World: The Game (2010)
2.2 Visual History
![Page 22: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/22.jpg)
Superbrothers: Sword & Sworcery EP (2011)
2.2 Visual History
![Page 23: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/23.jpg)
3.1 Software Setup
Familiarizing with painting software: Create new file
Photoshop: New File (32x32 pixels)or CTRL+N (Win) / CMD+N (Mac)
![Page 24: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/24.jpg)
3.1 Software Setup
Familiarizing with painting software: Create new file
Piskel: Resize to 32 x 32 pixel
![Page 25: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/25.jpg)
3.2 Software Setup
Familiarizing with painting software: Zoom (PS and Piskel)
Photoshop: Zoom Tool (Z)or CTRL [CMD] +(+) to zoom in and
CTRL [CMD] + (-) to zoom out.
Piskel: (+) to Zoom in(-) to Zoom out
![Page 26: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/26.jpg)
3.3 Software Setup
Familiarizing with painting tools: Pencil (PS) / Pen (Piskel)
Photoshop: Pencil tool (B or Shift+B to cycle)
Piskel: Pen tool (P)
![Page 27: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/27.jpg)
3.3 Software Setup
Familiarizing with painting tools: Pencil (PS) / Pen (Piskel)
![Page 28: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/28.jpg)
3.3 Software Setup
Familiarizing with painting tools: Pencil (PS) / Pen (Piskel)
![Page 29: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/29.jpg)
3.4 Software Setup
Familiarizing with painting software: Undo
Photoshop- Multiple undos: CTRL+ALT+Z
(Win) or CMD+ALT+Z (Mac)
Piskel- Multiple undos: CTRL+Z (Win)
or CMD+Z (Mac)
![Page 30: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/30.jpg)
3.5 Software Setup
Familiarizing with painting tools: Eraser (PS and Piskel)
Photoshop: Eraser tool (E or Shift+E to cycle)
Piskel: Eraser tool (E)
Photoshop: Mode: PENCIL
![Page 31: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/31.jpg)
3.6 Software Setup
Photoshop: Color Pickeron HUE (H)
Piskel: Color
Familiarizing with painting tools: Color (PS and Piskel)
![Page 32: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/32.jpg)
3.6 Software Setup
Familiarizing with painting tools: Color (PS and Piskel)
![Page 33: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/33.jpg)
3.7 Software Setup
Familiarizing with painting software: Saving file (PS and Piskel)
![Page 34: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/34.jpg)
3.8 Software Setup
Familiarizing with painting tool: Magic Wand (PS) and Shape selection (Piskel)
Piskel: Shape selection (Z)
Photoshop: Magic Wand (W)Sample Size: Point Sample
UNCHECK Anti-AliasContiguous?
![Page 35: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/35.jpg)
3.9 Software Setup
Familiarizing with painting tools: Paint Bucket (PS and Piskel)
Piskel: Paint Bucket (B)
Photoshop: Magic Wand (G or Shift+G to cycle)Fill: Foreground
Tolerance: 0UNCHECK Anti-Alias
Contiguous?
![Page 36: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/36.jpg)
3.9 Software Setup
Familiarizing with painting tools: Paint Bucket (PS and Piskel)
![Page 37: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/37.jpg)
3.10 Software Setup
Familiarizing with painting tools: Eyedropper (PS) and Color picker (Piskel)
Piskel: Color picker (O)Photoshop: Eyedropper (I or Shift+I to cycle)
![Page 38: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/38.jpg)
3.11 Software Setup
Familiarizing with painting tools: Move Tool (PS and Piskel)
Piskel: Move (M)Photoshop: Move (V)Auto-Select?
![Page 39: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/39.jpg)
3.11 Software Setup
Familiarizing with painting tools: Move Tool (PS and Piskel)
Photoshop: Move (V)Make sure the layer that you want to
move is selected
If not:
![Page 40: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/40.jpg)
4.1 Playing with Pixels
Create New File
Piskel: - Add New Frame
- Mouse over to old frame and Delete the frame- Go to Save and Save As another file name
![Page 41: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/41.jpg)
4.2 Playing with Pixels
Creating straight lines
Photoshop: Hold Shift+click and drag using
Pencil (Horizontal and Vertical)
![Page 42: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/42.jpg)
4.2 Playing with Pixels
Creating straight lines
Piskel:Click and drag the
Stroke Tool (L)
and then SAVE FILE!
![Page 43: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/43.jpg)
4.3 Playing with Pixels
Creating circular lines
![Page 44: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/44.jpg)
4.3 Playing with Pixels
Creating circular or smooth curved lines
Piskel:Circle Tool (C)
Press and hold Shift when dragging for perfect circle
![Page 45: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/45.jpg)
4.3 Playing with Pixels
Creating circular or smooth curved lines
Photoshop: Eliptical Marquee Tool (Shift + M to cycle)
DEMO!
and thenSAVE FILE!
![Page 46: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/46.jpg)
4.4 Playing with Pixels
Creating a ball and a cube
![Page 47: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/47.jpg)
4.4 Playing with Pixels
Creating a ball and a cube
![Page 48: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/48.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
![Page 49: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/49.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
By Dale Karp By 0tanim
Found on vixels.net
![Page 50: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/50.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
From 2006 RPI Pixel Art lecture
![Page 51: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/51.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
From http://pixelfigures.tumblr.com
![Page 52: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/52.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
Demo
![Page 53: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/53.jpg)
4.5 Playing with Pixels
Creating YOUR self-portrait
Do not forget to save!
![Page 54: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/54.jpg)
4.6 Playing with Pixels
Enlarging the image
Photoshop: Image Size CTRL+ALT+I [WIN] or CMD+ALT+I [MAC]Resample Image set to :Nearest Neighbor (preserve hard edges)
DEMO
![Page 55: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/55.jpg)
4.6 Playing with Pixels
Saving the image
Photoshop: Save As CTRL+SHIFT+S [WIN] or CMD+SHIFT+S [MAC]
![Page 56: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/56.jpg)
4.6 Playing with Pixels
Exporting the image on Piskel
Piskel: Export as PNG or Export as GIF
![Page 57: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/57.jpg)
5.1 Resources
Pixel Art: 2.0 It Is (Not) Dangerous Out There. Take these!
● Pixel art documentary (YouTube link)● A writing about pixel art (The Verge link)● Eboy, a famous pixel art trio● 30 pixel art artists compiled by CreativeBloq● A forum tutorial for pixel art at Pixel Joint● A great tutorial by Derek Yu● Adam Saltsman’s pixel art freelance guide at GamaSutra (2009)● One big list of tutorials, inspirations, artists, and forums at
pixelprospector.com● Kotaku’s article about a Japanese pixel artist
![Page 58: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/58.jpg)
6.1 (bonus) Q&A
Questions? Comments? Concerns? More classes like this?
![Page 59: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/59.jpg)
The End?
Slides sharing
bit.ly/1IUacjC
Thank you for coming!
![Page 60: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/60.jpg)
![Page 61: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/61.jpg)
![Page 62: Pixel Art: 1 - Tech Valley Game SpacePixel Art: 2.0 It Is (Not) Dangerous Out There. Take these! Pixel art documentary (YouTube link) A writing about pixel art (The Verge link) Eboy,](https://reader033.vdocuments.us/reader033/viewer/2022042805/5f68c4e54d9b480081660184/html5/thumbnails/62.jpg)