Nov 21, 2009

Ripple Effect Using Photoshop

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > Designing > Animation

Ripple Effect Using Photoshop

Kid Saiyan
1) Open an existing graphic you want to ripple. Now we want to go to filter>distort>ripple or you can use filter>distort>ocean ripple for a more professional look. In this tutorial I just used filter>distort>ripple.



2) Ok after applying the first ripple:

user posted image

I started off at 75%. Now we want to save the image, I named mine all numbers, starting from 1. So name this first image 1.jpg.



3) Now we want to press CNTRL+F to generate the effect again. Save the image as 2.jpg.



4) Again press CNTRL+F and save the image as 3.jpg



5) Again press CNTRL+F and save the image as 4.jpg



6) You can keep repeating these steps to do a nice long slow ripple or you can do 4 to get the hang of things. Aight now we want to open Flash. Open it up and make a new document, change the canvas size to your canvas size your image is in photoshop. I had 380x380.



7) We now want to add each of the images into Flash. We do this in these following steps:

1. File>Import and select the according image (start from 1 then go to 4)

2. Ok now after the first image is added we want to make a new Keyframe beside the 1.jpg image keyframe (when making the keyframe it might automatically bring the image over from the last keyframe, so just delete the image from the second keyframe and so on...). This Second Keyframe we will import 2.jpg image into.

3. Now we repeat step 2 again untill we finish importing all the images into their own keyframe.

4. Once you finish importing images 1.jpg all the way through to 4.jpg we want to decrease the ripple so it becomes flawless. We do this by making yet another Keyframe, so now we got 5 keyframes. Go to import again and import image 3.jpg (we dont want to add 4.jpg again, that will make 2 frames the same right beside eachother, hope your following me).

5. Now add another keyframe and import image 2.jpg. We only use 6 frames. Not 8. If you use 8 you will have frames that will be right beside eachother making double frames and makign it not FLAWLESS. So I really hope you follow this. If not read it again.

Like the Tutorial?!
smile.gif



Notice from m^e:
In future at least make sure that you mention which software you're using for creating these effects. Not really good to leave the others groping in the blind, isn't it?

 

 

 


Comment/Reply (w/o sign-up)

gamerchick39
you should have added this in the tutorial section.. i didnt try it out but i will cuz it does sound interesting. But for future reference you have to put this in the tutorial and get it cleared by the administrators... plus you get more hosting credits when you get it approved haha wink.gif

Comment/Reply (w/o sign-up)

bedakilla
Nice job with the tutorials. Ehh btw i wonder why this is still in the designing section. This should be in a tutorials section. Other than that good job

Comment/Reply (w/o sign-up)

chseng
QUOTE(bedakilla @ Dec 31 2005, 12:32 PM)
Nice job with the tutorials. Ehh btw i wonder why this is still in the designing section. This should be in a tutorials section. Other than that good job
*


Yea bedakilla is right. Good job pal.

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)


See Also,

*SIMILAR VIDEOS*
Searching Video's for ripple, effect, photoshop
advertisement



Ripple Effect Using Photoshop

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com