Create a retro sci-fi movie poster in Photoshop

Create a retro sci-fi movie poster in Photoshop

I’m a great fan of sci-fi art, as WeGraphics friends may have noticed from my works. After played for a while with a type treatment, some paper textures and light effects, I’ve created a nice design that could be used for a movie poster.

And now I gonna show the simple process that is behind this composition. We will deal in particular with blending options and textures customization. This tutorial can be followed by Photoshop newbie without problems.

To all Stargate lovers, let’s start!

Preview:

Click on the image for a larger preview
Create a retro sci-fi movie poster in Photoshop

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.
Step 1

Create a new 2480×1748 pixels document in Photoshop, grab the Paint bucket tool (G) and fill it with black (#000000).
new document in Photoshop

Step 2

Create a new layer, select the brush tool (B) and use a large soft (hardness 0%) white brush to create some spots in the center of the canvas. Reduce the opacity to around 10%. Create other spots on different layers. In this way we realize a soft light effect in the center. Some of you may think that it’s more simple to directly add a radial gradient to the background instead of using the brush tool and several layers. But I prefer brushes because they give me more control and give a more various result.

light effect center

Step 3

Download our concrete textures set (or the free sample in case you are not a member). Open the texture in Photoshop and drag it into the main canvas. Press ctrl+T to activate the transform tool, then resize it to match the canvas dimensions. Press shift+ctrl+U to desaturate the texture and set the layer blending mode to overlay with opacity 35%.

concrete texture

Step 4

Download this free image of a Great Sphinx and open it in Photoshop. Press shift+ctrl+U to desaturate the photo:

sphinx

Step 5

Press ctrl+L to open levels window and use the arrows to increase a lot image contrasts:

levels

Step 6

Drag this image into the main Photoshop document and set the layer to multiply to eliminate all white areas and retain the black ones. Put the Sphinx at the bottom as shown in the screenshot below:

Step 7

Create a new layer and go to Filter>Render>Clouds. Now press ctrl+T to activate the transform tool and enlarge a lot the image without modify its height.

clouds

Step 8

Set the layer to screen and reduce opacity to 20%. We have so used clouds to make more vivid the edges of the composition and create a kind of fog effect.

fog effect

Step 9

For the type treatment I’ve used a free sci-fi font titled Perfect dark.  Write a word or a phrase.  In case letters are too close, open the character window (Window>Character) and modify distances.

Step 10

Right-click on the text layer and select “blending options”. Here reduce fill opacity to 0% and add a 5px stroke:

Step 11

At this point I want to apply other styles, but only to the stroke, not to the entire text. I want to create a sort of custom font. Here is the trick: create a new transparent layer, select both the new layer and the text one and press ctrl+E to merge them. Then right-click and add a color overlay and an outer glow:

Step 12

Duplicate the text layer and move the duplicated below the original one. With the duplicated layer selected, go to filter>Blur>Motion blur and enter a value around 25 pixels with angle 90°.

Step 13

Now to create the 3d effect simply move lower down the last created layer. Here is what you should obtain:

Step 14

Grab the rectangle tool and create a shape below the text effect. As we made with the text in step 10, reduce fill opacity to 0% and add a stroke effect.

Step 15

Go to Edit>Transform>Perspective and bring near the bottom anchor points as shown in the screenshot below:

Step 16

We have to repeat the same technique used with the text to change the stroke color and add an outer glow: create a new layer and marge it with the one of the shape. At this point right-click on the layer thumbnail and add the same styles used before with the text.

Step 17

To complete the type treatment, add a 3d look to the shape with the same method used for the text: duplicate the shape layer and move the duplicated below the original one. Apply to the the duplicated layer the motion blur filter and move the layer lower down. Here is my result:

Step 18

Let’s start adding color to the composition. Go to Layer>New adjustment layer>Gradient Map and add a gradient going from dark purple (#290a59) to cyan (#00f0ff). set this layer to overlay with opacity 60%.

Step 19

Download our Old Paper Textures Vol1 (or the free sample). Open the op5 texture in Photoshop. We will use this texture to create the dirty noise effect. Press shift+ctrl+U to desaturate the image. Then press ctrl+I to inverse colors. Finally ctrl+L to activate levels and increase contrasts:

Step 20

Drag the texture into the main canvas. Re-size and rotate it (ctrl+T) and set the layer mode to screen:

Step 21

Create a new layer and fill it with black. Go to Filter>Render>Lens Flare and choose the 50-300mm zoom lens. Set the layer blend mode to screen.

Step 22

At this point I’ve decided to play a little bit with color corrections. I don’t like this blue atmosphere, so I’ve added a new gradient map layer (Layer>New Adjustment Layer>Gradient Map). This time I’ve used the default gradient going from purple to orange. Set the layer to overlay with opacity 50%. You can notice an atmosphere warmer now.

Step 23

I’m still not satisfied with the color result. Let’s apply a third gradient map, this time the default gradient going from purple to yellow (check reverse). Set the layer to overlay with opacity 30%.

Step 24

The last adjustment layer: Brightness and contrasts (Layer>New Adjustment Layer>Brightness/Contrast). Increase brightess to +20 and contrast to +10.

Step 25

To brighten up the center, create a new layer and move it below the adjustment ones. Set the layer to overlay. Grab a large soft yellow brush and make a spot in the center, over the lens flare. Reduce opacity to around 25%.

Create a second layer (always set on overlay). This time grab a purple brush and paint over the edges of the canvas, in order to add color to the noise effect.

Here is my result:

Step 26

A nice way to give a retro look to this image is to use a micro-pattern, to obtain an effect similare to old videogames screen. Create a new 5×5 pixel document in Photoshop (with a transparent background), zoom in, grab the Ellipse tool, hold down shift and create a circle in the center of the canvas. Then go to Edit>Define pattern and save the pattern. You can now eliminate this document and switch to the main canvas.

Step 27

Create a new layer immediately above the group of text layers. Go to Edit>Fill  and select “pattern” for use and choose the pattern just created. Finally press OK.

Step 28

Reduce fill opacity of the layer to 0%, and add a blu (#0d6fe8) color overlay set on “color burn”.

Step 29

Create a new group below the pattern layer and switch the blending mode to “color dodge”. Title this layer “text light effects”.  Create a new layer inside the group, grab a white soft brush and start making some spots over the points you want to enhance. You’ll notice a strong light effects due to “color burn” blend mode. Reduce the opacity of the layer to reduce light brightness. Create several spots on different layers and play with their opacity.

Step 30

The composition is almost complete. The last touch are some text effects placed at the bottom of the canvas – main actors’ names, and our work will look like a cool movie poster. The font used is Colaborate.

Here is the final result:

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.

Related Posts

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Sebastiano

Howdy! I'm a self taught graphic designer who loves to create amazing stuff using every kind of media. I'm currently living and working in Italy.

35 Comments

(+add yours)
  1. Guau, ¿como lo hacéis para que parezca tan fácil? Un aporte genial y un diseño aún mejor.

    Amidaweb
    Empresa de diseño gráfico.
    (Palma de Mallorca)

    http://www.amidaweb.com/
    http://www.amidaweb.com/blog/home/

  2. These steps are a invaluable teaching aid, don’t know how else to express myself. Thanks.

  3. Thanks guys! Glad you appreciate my work

    • im having a problem with step 13…

  4. I love the use of color with this imagery. Thanks for teaching me a text effect I hadn’t come across before.

    • I’m glad you learned something new Lori!

    • The experstie shines through. Thanks for taking the time to answer.

  5. Wow, these are all so amazing

  6. Thank you so much for submitting your tutorial to Pixel2life, your submission has been accepted :) I look forward to more tutorials from your site in the future!

    • Sure Dan,
      We are publishing 1-2 tutorials per week

  7. i like it! easy and stylish work

  8. ulises

    excelente

  9. Dung Tran

    Thank for step 5 and the motion blur in text effect. I love the color.
    Keep your useful job!
    Cheers!

  10. Thanks From Egypt

  11. how do u “create a new transparent layer, select both the new layer and the text one and press ctrl+E to merge them. Then right-click and add a color overlay and an outer glow:???????????? thx

    • Create a new layer by pressing the “add new layer” button at the bottom of the layers window. Then select this new layer and the text one (always from the layers window, click over the first, then hold down shift and click over the other one). Press ctrl+E to merge the 2 layers. Right click on the new layer and select blending options, then from the menu select outer glow.

      I can’t go more in depth ;-)

  12. tika

    I dont understand Step 20.

    What does “set the layer mode to screen” mean?

    I cant get the old paper texture on my picture ;’(.

    Please help

    • Hi Tika,

      You ca change the layer blending mode from the layers window (Window>Layers). Inside the layer window you will see all the layers you re working on. When you select a layer thumbnail, you can change its blending mode from normal (top-left of the window) to other options, like “screen”.

  13. Great thanks !
    Very useful tutorial.

  14. Nice tutorial.Thanks for sharing.

  15. Prince

    Good work done.

  16. onlinedesignteacher

    Very good I made one myself,check it out http://www.youtube.com/watch?v=8GcjIKb1ixQ

  17. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is fundamental and all. Nevertheless think of if you added some great visuals or
    videos to give your posts more, “pop”! Your content is excellent but with pics and videos, this website could
    undeniably be one of the greatest in its field. Fantastic blog!

  18. This paragraph will help the internet people for building up new webpage or even a blog
    from start to end.

  19. Thank you, I’ve recently been searching for information about this subject
    for a while and yours is the greatest I’ve discovered till now.
    But, what in regards to the bottom line? Are you certain concerning
    the source?

  20. Hmm it seems like your website ate my first comment
    (it was extremely long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly
    enjoying your blog. I as well am an aspiring blog writer but I’m still
    new to the whole thing. Do you have any suggestions for first-time blog writers?

    I’d certainly appreciate it.

  21. Everything is very open with a precise explanation of the issues.

    It was definitely informative. Your website is very helpful.

    Many thanks for sharing!

  22. Most of our canine and feline patients have some level of dental disease.
    Because of the hurricanes that can sweep up and down Florida’s coastline pet owners
    in Florida should consider purchasing a pet health insurance plan that will protect their pets in event
    of a hurricane. Remember that cats are carnivores and dogs omnivores.

  23. I have read so many articles or reviews concerning the
    blogger lovers except this paragraph is really
    a nice post, keep it up.

  24. My partner and I sumbled over here from a different page and thought I might check
    things out. I like what I see so i am just folllowing you.
    Look forward to going over your weeb page repeatedly.

  25. I believe this is one of thhe such a lot important information for me.
    And i am glad studying your article. However should observation on some baszic things, The site style is
    great, the articles is achtually nice : D. Just right process,
    cheers

  26. I am curious to find out what blog system you’re utilizing?

    I’m experiencing some minor security problems with my latest
    site and I would like to find something more safe. Do you have any recommendations?

  27. Euhh êtes vous sûr de ce que vous avancez ??

  28. Wow that was odd. I just wrote an incredibly long comment but after I clicked
    submit my comment didn’t appear. Grrrr…
    well I’m not writing all that over again. Anyway, just wanted to say great blog!

  29. ? love ?t ?hen folks ?ome t?gether and share ideas.
    ?reat site, ?eep it ?p!

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team