Tips for Web Designers, Developers, and Bloggers

Posts tagged ‘pixels’

How to Change a Face in Photoshop

Have you ever lied to your friends, saying you did something totally awesome? They probably wouldn’t believe you unless you had some sort of evidence, like a picture, right? Well, here is a way to get that picture, even if you never even came close to doing anything like the thing you said you did.

  • Software: Photoshop Elements 4.0
  • Time: Around an hour

So, the first step is to find the picture you want to photoshop yourself into. Make sure you can see most of the face on the person you want to “become”. I’m going to use this one:

Picture by Tony Dowson,

Once you choose your image you need to find a picture of you to place in that image. You want it to seem realistic, so instead of choosing a picture where you look serious, choose one where you look excited. If you need to, take a new picture of yourself with a webcam/camera. I’ll go with this one:

Picture by Graur Codrin,

Now open both pictures up in Photoshop.

The first real step is to select your head and hair. Use a lasso tool (I used polygonal) and justĀ  lasso around your head, like this:

It’s okay if you cut a little bit of yourself off or get some of the background in.

After you are done selecting, change your tool to the Move Tool. Then drag your face into the thumbnail of the other image.

Your oversized head should now be in the center of the “awesome” pic.

To change the size of your head, go to Image->Transform->Free transform. Then, drag the corners until your head is the correct size.

While still in Free Transform mode, move your mouse to the outside of your face. The cursor should change into a curvy line. Click and drag, and your face should rotate. Rotate it to the correct angle, and then drag it over the orignal face.

The lighting of your face most-likely doesn’t match the lighting of the background image. To fix this, go to Enhance->Adjust Color->Adjust Color for Skin Tone. Then click on part of your skin. Photoshop will try to adjust automatically, but it doesn’t always work very well, so just use the sliders to make adjustments.

Now, your project should be pretty much done. Just make a few adjustments here and there if needed, and then save your work. Congratulations! You are now an expert Jet Skier!

I am a new author on this blog and this is my first post. Please take the poll below so I know what you guys want me to post! Thanks!


Flash Inspiration

Nitrome, Free Online Flash Games:

Some of Nitrome's Games

The Smarter City, Flash project by IBM (3-D):

The Smarter City, Screenshot

Philter Design Studios, 3D Flash (again):

Philter Design Studios, Screenshot

Immersive Garden, Flash Website:

Immersive Garden, Screenshot

How to Make a WordPress Template Via Photoshop

Suppose that you’ve been searching the web for a way to create a WordPress template…but all you come across are thousands of lines of code and this strange thing called PHP. What could it mean? Painfully Hard Programming. I’m just joking, but still, even though PHP isn’t as hard as C++ (here’s an example: <?php echo “this is php” ?>, you’d have to indent and everything anyhow), it’s not a 1+1 concept. Wait!! You just heard that your client wants it done tomorrow! So, should you fess up and tell him/her that you don’t know how to make a WordPress theme (and maybe lose a $1,000)? No, you should read the rest of this post (hardest part).

I’ve just found it. Today. About 5 minutes ago. The greatest thing to come across me since the Galleria JavaScript image gallery ( They call it “Divine” (the name). It’s located at:

If you have Photoshop (bought or pirated, whatever) CS2 and above, you need this plugin. I happen to have CS3, relatively old compared to the new features in CS5, and I love this thing (in 5 minutes I can get so attached to a plug-in, it must be worth it). If you really want that $1,000 that your client will give you, get this plug-in.