26 unknown users

 Word :   Username :  
 
 Page :  1  2  3  4  5  6  7  8  9  10  11
Previous 
Author
 Thread :

[ImageReady tutorial] Create Animation

 
n°547
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 08:52:06 AM  
 

Quote :

Adobe Photoshop has been improved alot since the original date of this post. Now you won't find ImageReady as a different application with new Photoshop Suits, In such case You just have to get the "Anumation" Window within the photoshop worksheet by Windows>Aninmation

 

Well since I modified my avatar and signature last time, I saw that many people wanted to know how I did that :wink:
How I gave such lifeness? So here is the answer in a tutorial :cool2:

 

Okey lets start the resurrection of our Avatars and Signatures :ar:
First lets add some blinking stars in to our avatar.

 

Note :ar: To get the successful results, I recommend to use Adobe Imageready CS2

 

:info: Basically you can follow all this with only Image ready application but since I'm a much addict towards Photoshop I'll use both :mdr:

 

Hey I forgot to say, a nice music please :lol:

 

Ok first of all, find a better avatar to add blinking stars or just design one :wink:

 

http://img205.imageshack.us/img205/5558/allob9.png

 

http://img204.imageshack.us/img204/9986/1fw9.png

 

Then go to the layer at the top.
Press Ctrl+Shift+N to create a new layer at the top & name it 'Star 1'

 

Select a white to transparent gradient and from the gradient type, choose 'Diamond'

 

http://img204.imageshack.us/img204/9513/2gb2.png

 

Put a little star in the 'Star 1' layer like this,

 

http://img230.imageshack.us/img230/7974/3db2.png

 

Then Press Ctrl+Shift+N to build up anothe layer and name it 'Star 2'
Put another white star in that layer like this (not in the same place as 'Star 1' )

 

http://img204.imageshack.us/img204/2962/4gf6.png

 

So then, as for your desire, add many stars as you like, but remember, each star must have it's own layer (a layer must contain only one star)

 

As for mine, I created nine stars in nine layers

 

http://img207.imageshack.us/img207/1746/6vi1.png

 

but in the canvas, they look like this,

 

http://img204.imageshack.us/img204/7793/5cl2.png

 

Ok now it's the time to press the magic button :wink:

 

Switch to Image Ready now

 
Quote :

This step is not needed for the newer versions of Photoshop, you can just go to Windows>Animation to open the animation window within the Photoshop workspace and continue with the rest of the steps...

 

http://img69.imageshack.us/img69/2039/7dz8.png   or just press Ctrl+Shift+M

 

When you oen the document in Image ready, make sure to open the 'Animation' window

 

http://img207.imageshack.us/img207/7075/8kr2.png

 

Let's start working :666:

 

:ar: First of all select the opasity of the all star layers (Star 1-Star 8) to 0% but Keep the last star layer (Star 9) opasity to 100%

 

http://img207.imageshack.us/img207/5306/9wq8.png

 

Go to the animation Window,

 

Hit Duplicate Current Frame and you'll have another frame

 

http://img207.imageshack.us/img207/5356/11ax2.png

 

Go to the Frame No 2 from the Animation Window and there, set the 'Star 9' Opasity to 0% and 'Star 1' Opaity to 100%

 

In the Canvas It'll look like this

 

http://img207.imageshack.us/img207/8120/12qi5.png

 

Now press the Tween Button in the Animation Window :oui: (With Frame 2 Selected)

 

http://img207.imageshack.us/img207/9747/13hq8.png

 

In the Tween Parameters, Set the number of Frames to add to 5 (the other parameters are not important to be discussed here)

 

http://img82.imageshack.us/img82/6789/14bc9.png

 

Hit 'OK' and you'll see new Five frames between the ones you've edited :smile:

 

http://img60.imageshack.us/img60/4146/15hy5.png

 

If you play the animation now,

 

http://img82.imageshack.us/img82/2607/16bo1.png

 

It'll look like this

 

http://img209.imageshack.us/img209/3836/1tw8.gif

 

Ok now, enough with viewing a part :bad: let's finish this :mdr:

 

Go to the last frame from the 'Animation Window' (Frame 7) and there, hit to Duplicate the Frame.

 

In the new frame, set 'Star 1' Opasity to 0% and 'Star 2' Opasity to 100%

 

Tween them now ( :info: you'r previous parameters will be saved automatically. So you don't want to change the number of 'Frames to Add' )

 

Then Go back to the last Frame,

 

