Posts Tagged ‘gif’

How to Create an Animated Gif Using Photoshop

November 25th, 2010 No comments

Want to impress the world with your Web site? Create your very own animated gif using Photoshop.


Creating the Art

  • 1

    Open Photoshop 5.5 and create a new image file measuring 100 by 100 pixels. Set the resolution to 72 pixels per inch and the mode to RGB color.

  • 2

    Choose Show Layers from the Window menu. This will bring up the Layers floating palette.

  • 3

    Select the pencil tool. Use it to draw a picture.

  • 4

    Click on the Layer palette’s submenu arrow and select Duplicate Layer.

  • 5

    Click on the eyeball icon to the left of the bottom layer on the Layer palette. Use the pencil tool to add to the image on the top layer. Select the erase tool to remove part of the image.

  • 6

    Under the file menu, select Jump to, and then Adobe ImageReady 2.0. Save when prompted.

  • Animating in ImageReady

  • 1

    Choose Show Animation from the Window menu. This will bring up the Animation floating palette.

  • 2

    Click on the Animation palette’s submenu arrow and select Make Frames from Layers.

  • 3

    Use Save Optimized As to save the animation under a new name.

  • Categories: Designing Tags: , ,