Create a Retro Face in Space

Comments: 23

Post Teaser Image

I’m back (less four wisdom teeth) with a new tutorial for creating a face with a cool, retro vibe.

Before we start, a little administrative update for my subscribers and anyone else who may be interested: I’m going to be branching out into topics other than Photoshop soon, so I’ll be researching ways to split up my feed so that those interested in only the Photoshop stuff can keep tabs on my tutorials without any clutter. If anyone can suggest a service or method for doing this, feel free to leave a comment. I’ll keep you all posted.

Final Image Preview

Here’s what the tutorial will cover:

Retro Face in Space

Fire up that Photoshop and let’s get started!

Assets

The Process

Open up the image of the girl in Photoshop and resize it to 1500px wide. All measurements I give in this tutorial will be relative to that size.

Retro Face in Space

Masking and Colorizing the Face

Desaturate by going to Image » Adjustments » Desaturate.

Retro Face in Space

Increase the contrast by going to Image » Adjustments » Brightness/Contrast and pulling the contrast slider up to 50.

Retro Face in Space

Create a new layer above the others and use the Paint Bucket Tool to fill with black. Add a pixel mask. (Not sure how? Check out my beginner masking tutorial.) Decrease the layer opacity to 50% so that you can see what you’re doing relative to the layers below.

Select the Brush tool. Use a 400px brush, 0% hardness, and black. Carefully brush over the girl’s face.

Retro Face in Space

Increase the layer opacity to 100% again to check your work. It should look similar to the image below. If not, return to your layer mask and adjust it as needed.

Retro Face in Space

To better define her face, use a 30px, 100% hardness, black brush to outline the bottom of her chin. Only her face should be showing. Then take a 45px, 0% hardness, black brush and soften her chin a little.

Retro Face in Space

Select the Move tool. Select all layers (hold down CTRL to select multiple layers) and move them so that her face is more centered on the canvas.

Right-click the layer that has the face on it and go to Blending Options. Check the Gradient Overlay item and set the Blend Mode to Multiply. Replace the two default gradient colors with a magenta (#ff0042) and a yellow (#eaff00). When satisfied, click OK.

Retro Face in Space

I want there to be more contrast without losing detail, so I’m going to use the Burn Tool to emphasize areas of her face. Select the Burn Tool and set the brush to 100px, 0% hardness, 50% exposure and Shadows. Darken her features—hair, eyes, nose, and lips.

Retro Face in Space

Change the size to 300px and 25% exposure and brush over the whole image once. This helps to unify the shadows we created and add additional contrast.

Retro Face in Space

Creating Our Brushes

If you’ve never made a brush, don’t worry—it’s really, really easy!

Create a new layer. For your foreground color, select 50% gray (#808080). Open up the Info window by going to Window » Info. Select the Rectangular Marquee Tool. The Info window will tell you the width and height as you draw the marquee, so create a 50×1200px rectangle and use the Paint Bucket Tool to fill with your gray color.

Retro Face in Space

Select the Polygonal Lasso tool. Click in the top-right corner of your rectange, hold down CTRL, and make another click toward the bottom-left of your first point when you see the line at a 45 degree angle. Click around the remaining gray area so that your polygon will delete the whole top left corner. Then hit Delete. Do the same for the bottom corner:

Retro Face in Space

This will be our brush. Go to Edit » Define Brush Preset and name your brush. Note that because we made it 50% gray, it will be 50% transparent.

Select the Brush Tool. Open up the Brush window by going to Window » Brushes. Select Brush Tip shape and look for your brush. When you find it, delete the brush layer as you no longer need it.

Select your brush. Change the diameter to 800px and spacing to 100%.

Check Shape Dynamics and go to it. Change Size Jitter control to Off and raise the slider to 50%. Bring the Roundness Jitter up to 25%.

Check Scattering and go to it. Change Scatter control to off and raise the slider to 50%.

Set the foreground color to black.

Masking with Our Brush

Now that we have all our settings in order, create a new layer above the rest. Fill it with black and add a pixel mask. Select the pixel mask and brush a line from the top left to the bottom left of your face. The variance caused by the brush settings means that everyone’s result will be unique. Here is mine:

Retro Face in Space

Duplicate this layer with the brush mask and hide the original. On your duplicate layer, with the pixel mask still selected, go to Filter » Blur » Motion Blur. Set the angle to 90 degrees and the distance to 100px.

Retro Face in Space

Hold down the CTRL key and click on the original brushed mask layer. This will give you a selection of the original mask. Hit CTRL + SHIFT + I to invert the selection. Then take a large, black brush and paint over the selected area. The result:

Retro Face in Space

Flatten your image (or if you want to save your layers, just hit CTRL + A and go to Edit » Copy Merged and paste). Go to Image » Adjustments » Hue/Saturation. Increase Saturation to 50 and Hue to 6. This will brighten up our colors!

Retro Face in Space

We’re going to add just a little more depth before we call it quits. Select the Brush Tool and set it to 45px, white, 100% hardness. Create a series of up-and-down lines across the face, then use Motion Blur set at 90 degrees and a distance of 450px to get this effect:

Retro Face in Space

(If that last stepped confused you, try reviewing my burst streak tutorial. It’s the same thing, just a different angle.)

Set the blending mode of this layer to Overlay.

Retro Face in Space

Final Image

Retro Face in Space

I was just goofing around and didn’t set my final product up for a tutorial, but if anyone is curious, the method of creation is similar to the “dusty” sparkle effect explained at the end of this tutorial on swirling light streaks.

Retro Face in Space

Allison House

Comments

03/15/2009
11:18 AM

Love this new tutorial. Gotta give a shot later on today.

Yopladas
03/16/2009
3:56 PM

Love the effect – looks like an 80’s poster for a movie.

03/16/2009
11:09 PM

Awesome tutorial. Would love to see more. Thanks for sharing such a wonderful tutorial.

Yohleea
03/18/2009
8:40 AM

Thank youu for sharing, great tuts!

03/18/2009
7:20 PM

Great tutorial! I think that some of the pictures along the way are cool as well. Good job and keep on sharing!

03/18/2009
9:32 PM

Thanks everyone! Really appreciate the comments! :)

jyoti
03/19/2009
5:26 AM

good tutorial
thanks

03/20/2009
11:44 AM

Thanks Jyoti!

Lee
03/22/2009
6:26 AM

haiz I really like the retro look, could you do more tut on this? ;)

