Pump Up The BASS!

Open up adobe photoshop with the image you want to animate.

Now select the pen tool OR your desired cutting tool and draw around each speaker, i find it best to use the pen tool.

Copy your speakers twice onto a new layer, label them speaker 1 and speaker 2.

Select the speaker 1 layer goto “filter > blur > motion blur” dont blur by more than 10 pixels.

Press ok to apply the blur, repeat this step for layer speaker 2 but only this time CHANGE THE ANGEL of the motion blur. Once you have blurred both speaker layers hide them by clicking on the little eye icon. Now goto “file > edit in image ready”

If its the 1st time using image ready, your animation window may not be open so goto “window” at the top and see if there is a tick next to “animation”. Your layout should look like this, althou ive moved the 3 boxes together as these are the only things we need to use, ive also labelled the icons we will be using so use the below image AS A REFERENCE.

You will already have one frame in the animation window, we need to duplicate this “4” times so click layer one then click the duplicate frame button 4 times. You should now have 5 frames.

Select frame 2 and unhide speaker layer 1.

Click layer 4 and unhide speaker layer 2.

Now on layers 2 and 4 click where it says “0 sec” there should be a little black arrow. On layers 2 and 4 set the delays to 2.0 sec.

Now you can click play at the bottom of the animation window to see what it looks like. Heres how mine looks.

You can adjust the rhyem of the bass by changing the delay time and adding more frames. You could even turn it into a signature.

34 thoughts on “Pump Up The BASS!”

  1. yeah thank you….its good….but how do i save the file …should i use photoshop or imageready for saing the file?…and i mean the animated file….
    hope u hit me back soon

  2. Hey, I see you got a nice Animation tuts on bass but I think what you did is you made the bass animated in every direction.

  3. Copy your speakers twice onto a new layer, label them speaker 1 and speaker 2.

    iam new here plz help me how to copy the speakers into the new layer i tried all the shortcuts and i get nothing plz help me
    thank you

  4. Erhm, i know this sounds strange, i have photoshop cs3, and i think it did’t came with a imageready, there’s no file>edit in imageready, and i can’t find it anywhere on my pc, something wrong? It is a separate program?

  5. Brainz: Photoshop CS3 has basically absorbed ImageReady CS2. Everything you could do in ImageReady, you can now do in CS3. It works the exact same way.

    The only difference is when you get ready to save, instead of going to “File>>Save Optimized As..”, you go to “File>>Save For Web & Devices”

    To bring up the animation window, head to “Window>>Animation.”

  6. Hello,
    This tutorial cant give Idea how to save this animation.I tried to save it as .gif in imageready , but option is not available.
    please rectify my problem as soon as possible.

  7. the same effect can be created in Adobe Flash,

    [1] draw a black oval/circle
    [2] delete the inside fill,just the outside outline
    [3] covert it to a movie clip

    [4] go inside movie clip, and insert keyframe on 10
    [5] change the line depth to 10
    [6] convert it to a graphic
    [7] add a blur filter

    go back to main stage, insert it above a speaker and the effect should work!

  8. dude! im using cs3, and the problem is..when is save it in “File>>Save For Web & Devices” the animation did not work..someone help..

  9. When i use the pen tool to circle the speakers it turns the speakers whatever color my color swatch thing is.
    im using cs2

Leave a Reply

Your email address will not be published. Required fields are marked *