Photoshop – Creating GIF

Sample GIF:


Long time ago, there was “Image Relay” module for making GIF.
Fast forward more than 10 years with Adobe Photoshop Element 11, you simple “Save for web…”

Steps as follow:

  1. Load each picture
  2. Pick one of the picture to build the GIF and add a layer for each other pictures
  3. Copy and paste each other pictures to their own layer
  4. Arrange each layer as required, “Background” of course being the last but first to display in GIF
  5. Click “File”, “Save for web…”
  6. Activate the “Animate” box and adjust “Frame Delay”
  7. Click the “Play” button to check result, or “Preview” for bigger picture on browser
  8. Adjust as needed and click “Save” then specify file location and name

Note that new GIF file will be created keeping previous pictures intact.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s