Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Ripple Effect Using Photoshop
Kid Saiyan
post Oct 31 2005, 04:32 PM
Post #1


Member [ Level 2 ]
Group Icon

Group: Members
Posts: 52
Joined: 24-September 05
Member No.: 8,681



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?


This post has been edited by microscopic^earthling: Nov 1 2005, 06:31 AM
Go to the top of the page
 
+Quote Post
gamerchick39
post Nov 2 2005, 04:31 AM
Post #2


Advanced Member
Group Icon

Group: Members
Posts: 152
Joined: 25-May 05
Member No.: 5,434



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
Go to the top of the page
 
+Quote Post
bedakilla
post Dec 31 2005, 04:32 AM
Post #3


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 4
Joined: 31-December 05
Member No.: 10,376



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
Go to the top of the page
 
+Quote Post
chseng
post Dec 31 2005, 07:30 AM
Post #4


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 10
Joined: 31-December 05
Member No.: 10,378



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.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Maya, Anyone?(7)


 



- Lo-Fi Version Time is now: 5th December 2008 - 11:59 AM