Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Mastering Tweening Part Two - Practical/Advanced Tweening

Mastering Tweening Part Two - Practical/Advanced Tweening


Ok, welcome to the advanced class! Now we will work on more practical uses of tweening.

Type something in white and put a layer of black behind it. add these settings to the text layer:

image 1

Now duplicate the frame twice. on the middle frame, uncheck the outer glow setting:

image 2

Now tween the middle frame to 10 frames. then select the last layer and tween it to 10 frames. press play and i hope you got something similar to this:

image 3

Now lets move on to color changing text. Clear your text's layer style and duplicate the frame. then add a color overlay and keep the default settings. tween to 4 frames. duplicate the last layer and change the color to a bright green 00FF00. tween to 4 frames. now duplicate the last layer and change the color to a blue 0000FF. tween to 4 frames. duplicate the last frame and change the color to a yellow EEFF00 and tween to 4 frames. duplicate your first frame and move it to the end. tween to 4 frames and press play. here's mine:

image 4

Now how about some really cool stuff. make a new document of any size and make a black rectangle in it:

image 5

Now duplicate the frame apply a bevel to it with these settings:

image 6

Tween to 5 frames. duplicate the last frame and change the settings to:

image 7

And tween to 5 frames. duplicate the last frame and change the settings to:

image 8

Tween to 8 frames. duplicate the last frame and change the settings back to:

image 9

Then tween to 8 frames and duplicate the last frame. change the settings back to:

image 10

And tween to 5 frames. then duplicate the frame and clear the layer style. then tween to 5 frames and u should have this:

image 11

Cool, huh? Now delete all the frames and clear the layer style. press d to reset your colors and duplicate the frame. apply a gradient overlay to your rectangle and keep the default settings. tween to 8 frames and duplicate the last frame. then switch the colors around but do NOT just check reverse. tween to 8 frames. repeat this process four more times, then duplicate the last frame and clear the layer style. tween to 8 frames and u should get:

image 12

I never really understood y i liked that effect- maybe because it has unlimited potential- u could make it never have the same color combo to make it look like colors are draining from it or one color is bouncing up and mess with the angles, or whatever you want.

Now lets move on to shadows. return to your text document and change the color of the background layer to white and your text to black. now apply a drop shadow on it with the default settings. duplicate the frame and use these shadow settings:

image 13

Tween to 5 frames and then duplicate the last frame. then use these settings:

image 14

And tween to 5 frames. now duplicate the last layer and change the angle to -125 degrees. then tween to five frames and duplicate the last frame and change the angle to -44 degrees. tween to 5 then duplicate the frame and change the angle to 135 degrees and tween to 5 frames. then duplicate the first frame, move it to the end, and tween to 5 frames. here's what u should have:

image 15

Now delete all but the very first frame. change its shadow size to 4 and duplicate it. then change the settings to:

image 16

And tween to 5 frames. then duplicate the first frame and move it to the end. tween to 5 frames. then duplicate it and change the settings to:

image 17

And tween to 5 frames. again duplicate the first frame and move it to the end and tween to 5 frames. u should get:

image 18

Ok, now lets go for some pattern overlay animation. change your font to something thick- i used impact on size 36. put a pattern overlay on your text and choose "Bubbles" as the pattern for the tutorials sake.

Duplicate your first frame and enter these settings while still using the "Bubbles" pattern:

image 19

And tween to 10 frames. then duplicate the last frame and enter these settings:

image 20

And tween to 10 frames. then duplicate the first frame and move it to the end and tween to 10 frames. Here's what i got:

image 21

Try with some of the other patterns and settings and have fun with your new tweening abilities!



Author's URL: Cobra
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Mastering Tweening Part Two - Practical/Advanced Tweening"

Only registered users can write comment

No comments yet...