cholo
03/22/2009
12:27 PM

i cant find the mask, i looked for it windows but its nothere im using photoshop cs3

03/22/2009
4:18 PM

i loved this one. good job !!
@customizz

palu
03/24/2009
4:54 PM

im speechless… expect me more on your site…

Joe
03/24/2009
8:25 PM

For my graphic arts class we had to choose a photoshop trick to do and i chose this one. I couldn’t figure out the pixel masks but i got the effect to work anyway. Thanks for the tutorial!

03/31/2009
10:02 PM

Love the effect! This was an excellent tutorial, I can’t wait to try it! I’ve never even tried making a brush before, this’ll definitely be a start. Thanks for sharing this!

04/29/2009
7:32 AM

Great retro effect on the photo…

05/7/2009
1:40 AM

Una restauración fotográfica muy bueno! bueno resulto.

05/26/2009
11:38 PM

Thanks, I am gonna try on my own photo. :)

[...] Keetee.com wird gezeigt wie Man einem Foto Retro style verpasst. Create a Retro Face benötigt als Grundlage eine Bild aufnahme. Diese wird entfärbt und der Kontrast stark gesteigert, [...]

Mehboob ur Rehman
06/26/2009
3:49 AM

this graphic is very nice and fantastic I amazing when i see this becouse this photo was is like to my ma’am account teacher it is descover photo for me his eye is beautiful and I respact it and i thank for this graphic presentation
I am interested photographi but my background is account (commerce) I am a account student I am live in india meerut city 250002
house no.200 maqbra abbu behind chhoti masjid meerut city.
my second email addresss is m.r.rehman7@gmail.com

please mail me any good message i hope

michif100
01/10/2010
5:22 PM

he buddy, great tutorial!
i used ur sample pic and the result looks quite nice.
but at the point of using my self-created brush, i dont get it, how to achieve these gaps between each stroke.
at the chin i worked it out so far, but at the hair i can#t make it. any tips for me?
heres my file: http://rapidshare.com/files/333376231/Unbenannt-1.png

cya

01/21/2010
7:39 PM

Nice work, michif100! The strokes look like they were done correctly, just brushed in a different motion than mine. If you were to try again, I would recommend brushing over less area; not right up to the edges of her face. Hope this helps.

MARTA
02/21/2010
7:22 PM

would u make one for me? i don’t have a photoshop and i really loveeee this…so unique

04/5/2010
5:13 PM

Bonito tutorial, good work,s aludos visita: http://jethrografico.blogspot.com/2010/01/nikotronico.html

Post a Comment

Required fields are marked with . Inflammatory comments will be removed. Your courtesy is appreciated!