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 Glass Surface Water Drop Animation

Glass Surface Water Drop Animation


Start by opening an image of a glass.

image 1

Create an ellipse using elliptical shape tool.

image 2

Reduce the opacity to 20%.

image 3

Ctrl+Click the layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 1 pixels. Create a new layer and apply a black to white gradient in linear mode.

image 4

Change the layer mode to screen.

image 5

image 6

Merge both the layers. Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

image 7

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 8

image 9

Change the layer mode to screen and reduce the opacity to 51%.

image 10

image 11

Create several duplicates of the drop. Press Ctrl+T and distort. Place as shown in the image below.

image 12

Open animation window. For the first frame hide all the drop layers except the top drop layer.

image 13

Duplicate frame and hide the first drop layer. Unhide the next drop layer. Similarly hide unhide the layers to create a falling drop effect.

image 14

image 15

image 16

image 17

For the last frame hide all the drop layers. Adjust delay durations as shown in the image below.

image 18

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

Glass Surface Water Drop Animation Tutorial: Final Result



Author's URL: Mr. Smarty
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Glass Surface Water Drop Animation"

Only registered users can write comment

No comments yet...