Her

Home Photoshop Tutorials ImageReady Animation Sound Graph Animation

Sound Graph Animation

Author: Fiery Darts Author's URL: www.fierydarts.com More by this author

Start by creating a rectangle.

image 1

Duplicate and place below.

image 2

Create a tower of such rectangles.

image 3

Select all layers and press Ctrl+G to group. Duplicate the group.

image 4

image 5

Using rectangular marquee tool create a selection covering all the shapes.

image 6

Fill it with a gradient.

image 7

Change the layer mode to hue.

image 8

image 9

Create another selection and fill with a new gradient.

image 10

Change layer mode to color dodge.

image 11

image 12

Hide a random number of rectangles from each group. Open animation window. Let this be your first frame of the animation.

image 13

Duplicate the frame for second frame, unhide some of the hidden rectangles and hide some of the unhidden rectangles.

image 14

Repeat the step to create more frames.

image 15

image 16

image 17

image 18

Preview the animation by pressing play button in animation window. Press Ctrl+Alt+Shift+S to save an optimized GIF animation.

Sound Graph Animation