Sun Animation

August 9th, 2007 by spllogics

In this tutorial I’m going to briefly show you the animation feature in Photoshop by creating a sun coming over the mountain. This is a breift overview of using animation in photoshop cs2 and up.

This is the image i started with and went ahead and went to Filter/Render/Lighting to give it a darker morning look.

sun_animation_1.jpg

After that I created a new layer made a quick sphere and gave it some glow for my sun.

sun_animation_2.jpg

On my sun layer I went right clicked and chose one of the new option in Photoshop CS2. Group in to Smart Object. (This will keep the mask we will create stay in place)

sun_animation_3.jpg

As you can see the layer now has a icon in the bottom right telling you this is now a smart object.

sun_animation_4.jpg

Now we want to add a mask to this layer.

sun_animation_5.jpg

Select your new mask and grab your Brush tool (low opacity around 30%) and completely mask the mountain area where the sun is now positioned, and
above the mountains give it just a little bit of masking so that when we animate the sun will brighting as it comes up.

sun_animation_6.jpg

Example of my mask layer.

sun_animation_7.jpg

After thats done create a new layer and change the blend mode to color. Again select your brush tool and a bright orange and paint over some of the
areas in the photo, like the sky , wood, and rocks Then set the layer opacity to 0%.

sun_animation_8.jpg

Now go to Windows/Animaition.

sun_animation_9.jpg

For the animation click the add new frame in the animation palette and each one we click
the sun layer and move it up just a few pixels. I created 11 layers in this animation.
Around the 6th layer start to increase the opacity on the orange layer. just 2-3% each frame. See the examples below.

sun_animation_10.jpg
sun_animation_11.jpg

Example of Orange layer Opacity.

sun_animation_12.jpg

A few of the Frames in my animations showing movement and color change.

sun_animation_13.jpg

Now click play to see your animation.

sun_animation_14.jpg

© Tutorial written by Jason Poston - Spllogics All rights reserved.

Popularity: 10% [?]

Related Post
  • No related posts
  • Posted in Photoshop, Tutorials
    Tags , , , ,

    Leave a Comment

    Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

     
    All Information and Images are Strictly prohibited to use with out written permission.