Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Animating sea waves

Animating sea waves


Start by opening an image of sea water.

image 1

Select the water area using lasso tool.

image 2

Press Ctrl+T. Right click the layer and select rotate 90° cw.

image 3

image 4

From filter menu select render>>fibers. Apply settings as shown.

image 5

image 6

Press Ctrl+U to open hue/saturation window. Apply settings as shown.

image 7

image 8

Change the layer mode to soft light.

image 9

image 10

Duplicate the water layer. Again repeat the steps like rotating and applying filters mentioned above. This will create a similar layer with different waves.

image 11

Repeat the step once more to create another layer of water with a little difference in waves.

image 12

Reduce opacity of all the three water layers to 75%.

image 13

Open animation window. For the first frame hide the two water layers.

image 14

Duplicate frame. Unhide one of the layers that was hidden previously.

image 15

Select second frame. Press tween animation frames button and apply settings as shown.

image 16

image 17

Select the last frame and duplicate it. Unhide the previously hidden water layer and hide the previously unhidden water layer.

image 18

Select second frame. Press tween animation frames button and apply settings as shown.

image 19

Select the first and duplicate it. Move the duplicate frame to the end of the animation window. With this frame selected press the tween button and use settings as before. This will end our animation in the same frame from which we begun. This will create a seamless loop of waves animation.

image 20

Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Animating Sea Waves



Author's URL: Mopacity.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: