PhotoShop Create Animated GIF

• Click File New

• Make sure you select Default Photoshop size for Preset:

• If your canvas is too large to fit on the screen then zoom out

• Hold down Ctrl and Alt then Roll mouse roller to zoom in/out

• In Google click on Search tools and select color then transparent this will allow you to find pictures with a transparent background.

• Try to find a ball picture.

• Make the picture larger by clicking on the thumbnail

• Now right Click on the picture and select Copy Image

• Paste the image into your PhotoShop document by pressing Ctrl + V

• If the picture has a background after it has been pasted right click on the eraser tool and select magic eraser

• Now click on the background to erase it 

• • Click on window menu and check animation this will open the animation window

• 1. How many times to play animation

  2. Play, pause, forward, reverse controls

  3. Tween Tool

  4. Duplicate selected Frames

  5. Delete selected Frames

  6. Convert to timeline animation

  7. Frames

• 1. Click on Duplicate selected Frames to add a second frame

  2. Now use the Move Tool (V) to move the ball in frame one off the left edge of the canvas

  3. Click on frame two and move the ball to the bottom of the canvas like show to the right

  4. Frame 1 is the starting position of the ball

  5. Frame 2 is the ending position of the ball

• • this will create a "Tween" or animation between the starting and ending positions.

  • Click the Play button to watch your animation

• • Duplicate the last frame of your animation

  • Click on last frame and move it to the bounce up position

  • Add another tween animation

  • Play animation 

• • This process can be done over and over to create the animation you would like

• • Click File Save for Web and Devices 

  • Make sure to select  Looping Options forever

• • You can now open your gif in web browser to see what it looks like 

• • Click File New

  • 250px X 250px with a transparent background name it happy

  • Once open zoom in to make full screen and make sure Animation panel is turned on just as before

• • Use the Ellipse Tool the Draw a circle you can hold down shift to make it perfectly round

• • Use the Ellipse Tool to draw some eyes after you draw click on color selector in the tool properties to change eye to white

  • After you draw one eye hold down Ctrl + Alt as you drag to make a second eye exactly the same size

  • Now Draw some eye balls using the same method

• • Your face can be customized anyway you like mine is basic happy face

• • Now create three new layers and name them small, medium, large

  • These will be the names of how big the smile is

• • Use the Brush Tool color black to draw a small smile of small layer medium smile on medium layer and a large smile of large layer

  • Make sure you select the correct layer to draw on a good way to check is by clicking on the eyeball next to the layer to hide it

• • Click the Duplicate selected Frames button to create four frames

• • 1st frame small smile

  • 2nd frame medium smile

  • 3rd the large smile

  • 4th the medium smile

  • To do this we hide the other two layers from the layer menu while in the correct frame

  • Hide by clicking the eye icon next to each frame

  • Frame 1 should look like the picture to the right

  • You can also move the eyes to give it different expressions in each frame

• • It is probably too fast so we will change the duration of each frame

  • Click where it says 0 sec. this will bring up a panel to select different delays

  • Change the delay for all frames to 0.2 seconds except for the full smile change to 1 second

• • Use the same process as before in step 13 to Save your animation

• • Use the Text tool and type out your name or a school appropriate Meme

  • Use a large text size 

  • Choose Font and Color and style

  • You can choose and FX if you would like for your Text I used Stroke

• • Use keyboard shortcuts Ctrl + C to Copy and Ctrl + J to Paste Layer

  • Do this for every letter in you animation

• • Click on the eye icon in the layers menu to hide the layers do this for all layers but bottom

• • We now want each layer to contain part of the word

  • The bottom layer will contain only the First layer

  • The second layer from bottom will contain the first two letters etc.

  • Click on Text tool and highlight the part of the word you want to erase click delete

  • Reveal the next layer and repeat the process

• • Turn on Animation Panel Click on window menu and check animation this will open the animation window

  • Now find the Properties of the Animation panel in the top right corner 

  • Select Make Frames From Layers

• • Try it out you can change the duration of each letter just like step 23

 Save your Animation

• • Use the same process as before in step 13 to Save your animation