Web Templates Blog
DAILY NEWS AND REVIEWS OF THE WEB TEMPLATES INDUSTRY


GIF Animation On Any Webpage

 


Some people want to add a little variety to their webpage or wordpress theme blog. One of the easiest ways to do this is to add a GIF movie. You can find Free GIF movies, or buy them, or make them yourself. There are several easy ways to do this.

I have posted a few example GIFs here. And I will also give a brief tutorial on just one of several ways to make a GIF movie for your webpage, wordpress theme or email.

1) With your Quicktime movie open, and Photoshop open, go through the following steps.

2) Select a movie frame to start on.

3) Hit “Print Screen” on your keyboard.


4) Paste the frame into a photoshop doc the same size as your screen resolution.

5) Advance the quicktime forward a frame (right arrow key).

6) Hit “Print Screen” again and so on until you have as many frames as you like.

7) Once you’ve screen captured and pasted all the frames you’ll have a stack of layers.

8) Use the crop tool from the toolbar to crop the area of the video that you want to appear in your gif.

9) To resize the image Go to IMAGE > IMAGE SIZE and set the size once, it will affect all layers.

10) Save your file and open it in Imageready.

11) With your file open in Imageready, open the animation palette (WINDOW > ANIMATION) and then click the animation options button (a little arrow on the top right of the animation palette) and then select “MAKE FRAMES FROM LAYERS.” You may need to delete the first frame if you have a background frame in there.

12) Open the optimize palette (WINDOW > OPTIMIZE) and make sure your settings are for GIF.

13) Now all you have to do is save it as a gif. Select FILE > SAVE OPTIMIZED AS and save your gif file. Open it to test the animation.

Also, I hope you enjoyed the GIF movie examples.

Movies Are Your Best Entertainment,

Arthur Browning

This entry was posted on Monday, September 25th, 2006 at 3:30 am and is filed under Web Templates, Articles & Tutorials, WordPress Themes. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply



Links

  • Web Templates
  • Web Templates Customization
  • Flash Intro
  • Flash Templates
  • PHP-Nuke Themes
  • OsCommerce Templates
  • WordPress Themes
  • osCommerce Web Templates
  • Web Design Resources
  • ZenCart Templates
  • Web Design
  • SEO Tools
  • FlashMint

Categories

  • Articles & Tutorials
  • CSS Templates
  • Designer Interviews
  • Dreamweaver Templates
  • Flash Templates
  • Forum & Blog Templates
  • Free Templates
  • Industry News
  • Internet Marketing
  • Logo Templates
  • News
  • Uncategorized
  • Web Templates
  • WordPress Themes

Pages

  • Blog Templates Resources
  • Contact for Comments and Articles

Archives

  • April 2008
  • March 2008
  • February 2008
  • January 2008
  • December 2007
  • November 2007
  • October 2007
  • September 2007
  • August 2007
  • July 2007
  • June 2007
  • May 2007
  • April 2007
  • March 2007
  • February 2007
  • January 2007
  • December 2006
  • November 2006
  • October 2006
  • September 2006
  • August 2006
  • July 2006
  • June 2006
  • November 2005
  • September 2005
  • August 2005
  • July 2005
  • June 2005
  • May 2005
  • April 2005
  • March 2005
  • February 2005

Meta

  • Login
  • Entries RSS
  • Comments RSS
  • WordPress.com
Web Templates Blog is proudly powered by WordPress