.::ElaKiri - PhotoShop Support Thread::.

[DJ ASHAN]

niyamay

 

[shan_n95]

machan brushes walin mokakda karanne

 

[fazaal24]

Making Animations Using Photoshop
Works in : Adobe Photoshop Cs2-Cs3

Note: If you are using Photoshop CS and below; use the software Adobe Imageready which comes with Photoshop.

Output:

Ok guys, this will be complicated at the start, all i have to say is that Practice makes Perfect as usual So try working on it and u'll get it Its really hard to explain this technique using images, anyway i'll try ma best. Im hoping to do a video tutorial on this..but nt sure when i'll do it

So lets start with a new canvas 650 x 125 pixels. And ive used some graphics in it.

Before animating, you have to enable the Animation Palette first:
Window>>Animation

Heres the Animation Palette. The square shaped thumbnail is know as a "frame"

Next, type whatever you want to appear in your animation. So I came up with something like this:

Ok now starts the animation part. As you are in the "First Frame". You have to move the text and other stuff to be animated out of the canvas, so move them where ever you want to.

This done because; at the begginning of the animation there shouldnt be anything except the background.

As shown below ive taken all the texts to differen parts of the image; so completely make it invisible.

Next, insert a new Frame as shown below:

Ok so this is how it will look after you have inserted the "2nd Frame"

After adding the 2nd Frame, bring the layer "Elakiri" and place it as it was before. So that will become the first animation.

After Placing the layer as above, Go to the First Frame again and Click the Tween button and do according to the picture below.

What happens here is it creates a connectivity between the two frames and give a morphing effect.

This is how the animation palette will look like;

After the previous step; while in the last frame (frame no.12)again make a new frame as shown below;

After the above step it will become 13 frames. Do according to the image shown below.

After this, follow the same technique as before, go to the 12 th Frame and click the TWEEN Frame button and give the values as before. so there is the 2nd animation.

You can preview these animations by clicking the play button in the palette.



Repeat these steps for the Layer "Support" too.


Finall You have the three texts coming from each side.

And if u want the animation to pause a bit follow the image below. give the number of seconds as u wish.

How to save the animation

Go to File>>Save For Web

and save as GIF format.

So here it is;

I have added a glow effect through blending options, but i have not shown it in the tutorial. First get used to the basics then u'll eventually learn how to give the effects to it..All done by Tween and Frames.


Dont worry if u dint get it the first time. Just try and try you'll get it if u have the commitment. Even i learned this on my own.

So good luck. Post ur doubts. I'll help whenever i can in the best way


As shown by eranga_ m Here are some siggies ive made using Photoshop:
http://www.elakiri.com/forum/showpost.php?p=2858655&postcount=813

And this is also done using the same technique. This is a simple one

 

[N@rUT0]

Making Animations Using Photoshop

Output:

Ok guys, this will be complicated at the start, all i have to say is that Practice makes Perfect as usual So try working on it and u'll get it Its really hard to explain this technique using images, anyway i'll try ma best. Im hoping to do a video tutorial on this..but nt sure when i'll do it

So lets start with a new canvas 650 x 125 pixels. And ive used some graphics in it.

Before animating, you have to enable the Animation Palette first:
Window>>Animation

Heres the Animation Palette. The square shaped thumbnail is know as a "frame"

Next, type whatever you want to appear in your animation. So I came up with something like this:

Ok now starts the animation part. As you are in the "First Frame". You have to move the text and other stuff to be animated out of the canvas, so move them where ever you want to.

This done because; at the begginning of the animation there shouldnt be anything except the background.

As shown below ive taken all the texts to differen parts of the image; so completely make it invisible.

Next, insert a new Frame as shown below:

Ok so this is how it will look after you have inserted the "2nd Frame"

After adding the 2nd Frame, bring the layer "Elakiri" and place it as it was before. So that will become the first animation.

After Placing the layer as above, Go to the First Frame again and Click the Tween button and do according to the picture below.

What happens here is it creates a connectivity between the two frames and give a morphing effect.

This is how the animation palette will look like;

After the previous step; while in the last frame (frame no.12)again make a new frame as shown below;

After the above step it will become 13 frames. Do according to the image shown below.

After this, follow the same technique as before, go to the 12 th Frame and click the TWEEN Frame button and give the values as before. so there is the 2nd animation.

You can preview these animations by clicking the play button in the palette.



Repeat these steps for the Layer "Support" too.


Finall You have the three texts coming from each side.

