Difference between revisions of "Animated GIFs"

From Help Wiki
(Animated GIFs)
m (Animated GIFs)
 
(One intermediate revision by the same user not shown)
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
#*In Photoshop CC 2015 go '''File > Export > Save for Web (Legacy) ...'''
+
#Check the '''Image Sequence''' box and click Open
#Select the first image in the sequence and check the "Image sequence" box
+
#Set your frame rate 10 or 12 fps should suffice
#Choose your frame rate from the dialogue box
+
#Open the animation timeline in '''Window > Timeline'''
 +
#From the timeline "hamburger" button choose Set Timeline Frame Rate to adjust frame rate if needed
 +
 
 
====Output an animated GIF====
 
====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) ...'''
 
[[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