Difference between revisions of "Animated GIFs"

From Help Wiki
(Animated GIFs)
m
Line 5: Line 5:
  
 
====Open an image sequence====
 
====Open an image sequence====
#*In Photoshop CS 6 go '''File > Save for Web and Devices'''
+
#Go File > Open and select the first image in your sequence
 +
#Check the '''Image Sequence''' box and click Open
 +
#Set your frame rate 10 or 12 fps should suffice
 +
#Open the animation timeline in '''Window > Timeline'''
 +
#Under the Settings icon choose to Loop Playback
 +
#From the timeline "hamburger" button choose Set Timeline Frame Rate to adjust frame rate if needed
 +
 
 +
====Output an animated GIF====
 +
#In Photoshop CS 6 go '''File > Save for Web and Devices'''
 
#*In Photoshop CC 2015 go '''File > Export > Save for Web (Legacy) ...'''
 
#*In Photoshop CC 2015 go '''File > Export > Save for Web (Legacy) ...'''
 
#Select the first image in the sequence and check the "Image sequence" box
 
#Select the first image in the sequence and check the "Image sequence" box
 
#Choose your frame rate from the dialogue box
 
#Choose your frame rate from the dialogue box
====Output an animated GIF====
 
 
[[File:Animated-gif2.png|300px|thumb|right|Set your looping options]]
 
[[File:Animated-gif2.png|300px|thumb|right|Set your looping options]]
 
#Go '''File > Save for Web and Devices'''
 
#Go '''File > Save for Web and Devices'''

Revision as of 15:09, 11 May 2016

Animated GIFs

  1. Create an image sequence and name each file in order strarting with 001, 002, etc.
  2. Once you've created your image sequence, you can use Photoshop to output an animated Gif file.
Open an image sequence

Open an image sequence

  1. Go File > Open and select the first image in your sequence
  2. Check the Image Sequence box and click Open
  3. Set your frame rate 10 or 12 fps should suffice
  4. Open the animation timeline in Window > Timeline
  5. Under the Settings icon choose to Loop Playback
  6. From the timeline "hamburger" button choose Set Timeline Frame Rate to adjust frame rate if needed

Output an animated GIF

  1. In Photoshop CS 6 go File > Save for Web and Devices
    • In Photoshop CC 2015 go File > Export > Save for Web (Legacy) ...
  2. Select the first image in the sequence and check the "Image sequence" box
  3. Choose your frame rate from the dialogue box
Set your looping options
  1. Go File > Save for Web and Devices
  2. Choose a GIF flavor from the Preset drop down menu
  3. You should now be able to preview the animation in the lower right
  4. Set your Loop options - once or forever
  5. Click Save and name your animated gif file