Design & UX
Article
By Gabrielle Gosha

Making Alternative ’80s Film History Come to Life with Photoshop

By Gabrielle Gosha

As part of our Ultimate 80s Movie Poster contest, Graphic Stock is sponsoring a design series on SitePoint. The topics discussed in these articles — Photoshop editing and 80s font selection — can be used to help you win the contest. Sign up for a Graphic Stock trial and get ready for your chance to win the $5000 first prize.

Rewind to the ‘90s, Gwyneth Paltrow starred in a romantic comedy called “Sliding Doors.” The movie’s premise was simple: “Sometimes tiny, seemingly inconsequential events – like narrowly missing a train in this case – can have dramatic consequences.”

The film takes the viewer through two storylines simultaneously, each set in a parallel universe, showing the two different paths her life took depending on whether she either caught or missed a particular train on a particular day. For example, in one universe she arrives home early to discover her boyfriend cheating on her. In the other, she arrives home too late and is unaware of the infidelity. The differences between the two universes continue from there.

Sliding Doors

This idea of alternate histories or parallel universes even stretches to the casting of movies themselves.

For instance, did you know that Eric Stolz, the drug dealer in Pulp Fiction, was originally cast as Marty McFly in Back to the Future? It’s hard to imagine now but it was a “Sliding Doors” moment — who knows how film history would have changed if this casting had stuck?

A similar situation almost occurred with Indiana Jones. George Lucas wanted Tom Selleck (Magnum PI) to star as the beloved Indy because he didn’t want Harrison Ford to become his “Baby Bobby Dinero.” As it turns out, after Selleck conducted some screen tests for the role he decided to go with Ford.

This begs the question: What if he we went with Selleck?

While we’ll probably never know the answer to this question, we can at least get a clear image of what Selleck would’ve looked liked as Indiana Jones compared to Ford.

In this post, we’re trading in our Delorean for Photoshop and learning how to reshape the ‘80s universe into one in which the mighty Tom Selleck ruled the movie screens.

What You’ll Need

  • Two photos
  • Photoshop (I’m using CS5)
  • A graphics tablet (I’ve used my laptop touchpad as well)
  • This texture

What You’ll Make

Indiana Jones

Choose the Right Images

To make your face swap work, you need to make sure that the two images you choose are similar in size and resolution and To ensure your face swap works, you need to find two images, which are similar in size and resolution, with nearly identical poses.

For example, both people’s heads need to be tilted or turned the same way. I’d also try to select images with similar nose and mouth angles.

Indiana Jones

Below you’ll see the two images I will be using.

Indiana Jones

While I mentally aligned the images in my head to see if they would work, you can opt to overlap them in Photoshop to see if your selections work together.

Overlay

As you can see above, the images I chose look pretty good here.

Face Selection and Placement

Now that we’ve selected our images, we need to get Selleck’s face on Ford’s.

To begin, you simply need to isolate the main facial features, including eyebrows, eyes, nose and mouth.

You can do this using either the Lasso Tool or the Pen Tool. To get nicer edges and curves for blending, I recommend the Pen Tool, but either will work.

Face selection placement

With the face selected simply copy it (CTRL + C or CMD + C) and then paste it onto your working canvas with CTRL + V or CMD + V.

copy-paste

Next, we need to move Selleck’s face on top of Ford’s.

Reduce the face layer’s opacity by around 50% or until you can see both layers.

Then use the Transform Tool to make adjust the layer for proper placement.

copy-paste

Now, erase the excess parts of Selleck’s face that should be currently covered by the hat.

Erase excess parts

Blending Prep

Before we blend our layers we need to clean up a bit so that our end result looks virtually seamless.

First, duplicate the poster image so you have three layers like the screenshot below.

Blending prep

Using the Wand Tool, select around the inner portion of Selleck’s face. We’ll use this selection as our blending guideline.

Next, hide this selected layer and the original image to make it easier to see what you’re working on.

Blending prep

Click on the newly duplicated layer then go to SELECT > INVERSE > MODIFY > CONTRACT > 12px then press OK.

Blending prep contract

Click DELETE so that Ford’s face is just a big hole, like the screenshot below.

Blending prep contract

Before we get to blending we need to do a slight color correction. On the Selleck layer we need to make it active then go to IMAGE > ADJUSTMENTS > CURVES:

  • RGB: Output- 170 Input- 85
  • BLUE: Output- 219 Input- 255

Blending prep curves

Auto-Blending Layers

It’s time to blend these layers.

First, make all your layers “active.”

Auto-blending

Next, select only the top two layers then go to: EDIT > AUTO-BLEND LAYERS > STACK IMAGES > OK.

Important Note: Notice how I have the “Seamless Tones and Colors” box checked, this is important.

Auto-blending

The below shot is what your blended image should look like now.

Auto-blending

Color Correction

Since we want a realistic face swap and an ‘80s retro-type look, we need to make some color corrections before we add extra effects.

Begin by adjusting the facial levels.

Go to EDIT > ADJUSTMENTS > LEVELS.

Color correction

Then, go to: EDIT > ADJUSTMENTS > EXPOSURE.

Adjust exposure

With the color of the layer containing Tom Sellack’s face edited pretty close to the rest of the original skin tone, I went in with a soft round brush and erased around the bottom lip to expose more of the facial hair.

Adjust exposure

Texture Application

Now, it’s time to nail the retro-look we’re aiming for here.

First, merge all layers; then duplicate the image so you have two layers.

Select the top layer, and go to: FILTER > ARTISTIC > POSTER EDGES.

Texture application

Lower the opacity – around 66% should work.

Texture application - lower opacity

Next, apply your texture, and make sure to position it on the majority of the face. Then change the layer mode to MULTIPLY.

Texture application - multiply

Erase the excess and drop the opacity to 29%.

Texture application

Finally, add any additional desired tones, shadows, highlights or whatever else your little heart desires to make your poster pop.

Here’s my final result.

Final result

What now?

Of course, you aren’t limited to only dropping celebrity faces into your favorite posters. In fact, I can dream up hundreds of amusing use cases. Here’s a few of my ideas, also inspired from the ‘80s:

Show us your results in the comments below. We’re dying to see how yours’ turned out.

  • May` I tell you something`that IS really` interesting` `worth` paying` `attention`. An `effective` and `excellent` online` `opportunity` to work` for those people` who want to `utilise` their free time so that they can `Earn some `extra`Money` using their `computers`… I have been `working`time so that they can `Earn some `extra `Money` using their `computers`… I have been `working` on this for last two and half years and I am earning` 60-90 `dollar`/ hour` … In the `Past` `Week` I` Have `Earned` 13,70 `DoLLars` For `Almost `20` hours` `Sitting` ….

    `Any` Special“kind` of `Skills, `Degree` or Specific qualification is not `required` for this, just `typing` and a `good` `working` and `reliable` `internet` `connection` ….

    `Any` `Time` `Boundations` to `Start work` is not `Required` … You may do this `work` at any `time` when you `Willing` to do it ….

    I have Been Working on this and Getting Results…..….Hope over to“website“ `page` `LINK` which is on Prrof!le of mine

    ^%rfgfd

  • Is this how it’s possible to earn
    ninety-seven bucks /hr…? After being un-employed for 6 months, I started
    freelancing over this web-site and now I cannot be happier. After 4 months on my
    new job my income is round about dollars 7500/per month working 20hrs a week ..
    For web address open my ṖRὀÍLÊ

Recommended
Sponsors
Get the latest in Design, once a week, for free.