Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
Photoshop Tutorials - Free Fonts
[Read Me First!]
[Photoshop Tutorials]
[Canvas Tutorials]
[Corel Tutorials]
[Quark Tutorials]
[Illustrator Tutorials]
[FreeHand Tutorials]
[Drawing Basics]
[Porting Files]
[Free Fonts]
[Font Tutorials]
[Misc Tutorials]
[About Mike]
[Related Sites]

  Animated Egyptian Eye Tutorial
Part 2B - Creating The Frame Images

10. Now switch back to normal view by clicking View > Normal. The first frame is ready to export as a bitmap image. Click File > Export... to export the frame as an image.

11. In the Export dialog, choose the "Selected Only" check box. This will export only the selected objects as an image. Use a True Color file format. In this case I am using the Photoshop PSD file format. Give it a filename and click "Export". Save all the frame images in the same folder.


Tip: Name the sequence of frame images with the same file name ending with 1, 2, 3, etc. Many animation programs recognize files named this way as an image sequence. You can take advantage of this and load the whole frame sequence at once.
  Note: You don't have to save images in Photoshop format. This format is just my personal preference. You can choose any of the other true color raster formats such as TIFF or PICT or BMP. Just don't use a lossy format such as JPEG or a format that isn't true color like GIF (more here on color depth and true color). The reason is that when the finished animated GIF is created the color depth will be reduced to a maximum of 256 colors. You don't want to start with a limited palette. Rather, you want all the colors available before the GIF animation is generated.

12. Next, you will see a dialog. Use the following settings circled or underlined in the graphic below:

RGB Color
1 to 1 Size
72 dpi resolution

We want RGB color (24-bit True Color). The GIF file format only supports a maximum of 256 colors more here on True Color and the GIF file format. If you save the frames as individual GIF images, each will have a different palette and and there may be flickering between the frames because of the different colors. By saving the frames in True Color, the animation program will generate a common palette for all the frames.

Anti-aliasing will give the images a smooth appearance. Otherwise the images will appear jagged more here on anti-aliasing.

Choose a 1 to 1 size. If you want the finished animation to be smaller or larger, then adjust this amount.

Since the finished animation is for a screen display, choose 72 dpi for the resolution more here on resolution.

You will use these same settings to export each frame in this tutorial.

Click Here To Continue...


Previous   Home    Contact Mike   Related Sites    Next

Copyright © 1998-2016 Mike Doughty, All Rights Reserved Legal Notices
Page Last Revised: October 26, 2016
Privacy Policy