Difference between revisions of "Animated GIFs"

From Help Wiki
m (Created page with '===Animated GIFs=== #Create an image sequence and name each file in order strarting with 001, 002, etc. #Once you've created your image sequence, you can use Photoshop to output …')
 
m (Animated GIFs)
 
(2 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
====Open an image sequence====
 
====Open an image sequence====
#From Photoshop go '''File > Open'''
+
#Go File > Open and select the first image in your sequence
#Select the first image in the sequence and check the "Image sequence" box
+
#Check the '''Image Sequence''' box and click Open
#Choose your frame rate from the dialogue box
+
#Set your frame rate 10 or 12 fps should suffice
 +
#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 15: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