Tips for Web Designers, Developers, and Bloggers

Posts tagged ‘pixel’

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!


Design Inspiration #1

I’m going to start a whole new branch of design inspiration. Categories are: Design & Inspiration. This is post #1. Starting from post #2, I’ll not put an introduction, just images and links.


New Hamphshire Distributers, inc.,


Thank you for those days


Davy Jones

Battle at HU Lao Gates


Reforger Films


Wine Bottega

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

Free Pixel Fonts


Very nice pixel fonts. Ready for Flash. That is all I can say about these fonts.

Modular Pixels (NEW FONT!)

This is a new pixel font that I designed all by myself. If you want to use it, you can use it. It can be used for

NON-COMMERCIAL causes. I will allow you to use it for commercial reasons if you:

a. Own a company

b. Need it for a client

c. Other reason

Since I am giving it out for free, if you picked c, you better have a good reason.

Modular Pixels

Modular Pixels

Permalink (to the font):