And if u want the animation to pause a bit follow the image below. give the number of seconds as u wish.

How to save the animation

Go to File>>Save For Web

and save as GIF format.

So here it is;

I have added a glow effect through blending options, but i have not shown it in the tutorial. First get used to the basics then u'll eventually learn how to give the effects to it..All done by Tween and Frames.


Dont worry if u dint get it the first time. Just try and try you'll get it if u have the commitment. Even i learned this on my own.

So good luck. Post ur doubts. I'll help whenever i can in the best way


As shown by eranga_ m Here are some siggies ive made using Photoshop:
http://www.elakiri.com/forum/showpost.php?p=2858655&postcount=813

And this is also done using the same technique. This is a simple one

Ahh Ela

Oya bala tiyenne

tikaka amarue wage

 

[eranga_m]

wow !

thanks loads fazaal !! got to try that from now onwards

@naruto - ayyo malli e mulu post ekama quote karanna epa ! scroll karanna giyama epa wenawa

 

[fazaal24]

Ahh Ela

Oya bala tiyenne

tikaka amarue wage

Machan oya loku tutorials QOUTE karanna epa ban..Bandwith eka yanawa nikanma

hehe ow machan..pena widiya amarui..eth karama lesi machan..Mama steps godak aran oya kiyala deela thiyenne..pahadili wenna

Hema ekak ma lesi nehe ne banz Try ekak deela balala awlak nam mehe daapan

 

[fazaal24]

wow !

thanks loads fazaal !! got to try that from now onwards

@naruto - ayyo malli e mulu post ekama quote karanna epa ! scroll karanna giyama epa wenawa

Hehe no worries...mage pana giya ban mee tuto eka hadanna gihin. the biggest and hardest ive made so far

 

[N@rUT0]

a F@zZzzz

ayyee mara seen aka nee !!!

mee mage aka na ne !!@

 

[eranga_m]

Hehe no worries...mage pana giya ban mee tuto eka hadanna gihin. the biggest and hardest ive made so far

me ! me wage waves kohomada ban ganne ?? Gradient da ??

 

[fazaal24]

me ! me wage waves kohomada ban ganne ?? Gradient da ??

Hehe nae ban..Ooka Brush ekak Web 2.0 Brush set ekak

Kolla baya unaa nee

 

[N@rUT0]

Machan oya loku tutorials QOUTE karanna epa ban..Bandwith eka yanawa nikanma

hehe ow machan..pena widiya amarui..eth karama lesi machan..Mama steps godak aran oya kiyala deela thiyenne..pahadili wenna

Hema ekak ma lesi nehe ne banz Try ekak deela balala awlak nam mehe daapan

me try katanna patan gatta gaman ma kela uana

 

[fazaal24]

a F@zZzzz

ayyee mara seen aka nee !!!

mee mage aka na ne !!@

ah machan kiyanna bari una..Umba CS neda use karanne..

Meekata Adobe Imageready Use karapan. Photoshop ekkama ena software eka..PS wagemai

 

[eranga_m]

Hehe nae ban..Ooka Brush ekak Web 2.0 Brush set ekak

Kolla baya unaa nee

ah thanks !

ow ban ! mama baluwa kohomada ohoma gradients danne kiyala !

 

[N@rUT0]

ah machan kiyanna bari una..Umba CS neda use karanne..

Meekata Adobe Imageready Use karapan. Photoshop ekkama ena software eka..PS wagemai

ow bang cs ai cs walin barida

 

[N@rUT0]

machan aka CS2 walin puluwanda..??

man gawa CS2 tibba

 

[fazaal24]

ow bang cs ai cs walin barida

Awlak naha ban..Imageready PS wagema thamai. ANimations hadanna puluwan.

Maath CS use karana kaale animations haduwe Imageready walin

machan aka CS2 walin puluwanda..??

man gawa CS2 tibba

Yes eken puluwan.

 

[shan_n95]

machan gradient karanne kohomada kiyapankooo

 

[N@rUT0]

ko me faz

 

[N@rUT0]

Awlak naha ban..Imageready PS wagema thamai. ANimations hadanna puluwan.

Maath CS use karana kaale animations haduwe Imageready walin



Yes eken puluwan.

ara era ta kiuwa Brushkoheda bang tiyenne

 

[eranga_m]

ara era ta kiuwa Brushkoheda bang tiyenne

hik hik ! ewa thaama hoyanawa ! inna balanna

www.deviantart.com eke athi

Edit : http://rapidshare.com/files/85044750/22webeffect.abr