Set 'Star 2' Opasity = 0%
'Star 3' Opacity = 100%

 

Repeat this untill you change,

 

'Star 8' Opacity = 0%
'Star 9' Opacity = 100%

 

Now there should be 55 Frames in the Animation Window :oui:

 

If you play the animation now, you must obtain this

 

http://img204.imageshack.us/img204/5681/2de2.gif

 

And now Go to File>Save Optimised and give a god damn name to the gif :lol:

 
Quote :

With the newer versions of Photoshop, just select File>Save for Web & Devices (Alt+Ctrl+Shift+S)

 

Ok It's over now. :smile:

 

Have some nice coffee till I continue this thread in telling how to get this

 

http://img204.imageshack.us/img204/7581/sig1dt3.gif


Message edited by Neil on 11-05-2011 at 12:03:06 PM
answer
mood
GoogleAds
profil
Posted on 08-05-2006 at 08:52:06 AM  
 

answer
n°548
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 09:41:58 AM  
 

Thanks for this Neil, I appreciate this :loveit:

 

EDIT: I have done the tutorial and it looks mighty fine but it's too large to upload onto CrystalXP.

 

Foggy.gif

 

:loveit:

answer
n°549
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 09:56:20 AM  
 

Draginol wrote :

Thanks for this Neil, I appreciate this :loveit:

 

You're Welcome Draginol :mdr:
and I hope most of others will also like this :oups:

 

I'm working with the sig animation :oui: I'll post it soon here :wink:

answer
n°551
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 11:00:15 AM  
 

:loveit:

answer
n°552
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 06:35:38 PM  
 

Good work :great:

answer
n°553
sexbox
Profil: Penguin
Avatar
profil
Posted on 08-05-2006 at 07:50:50 PM  
 

That is a really nice tutorial.

 

I liked it.

 

Actually, I loved it. :smile:

 

I will post an outcome soon.

answer
n°554
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-05-2006 at 08:07:37 PM  
 

Quote :

That is a really nice tutorial.

 

I liked it.

 

Actually, I loved it. :smile:

 

I will post an outcome soon.

 

Thanks NanOme, of course I have also used your techniques here :wink:

 

I'll be looking forward to your result

 

Off topic :ar: Thread re-named

answer
n°555
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-06-2006 at 02:19:22 AM  
 

Got any suggestions on how to reduce the size of the .gif?

answer
n°556
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-06-2006 at 09:48:02 AM  
 

Quote :

Got any suggestions on how to reduce the size of the .gif?

 

Why? what's the problem? :xeyes:

answer
n°557
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-06-2006 at 10:17:32 AM  
 

Well you see I couldn't upload it as my avatar because it was too large, but I fixed it now.

 

:wink:

answer
n°564
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-06-2006 at 08:19:07 PM  
 

Nice Avater reflections Draginol and please excuse my delay :oups: I'll post the way how to reflect your signature soon :oui:

answer
n°577
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-07-2006 at 09:02:49 AM  
 

Great, looking forward to it.

answer
n°585
acdcrocks
Profil: Big Penguin
Avatar
profil
Posted on 08-07-2006 at 01:20:49 PM  
 

this is a great tutorial Neil... :great:
I'll post my result soon.... :oui:

 

BTW...I think it will be better if someone edit the topic title to :" Make animated refl......"

 

Edit*: My result is my avatar :oui:... The image size got a little too big :cry: , so i had decrease the quality of the image...

answer
n°588
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-07-2006 at 08:26:16 PM  
 

