How to Animate A Speaker Using Photoshop

1.Choose the image you want to animate
2. Open it using Photoshop. First, you may want to add some empty margins to the image. Go to Image->Canvas Size ( Alt+Ctrl+C ). I've added an additional 50px to the width and height.
3. Now we need to animate this. The first step in creating an animation in Photoshop is to open the animation window. ( Window->Animation or Open the file with Image Ready). Next, click three times the "duplicate selected frames" button from the animation  window, so you'll have 4 frames in the end.
4. Duplicate the layer containing the speaker (CTRL+J) and apply Filter->Blur->Radial Blur using these settings
5. Now, in the Animation Window, click on the first frame and hide the blured layer (by clicking the eye icon next to it), do the same for the 3rd frame. Show the blured layer on the 2nd and 4th frames and hide the second layer.
Your 1st and 3rd frames should look like this

Your 2nd and 4th frames should look like this
6. If you press the "play" button in the animation window you can already see the animation, but we still need to edit the delay between frames.
For the first frame choose 0,1seconds, for the third one 0,3seconds and for the other two leave the delay to 0seconds.
It's up to you to choose the right delays for your needs :D

7. To save the animation go to File->Save for Web and Devices (ALT+SHIFT+CTRL+S) choose GIF and save. To view the animation you may need to open it using a web browser. Here is final outcome



Share/Bookmark

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...