tutorial

Photoshop – Creating GIF

Sample GIF:

Screenshot_20170610-212947

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.
Enjoy!