Difference between revisions of "Animated GIFs"

From Help Wiki
m
m (Animated GIFs)
 
Line 9: Line 9:
 
#Set your frame rate 10 or 12 fps should suffice
 
#Set your frame rate 10 or 12 fps should suffice
 
#Open the animation timeline in '''Window > Timeline'''
 
#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
 
#From the timeline "hamburger" button choose Set Timeline Frame Rate to adjust frame rate if needed
  
Line 15: Line 14:
 
#In Photoshop CS 6 go '''File > Save for Web and Devices'''
 
#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
 
#Choose your frame rate from the dialogue box
 
 
[[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'''
+
#Choose a GIF flavor from the Preset drop down menu  
#Choose a GIF flavor from the Preset drop down menu
+
#* note what happens to the file size and color table as you choose different GIF compression settings
 
#You should now be able to preview the animation in the lower right
 
#You should now be able to preview the animation in the lower right
 
#Set your Loop options - once or forever
 
#Set your Loop options - once or forever
 
#Click '''Save''' and name your animated gif file
 
#Click '''Save''' and name your animated gif file
 +
#Open the animated GIF with a browser to view and test see how it turned out
  
 
  [[category:Photoshop]]
 
  [[category:Photoshop]]

Latest revision as of 16:15, 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. 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) ...
Set your looping options
  1. Choose a GIF flavor from the Preset drop down menu
    • note what happens to the file size and color table as you choose different GIF compression settings
  2. You should now be able to preview the animation in the lower right
  3. Set your Loop options - once or forever
  4. Click Save and name your animated gif file
  5. Open the animated GIF with a browser to view and test see how it turned out