| layout | title |
|---|---|
tutorial |
Pickle Tutorial |
#Pickle Tutorial This tutorial will cover the main features of Pickle, a pixel art editor for Mac and PC. We'll show you how to create a character spritesheet, and give you some tips for importing existing spritesheets used for characters and maps.
##Setup
Download Pickle from Pickleeditor.com. (You may need to install Adobe Flex to run this application.)
Save helicopterman.png to your computer (right click on the image and choose 'save as')
###Step 1: setting up a new animation Open Pickle and open the image helicopterman.png from where you saved it on your computer.
Set to: ANIMATION
You should see this:
Make sure Frames are set to: ANIMATE ALL
###Step 2: copying and pasting Click COPY FRAME
Add a new frame by clicking the plus button (+)
Select Frame 2
Click PASTE FRAME
You should see this:
###Step 3: building the animation Increase the zoom to 4x or more so that you can easily see changes to the animation as you build it.
Select the paint brush tool
Make sure the color BLACK #000000 is selected
Fill in this pixel:
Select the Eraser
Erase these 3 pixels:
Using the paintbrush, eraser and copy and paste tools, create the 3 frames below:
###Step 4: Saving your spritesheet
Click EXPORT and SAVE PNG
You should have a spritesheet that looks like the one below. Each frame is a 32 x 32 pixels.
##Importing a spritesheet To edit an existing character spritesheet such as the one below, you need to know how big each frame is. For the character below it is 32 by 32 pixels.
Open the spritesheet and set the tile width and height to 32 pixels. Make sure the Image Settings are set to ANIMATION.
If you want to edit a spritesheet for a map set the Image Settings to TILE. For this map each map tile is 16 x 16 pixels.
