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 Drawing A Motion Background Effect

Drawing A Motion Background Effect


Start by applying a nice gradient to the background layer.

image 1

Create a "6 point star" shape using custom shape tool.

image 2

Change the layer mode to "Luminosity".

image 3

Similarly create more star shapes and play around with their layer modes.

image 4

Create a circle using the elliptical shape tool. Hold on Shift key and create circles as shown in the image below. Create circles way out of the vertical boundaries as we'll create a bubble motion out of them.

image 5

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

image 6

Change the layer mode to "Soft Light" and Fill value to 0%.

image 7

image 8

Similarly insert more shapes to create a complex background.

image 9

Open animation window. For the first frame move all objects beyond the edges. Align the top edge of bubble layer with the top edge of the file.

image 10

image 11

Duplicate frame. Move the bubble layer upwards. Move all other objects to the opposite directions and again out of boundaries.

image 12

image 13

Click tween button from animation window. Apply settings as shown.

image 14

image 15

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

Drawing A Motion Background Effect



Author's URL: Aviva Directory
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

No comments yet...
Add comments to "Drawing A Motion Background Effect"

Captcha