HomeTE Inc HomepageRulesMemberlistReportsRegisterLog inSearchFAQCalendarGallery
Welcome Back ! (: Please cooperate well and have a great day!
Log in
Username:
Password:
Log in automatically: 
:: I forgot my password
Your Part..
Suggest an Event w/ us!
ePlaylist
Poll
Rate our site
5
68%
 68% [ 19 ]
4
18%
 18% [ 5 ]
3
7%
 7% [ 2 ]
2
4%
 4% [ 1 ]
1
4%
 4% [ 1 ]
Total Votes : 28
Join Us!
Who is online?
In total there are 4 users online :: 0 Registered, 0 Hidden and 4 Guests

None

Most users ever online was 34 on Fri Dec 18, 2009 2:47 am
Search
 
 

Display results as :
 
Rechercher Advanced Search

Share | 
 

 Animating in PhotoShop CS3

View previous topic View next topic Go down 
AuthorMessage
ghiapot
Moderator
avatar

Posts : 1168 Joined : 2009-03-04
Mood :

PostSubject: Animating in PhotoShop CS3   Wed Apr 15, 2009 1:48 pm

The first thing we need to do is to create a new document. We will add some text to the canvas, and this is what we will animate:

[kahit anung size ang gusto niu ayt]

[You must be registered and logged in to see this image.]

Now, we will goto Window > Animation. You should see a window like the following:

Spoiler:
 

This window will be used for creating keyframes of our animation. At the moment, we have just one keyframe - the current state of our canvas. We will now add a new keyframe. Click on the Duplicate Frame button at the bottom of the Animation Window ([You must be registered and logged in to see this image.]) and we should have something like this:

[You must be registered and logged in to see this image.]

We now have two keyframes, but they're both exactly the same (because we duplicated). This is Ok because we want the keyframes to start off the same, and then we can make our changes. We will want the second keyframe to be at the end point, or next point of our animation - we will not have to recreate every step ourselves. Go ahead and make sure the second keyframe is selected, then drag the Text Layer over to the right-hand side of the canvas, like so:

[You must be registered and logged in to see this image.]


Notice that keyframe 1 has stayed the same as the original, but in keyframe 2 the text is now over to the right. If we click between the two keyframes, we can see the differences on the canvas. Next, we can let PhotoShop do the animation of the in-between frames. This is called Tweening. Make sure the second keyframe is selected, and click on the Tweening button ([You must be registered and logged in to see this image.]) next to the Duplicate button.

We will then be asked which frame we want to tween with, and how many frames we want to add. We will leave the default, 5 frames. Click Ok.


[You must be registered and logged in to see this image.]

We now have 7 frames, each slightly different, which provide the illusion of movement. We can click the Play button at the bottom of the Animation Window to preview the animation.

Spoiler:
 

If the animation is too fast, you can change the speed by clicking the small black arrow at the bottom-right of each frame, next to 0 sec. This will change the duration that the frame will show for.
We can repeat the process of animation to animate the text further, not only using motion, but Warping the text also:

[You must be registered and logged in to see this image.]

Quote :
CREDITS TO
[You must be registered and logged in to see this link.]

----------------------------------------------------------->
[You must be registered and logged in to see this link.]
Back to top Go down
kate_ekxdee
TE Regular
avatar

Posts : 434 Joined : 2009-03-01
Mood :

PostSubject: Re: Animating in PhotoShop CS3   Thu Apr 16, 2009 11:45 am

woo. galing. thanks sa pag share :D
Back to top Go down
Joanna :>
TE Regular
avatar

Posts : 120 Joined : 2009-03-16
Mood :

PostSubject: Re: Animating in PhotoShop CS3   Fri Apr 24, 2009 10:02 am

Nc. ang saya. may konti nakong nalaman sa animations XDDD
Back to top Go down
jorgyrom
TE Guest
avatar

Posts : 22 Joined : 2009-06-24
Mood :

PostSubject: Re: Animating in PhotoShop CS3   Wed Jun 24, 2009 2:43 pm

tnx bro!
Back to top Go down
thunderz
TE Guest
avatar

Posts : 6 Joined : 2009-07-10
Mood :

PostSubject: Re: Animating in PhotoShop CS3   Fri Jul 10, 2009 9:52 am

nice

salamat sa pag share !
Back to top Go down
crazy02
TE Novice
avatar

Posts : 72 Joined : 2009-08-28
Mood :

PostSubject: Re: Animating in PhotoShop CS3   Sat Aug 29, 2009 5:24 pm

nycie..
Back to top Go down
Sponsored content




PostSubject: Re: Animating in PhotoShop CS3   

Back to top Go down
 

Animating in PhotoShop CS3

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: Graphics Academy :: PSD Tutorials-
Create a forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com