Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Playing with Timeline in Photoshop CS6
Step 1
• Open Photoshop CS6 and create a new document. Fill the
background layer with any color, then go
toLayer>Layer>Sty...
Step 2
• Add a new layer and fill it with a pattern. I am
using one from http://subtlepatterns.com/ called
Broken Noise. U...
Step 3
• Add a text you want to use for the light effect. I am using
the letter A of Abduzeedo using a stencil font called...
Step 4
• To create the
light effect we
will use Layer
Styles. Just
follow the
instructions
below
for Bevel &
Emboss, Inner...
Step 5
• Duplicate the layer and disable the layer
styles. Use Inner Shadow and Inner
Glow using the settings below.
Step 6
• This is the results
you will get after
the layer styles. It's
very similar with
another tutorial I
wrote a few ye...
Step 7
•

Add 2 layers on top
of the other layers
and name them right
and left. After that
group these 2 layers
in a folde...
Step 8
• Go
to Window>Timeline. Y
ou will see the timeline
panel. The first thing
you will notice is that
all layers are i...
Step 9
• Move the
timeline to
the position
1:00 and then
move the
layers in the
composition
where you
want them to
move to...
Step 10
• This would be the second position of the light
spots.
Step 11
• Move the timeline again and after that move
the layers to create new keyframes.
Step 12
• Keep moving them until you complete the
animation you want.
Timeline
• This is how the timeline looks like. Note the
keyframes for the points where the animation
changes position.
Conclusion
•

After a few steps this is the final animation. Using the timeline is quite simple if
you compare the number ...
Playing with timeline in photoshop cs6
Playing with timeline in photoshop cs6
Playing with timeline in photoshop cs6
Playing with timeline in photoshop cs6
Playing with timeline in photoshop cs6
Playing with timeline in photoshop cs6
Upcoming SlideShare
Loading in …5
×

Playing with timeline in photoshop cs6

680 views

Published on

Published in: Art & Photos, Technology
  • Be the first to comment

Playing with timeline in photoshop cs6

  1. 1. Playing with Timeline in Photoshop CS6
  2. 2. Step 1 • Open Photoshop CS6 and create a new document. Fill the background layer with any color, then go toLayer>Layer>Styles>Gradient Overlay. Use Radial for the Style and for the colors use black and#38556f for the center.
  3. 3. Step 2 • Add a new layer and fill it with a pattern. I am using one from http://subtlepatterns.com/ called Broken Noise. Use Soft Light for the Blend Mode.
  4. 4. Step 3 • Add a text you want to use for the light effect. I am using the letter A of Abduzeedo using a stencil font called Major Snafu. You can download it at http://www.dafont.com/major-snafu.font?text=a+A
  5. 5. Step 4 • To create the light effect we will use Layer Styles. Just follow the instructions below for Bevel & Emboss, Inner Shadow, Inner Glow, Color Overlay, Outer Glow and Drop Shadow.
  6. 6. Step 5 • Duplicate the layer and disable the layer styles. Use Inner Shadow and Inner Glow using the settings below.
  7. 7. Step 6 • This is the results you will get after the layer styles. It's very similar with another tutorial I wrote a few years ago showing how to create a neon effect in Photoshop. Again the idea of this tutorial is to play with the timeline feature. That's why I will cover the first steps quickly.
  8. 8. Step 7 • Add 2 layers on top of the other layers and name them right and left. After that group these 2 layers in a folder. Change the folder's Blend Mode to Color Dodge. With the Brush Tool (B) and a very soft brush, paint with white on top of the right part of the letter A. Select the left layer and paint another spot of light on top of the left part. Use the image below for reference.
  9. 9. Step 8 • Go to Window>Timeline. Y ou will see the timeline panel. The first thing you will notice is that all layers are in the timeline. Select the 2 layers in the folder. Expand them in the tree and make sure that the timeline is in the 0 frame. Click on the Position option to create a keyframe.
  10. 10. Step 9 • Move the timeline to the position 1:00 and then move the layers in the composition where you want them to move to.
  11. 11. Step 10 • This would be the second position of the light spots.
  12. 12. Step 11 • Move the timeline again and after that move the layers to create new keyframes.
  13. 13. Step 12 • Keep moving them until you complete the animation you want.
  14. 14. Timeline • This is how the timeline looks like. Note the keyframes for the points where the animation changes position.
  15. 15. Conclusion • After a few steps this is the final animation. Using the timeline is quite simple if you compare the number of steps necessary to create the light effect. The cool thing is that Photoshop makes our lives much easier when it comes to create simple animations.

×