You are viewing spikester93

 
 
22 May 2011 @ 07:10 pm
Vibrating GIF Tutorial in Adobe Photoshop CS5  
 Okay so this has been requested so I thought I'd show you the way I do it! You want that vibrating GIF effect? Well this is how you do it!

If you don't know how to make GIF's, then refer to my GIF Tutorial. To be able to do this you need some knowledge on Photoshop and GIF making. I won't be teaching you everything about GIF's in this tutorial as you will have to read my previous tutorial. 

Difficulty: 3/10

(CLICK IMAGES TO MAKE THEM BIGGER!)


------------------------------------------------------------------------------------

Open your image and make sure it's the right size!


 

Okay now duplicate the frame twice so you have 3 frames. 


Now click the middle frame (second frame). Then on the layers on the right, right click the image and click "Duplicate Layer".

Okay, so now you should have something like this...

Okay, now select the first and last frame only, making sure the one in the middle isn't selected. Then on the right in the layers box, click the picture of the eye on the duplicated layer so that it doesn't have the eye showing on that layer any more. 

Now for the step that creates that vibrating look. Click the second frame (the middle frame). And make sure that the second layer on the right (the top layer) is selected. Then go to Filter > Blur > Motion Blur.



The Motion Blur box should pop up. Put in a number around about 10 to give it a decent blur. You can have whatever number you like to make it look the way you want. But I usually go for 10.

 Select the first and last frames and click the small arrow with the timing at the bottom of the frame boxes. Then select a timing around "0.5".

 

 Now do the same for the second/middle frame but select a timing for "0.1". This is so it doesn't last a long time. Having a quicker speed for the vibration gives it that nice subtle effect.



Then if you want to, add a new layer on top of the rest of the layers and add your watermark! I always do this.



Now you're finished! Now go to Save For Web and Devices for your GIF. (If you don't know how to do that, go to my previous tutorial on how to make GIFS. Hope this helped you guys out! <3

This is how mine turned out! And yours should do too!

 
 
Current Mood: amusedamused
Current Music: Sweeney Todd Soundtrack
 
 
 
( 2 comments — Leave a comment )
lateformydatelateformydate on June 19th, 2011 07:45 pm (UTC)
Jamie, I love this tutorial. Really detailed, I'm going to try it. :P
Sevahin0910 on August 29th, 2011 04:27 pm (UTC)
Wonderful tutorial, it helped me a lot! C:
Here's what I made with it, thought I'd show you: http://27.media.tumblr.com/tumblr_lqnw1z3Fz81qfwmcno1_500.gif 
( 2 comments — Leave a comment )