Friday, August 20, 2010

easy blinking animation.

Today I'm going to show you how to animate images to make it look like your character is blinking, as seen in the following:

Animations are basically a bunch of still images looped together so it looks like something is moving. A nifty feature in Photoshop allows us to make animations.

Click on the image to see it in full-size. Remember this if you're squinting to read tiny text.

First of all I'm gonna open the image I want to animate in Photoshop.

I'll be using this image of Bill. Because of his thick black eyeliner it'll just make everything all the more easier to do.


Go to the layers palette, right click on your background layer and choose "Duplicate layer."


None of these settings really matter but I'll show you this box anyway so you know that you're doing it right. Click "OK."


Now you have an extra layer on top of your background layer that looks exactly like your background layer.

Select the brush tool. Go over by the top where it shows a preview of your brush and click the little arrow next to it. Now you can edit your brush.

You might have to use the eyedropper tool to get the right color, but here we can just use black. Make sure to pick a smaller brush so it'll be easier to color in the eyes. I used 15px.

Using the brush, paint over the eye area, but only do so half-way. Make sure you have your duplicate background layer selected.

Now Bill looks like he's on some pretty heavy drugs. Which is good, because it's exactly what we want!


Now repeat the previous steps, right clicking on your "background copy" layer and duplicating that, so you have a duplicate of your duplicate background layer duplicated.


Now fill in the rest of the eyes so they appear closed. Make sure you do this with utmost caution or else your computer just might implode. UTMOST. CAUTION.

Once you're finished with that, click on the "Window" button located in the top menu of the screen. Select "Animation." A little box will pop up that looks sort of like this:

Click on the little icon thingy with the arrow and two little lines in the right corner of the window. See, I circled it for you. You're welcome.


Select "Make frames from layers." Poof! Now all the layers you just made have turned into animation frames. Just like Disney World.


If you click the "play" button, it just looks sort of like Bill has a weird twitching problem. Let's fix that by making the animation look smoother. Select the second frame, which is the one where his eyes are half-closed. Drag the frame into the "Duplicate selected frames" button. It looks like a piece of paper with the corner folded up.


Take the layer that you just duplicated and drag it to the end of the animation.

Now if you play the animation, it looks like Bill has dry eye issues because he is blinking way too much! Now we have to fix that. Select the first frame.

Underneath the frame there are little words that say "# sec." This indicates the duration of the frame. If you click on the tiny arrow next to it, you can change how long the animation stays on that certain frame. Research indicates that humans blink once every five seconds. Screw that, we're just going to set it to "2."

Now go to the menu at the top again, and click "File > Save for Web & Devices" or just press Alt+Shift+Ctrl+S on your keyboard.

ARGH! All these complicated things! What do they all mean? Yeah, it doesn't matter. Just pick "save" and save the image to your hard drive. Make sure you save it in a .gif format.

After uploading the image, this is our final result:

Animations tend to take more time to load, so use sparingly. However, you can use this effect to make some really cool icons and signatures. Hope this helps you!

Sunday, February 28, 2010

smooth skin in minutes.

Today we're going to learn how to smooth skin and remove blemishes.
By the end of this tutorial, you'll have a result of what looks exactly like the pictures they show in those Proactiv Solution commercials.

Julianne Hough and Jessica Simpson got nothin' on me, bitches.

Click on each image to see it in full-size. Remember this if you're squinting to read the tiny text.

I found this image of younger Bill lookin' adorable as ever, although he has a little bit of acne on his face.

As hard as it is to believe, he is human, and everyone has bad skin days. However, this is a good example to show how to get rid of those days using Photoshop.

I circled the spots in red we shall focus the most on:

Select the healing spot tool. Set the hardness to 0%, and make the size big enough to fit over the blemish.


Here are the settings I'll be using.

Now take your cursor and place it over the area you want to de-blemish. DO NOT click ON the blemish itself, but press your ALT key and click on an area of the skin around the blemish. The healing spot tool clones the area that you select when you press down your alt key and click, so you don't want to select a part of the skin that isn't clear.

When you hover over the blemish you want to cover up, you'll notice that it gives a previews how it would look. If you're satisfied right click. It magically disappears! :o Well, it's not really magic, it's just photoshop.

Keep going over the areas you want to look smooth by ALT+clicking and then clicking over the imperfections. If you mess up you can always press CTRL+Z or Edit->Undo to start again. Fifteen minutes later, this is my result:


I decided to leave his mole because, well, I like it. :) You can stop here, or if you want to make the skin look really airbrushed and poreless, you can do so by using the smudge tool. Find your smudge tool and big a really big, soft brush to start. Click on an open area of the face, and drag your mouse in small, circular motions to smudge the skin.

It should look a little something like this. Try to stay away from the eyes and lines of the face to keep from losing detail and making it look too blurry.

Also, make little movements, to avoid doing something like this:

Keep in mind the shadows on the face as well. You don't want to distort anything, you're just smoothing things out.

Use all different sizes of brushes to get into smaller areas. It might take a little while, but when you're finished it should look a bit like this:


This is optional, but I also decided to smooth the lips as well.


And here's our finished product:

I hope this provided some help to you! For any questions or troubleshooting feel free to leave a comment below.