Nice outcome [acdcrocks[/b] :great:

 
Quote :

BTW...I think it will be better if someone edit the topic title to :" Make animated refl......"

 

'Give Animated Reflections' is a similer topic :lol:

 

Well, the size limitation 30KB is for files you're using for avaters from your machine :oui:

 


Quote :

Edit*: My result is my avatar .. The image size got a little too big , so i had decrease the quality of the image...


If you have an avater a little more than the mentioned (should be 128x128) you can upload the avater in to the web and then give the link

answer
n°595
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-08-2006 at 11:15:49 AM  
 

TIP: If you want an excellent quality .GIF it is going to be big :oui:   So what I did was used a service like ImageShack hosting to upload an image and then use the 'URL' option in the avatar settings to use it from there :wink:

 

Enjoy :happy2:

answer
n°601
de lioncourt
Profil: New Penguin
Avatar
profil
Posted on 08-08-2006 at 01:25:14 PM  
 

ok... i couldnt resist myself to try this.. lol... :lol:

 

please not that its still done with image ready 7 .. (Crap)..  :he:

 


and please continue with the tutorial about the bar effect, im done with my coffee  :lol:

answer
n°602
acdcrocks
Profil: Big Penguin
Avatar
profil
Posted on 08-08-2006 at 02:51:02 PM  
 

Great outcome de lioncourt :great:  :oui:
I'm shure Neil is sweating over his keyboard to finish the next part of the tutorial...  :lol:

answer
n°603
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-08-2006 at 08:03:41 PM  
 

Nice animation de lioncourt

 

Quote :

I'm shure Neil is sweating over his keyboard to finish the next part of the tutorial...

 

Quite right acdcrocks but it keeps enlarging :lol:
you see I had this nice idea of getting another nice animation specially got signatures which I saw from a local TV program
So I'm trying to make a tutorial to show how to do both of them :oui:

answer
n°610
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-09-2006 at 10:25:50 AM  
 

Can't wait for this :jap:

answer
n°624
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-09-2006 at 07:53:52 PM  
 

Draginol wrote :

Can't wait for this :jap:

 

Post Edited :ar:

 

Ok this is one way to add a reflecting line in to your Signature :smile:

 

First, Select your signature or userbar.

 

http://img198.imageshack.us/img198/3638/1hx1.png

 

Then Create a New layer over the current layer(s) and name it 'Ref line'

 

Now select White to Transparent gradient and select Reflected Gradient Type

 

http://img207.imageshack.us/img207/7507/2eh6.png

 

Now click on an area like the green dot in the picture and drag the mouse in the direction of the red arrow. (You can customize your reflected lines as you like I'll give you samples in the end)

 

http://img54.imageshack.us/img54/5328/3rm9.png

 

Then you'll have a Ref Line like this

 

http://img196.imageshack.us/img196/4055/4nt5.png

 

Now Create another new layer and fill it with any color you want :mdr:

 

Go to the Layers window and reduse the new layer's Color fill to o%

 

Now go to that layer's blending options and give the following parameters

 

http://img529.imageshack.us/img529/7352/9py0.png

 

Now you'll obtain this

 

http://img204.imageshack.us/img204/6369/5wg1.png

 

:info: You can change the Fill Type and the color according to the
main color in your Signature or User bar.
Try to give a color darker than the one in your creation

 

Now Switch to ImageReady

 

Select the 'Ref Line' and move it out of the Left Edge of the canvas
your 'Ref Line' should be placed like this

 

http://img106.imageshack.us/img106/4658/6xn7.png

 

The blue rectangle is just a reseblance to show you where the layer should be & it won't be shown in your design area

 

Now click Duplicate Current Frame button in the Animation Window & go to frame 2

 

There, Move the 'Ref Line' layer out of the Right Edge of the canvas.

 

http://img56.imageshack.us/img56/9008/7du7.png

 

Now Hit Tween button

 

Set the Frames to add to 20 or 30

 

http://img177.imageshack.us/img177/7139/8jm1.png

 

Hit Ok

 

Now play the animation.

 

http://img142.imageshack.us/img142/8931/sig6cv8.gif

 

So enjoy the animated reflections :loveit:

answer
n°625
sexbox
Profil: Penguin
Avatar
profil
Posted on 08-09-2006 at 09:23:02 PM  
 

Woah. Nice tut! I love you. :smile:

answer
n°626
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-09-2006 at 10:04:13 PM  
 

Thank you NanOme :loveit:

 

Additional:* :ar:

 

You can Improve your work like this :ar:

 

http://img90.imageshack.us/img90/4099/neil13wl8.gif

answer
n°627
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-10-2006 at 12:11:46 AM  
 

Nice :great:

 

http://www.crystalxp.net/forum/uploads/sm/post-14373-1155161487_thumb.jpg

 

I just worked with yours...

answer
n°628
Neil
Chances are not had but gained.......
Profil: Penguin Pro
Avatar
profil
Posted on 08-10-2006 at 08:31:03 AM  
 

Good :cool:
Now you can work on your signature :lol:

answer
n°630
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 08-10-2006 at 12:03:02 PM  
 

:lol: I did it before but I've taken on a new style now.  Just nice simple 3D text, a little like Azzuro, he's is sweet.

answer
 Page :  1  2  3  4  5  6  7  8  9  10  11
Previous 
Top 

Go to:
Add a reply