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

Moon Light Animated

You should have the following:

1. Open the psd from the Moon Light Sillouette tutorial. Turn off the top fog layer and the grass layer.


2. Right click on the elk layer mask and apply the mask. Right click on the elk layer and duplicate it. Turn off the original elk layer. call the new layer headless.

3. Select your rectangular marquee tool and select the head of the elk copy. Hit your backspace key.



4. Open the new image of the elk and using the move tool, drag it over to the canvas.

5. Use the polygonal lasso to select the elks neck and head in this image, clicking at each corner. click your layer mask button on the bottom of the layers panel. Adjust the mask by using a 3 pixel white brush over the mask areas you want to reveal and a black brush where you want to hide.

6. Click back on your image on the layer. Click Edit=>transform=>scale. Set the height and width to 55%.

7. Click image=> adjust=> hue/saturation.

  • hue = 0
  • saturation = -100
  • lightness = -60
  • colorize unchecked.

8. Apply the layer mask by Right clicking the mask and hitting apply. Name this layer Elk right. Use the move tool to move this head over your headless moose

9. Duplicate this layer. Name the layer elk left. On the elk left layer, click edit=> transform=> flip horizontal. Use the move tool to adjust where it should go.

10 . Duplicate this layer. Name the elk left copy layer elk left down. Click edit=> transform=>rotate and set the rotation to -30 degrees. Use the move tool to orient it over the neck and body.

11. Turn off the new layers, and turn on the background, moon, original elk, grass, and fog layers only.

Switch to Image Ready.

12. Open your animation panel and duplicate your original by clicking the duplicate icon on the bottom of the animation panel to make a total of 5 frames

  • Frame 1: original image, set time to 5 seconds
  • Frame 2 : Turn off your original elk image. Turn on your headless elk and turn on your elk right.. Set to 0.5 seconds
  • Frame 3: original image, Set to 1 second.
  • Frame 4 : Turn off the original elk layer and turn on the headless elk and elk left layers. Set to 0.5 seconds
  • Frame 5 Turn off your original elk layer. Turn on your headless elk layer and turn on your Elk left down layer.  Set to 1 second.

13. Slicing:

Use the Slice tool to select the area of the head that will change. Adjust the borders of it by moving the handles on the middle of each side to where the entire antlers are in this slice. click on frame 2 and adjust outward if need be, and again on frame 4, and frame 5 until you are sure the entire animation is is this slice.
 

14. Optimizing

Click on the optimize panel. Set the animated slice to

  • gif
  • 32 colors
  • selective
  • lossy = 0
  • no transparency


Click on the each of the other slices, 1, 2, 4, 5 and set the image to

  • jpg
  • low
  • quality = 20

 

15. Click File=> Save Optimized as. set the save optimized to HTML and images so it created an html to put the slices back together with and an image folder with all your images in.



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