Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Budwizer Frogs

  • Download this image on your computer. This image is copy right of webshots so you will have to only work on your computer with it.

1. Open the image in Photoshop and duplicate the image. Turn the background image off.

2. Use the lasso tool with the add to selection box selected to select around each frog till you have all three selected. Click add Layer mask button on the bottom on the layers panel. Name this layer frogs 1. Duplicate this layer 2 times and name them frogs 2 and frogs 3.

3. Turn off your layers and turn on only frogs 2. Click Filter=> other=> offset. Set the following

  • horizontal offset to 93
  • vertical to 0,
  • using wrap around.

4. Turn off frogs 2 layer and turn on frogs 3 layer. Set the following:

  • horizontal offeset to -93
  • vertical to 0
  • wrap around checked.

5. Duplicate your background layer. Use the rectangular marquee to select the top 120 pixels of the image. Switch to the move tool with bounding box options checked. Grab the middle bottom bounding box and drag it down to the top of the foot.

6. Turn on your frogs 1 layer and switch to Image Ready.

Frame 1: Open the animation panel. Set frame 1 to 0.2 seconds.

Frame 2: Duplicate frame. Turn frog 1 layer off and turn on frog 2.

Frame 3 Duplicate frame. Turn frog 2 off and turn on frog 3.

7. Save your image optimized at 64 colors gif, 0 dither, adaptive colors. Crop and resize to your liking.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2009 All Rights Reserved
Privacy and Legal