Photoshop TutorialsText Effects

TRON Legacy Style

In this tutorial we will create an image that looks sort of like the posters for the upcoming movie, TRON Legacy. You will learn how to fake a bokeh effect, and create all sorts of shiny glass type effects.

Preview of Final Results

tronlegacy[11]

IMPORTANT: When working with any image in Photoshop, always play things on the cautious side and make new layers for everything. This way, if you make a mistake, you won’t have to start all over, but you might just have to re-do one layer, possibly saving you hours of work. Everything in this tutorial should be done on separate layers.

TRON Legacy Style Photoshop Tutorial

Step 1 – Create a new Document

Create a new document. 1280px in width and 960px in height.

1[3]

Step 2 – Invert it to black

Press (control/command + I) to invert the white to black.

2[3]

Step 3 – Brush Setup

Apply the following settings to your brush.

3[6]

4[6]

5[6]

6[6]

Step 4 – New Layer

Create a new Layer (Layer > New > Layer). Fill it with black. Create a guide that runs down the center of the image at 460px. Name this layer “Big Bokeh”.

7[3]

Step 5 – Bokeh Effect

Using your customized brush and the color white, draw a line that is slightly above your guide line. If some goes underneath it, do not worry, that’s fine.

8[3]

Step 6 – Bokeh Effect

Go to Filters > Blur > Lens Blur apply the following settings. Then click OK. After, set the layer blend mode to Screen.

9[12]

Step 7 – Duplicate and Flip

The quickest way to do this is to type (control/command + J). Then, we’re going to flip it. Press (control/command + T). This will allow you to left click (with your mouse) and select “Flip Vertical”. Click enter when you are done. Name this flipped layer “Big Bokeh Reflection”.

10[3]

Step 8 – Blur

Create a duplicate (control/command + J), of “Big Bokeh Reflection”, and go to Filters > Blur > Motion Blur and apply these settings. Name this newest duplicate “Bokeh Blur”.

11[6]

Step 9 – Some quick touchups

Duplicate “Bokeh Blur” so that you have two copies. Set the opacity of “Big Bokeh Reflection” to 50%. If everything is good, you should see something like this:

12[3]

Step 10 – Small Bokeh

Create a new Layer (Layer > New > Layer). Fill it with black. Using the same brush settings as before with the Big Bokeh, we are going to just make the brush size slightly smaller like 10px or so. Draw a line like before.

13[3]

Step 11 – Small Bokeh

Go to Filters > Blur > Lens Blur apply the following settings. Then click OK. After, set the layer blend mode to Screen.

14[6]

Step 12 – Checkpoint

Name this layer “Small Bokeh”. You should see this now:

15[3]

Step 13 – Duplicate and Flip

The quickest way to do this is to type (control/command + J). Then, we’re going to flip it. Press (control/command + T). This will allow you to left click (with your mouse) and select “Flip Vertical”. Click enter when you are done. Name this flipped layer “Small Bokeh Reflection”.

16[3]

You should see this when you’re done:

17[3]

Step 15 – Bottom Coloring

Create a new layer and name it “Bottom Color”. With the marque tool (m) highlight the bottom half of the image… it should snap to exactly half if you still have your guide line up.

18[3]

About author

Thanks for reading, I hope you had fun following along, and I encourage you to get creative with it and make it your own. Please look for more of my tutorials as well as my own website, Aevion.net. You can also follow me on Facebook to stay up to date with me and suggest tutorials. Thanks again!
Related posts
Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create an Portrait Artwork with Autumn Colors

Photo ManipulationPhotoshop TutorialsUpdated

Create a Cute Bunny House in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create This Charming Magician with Enchanting Effects in Photoshop

1 Comment

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).