Articles, Blog

Photoshop: How to Create a 1980s, Retro, “OUTRUN” Graphic from Scratch!

December 3, 2019


Hi. This is Marty from Blue Lightning TV. I’m going to show you how to create a nostalgic, 1980s,
retro, “Outrun” graphic image. “Outrun” is 1980s-themed, retro-futuristic
visual art and music style associated with the electronic genres of electro, synthwave, futuresynth, new retrowave and vaporwave. Create a new document by pressing Ctrl or
Cmd + N or by going to File and New. Let’s make is width: 1200 pixels and its height
900 pixels, which has a 4 by 3 aspect ratio that replicates old-school, CRT TV monitors of the 80s and earlier. Make its resolution: 150 pixels per inch,
the color mode: RGB and 8 bits per channel. Click the color box and in the hexadecimal
filed, type in 141738, which gives us a very dark, muted blue. Then, press Enter or Return twice to close
both windows. If you want to zoom out of your document a little, press Ctrl or Cmd and the minus key on your keyboard. Next, we’ll create stars that we’ll place
over the background. Click the New Layer icon to make a new layer. We’ll fill it with black, but before we do,
check your foreground and background colors. If they’re not black and white respectively,
press “D” on your keyboard. Since black is our foreground color, press
Alt or Option + Delete. Go to Filter, Noise and “Add Noise”. The amount is 100%, Gaussian and Monochromatic. Go back to Filter , Blur and Gaussian Blur. Blur it 0.3 pixels. Open your Levels window by pressing Ctrl or Cmd + L. In the Input black level, type in 220 and the Input white level, type in 235. Change its Blend Mode to Screen. Make a new layer and open your Gradient Tool. Make sure the Linear gradient icon is active. Click the gradient bar to open the Gradient Editor. Click the Black to White thumbnail. Go to the bottom of your document and press
and hold Shift as you drag the tool up to the top and release. Holding Shift kept your cursor perfectly vertical. Go to Filter and Filter Gallery. Open the “Sketch” folder and click, “Halftone
Pattern”. The Pattern Type is “Line”, the Size is 6
and the Contrast is 50. Temporarily hide the top layer. We’ll make a new layer below it by Ctrl-clicking
or Cmd-clicking the New Layer icon. Open your “Elliptical Marquee Tool” and press
and hold Alt or Option + Shift as you drag out a circular selection approximately this size. Open back your Gradient Tool by pressing “G”
on your keyboard. Click the gradient bar and the lower, left Stop. Click the black box and in the hexadecimal
field, type in: FF397A and click OK. Click the lower, right Stop and the white box. Type in: FDED4E. Then, click OK on both windows. Press and hold Shift as you drag the tool
up and release. Make the top layer visible and open your Channels panel. If you don’t see it, go to Window and Channels. Ctrl-click or Cmd-click the RBG channel to
make a selection of its shape. Open back your Layers panel and drag the gradient
bars to the trash, since we have its selection. Invert the selection by pressing Ctrl or Cmd + Shift + I. Press the “Delete” key on your keyboard to delete the inside of the selection. Deselect it by pressing Ctrl or Cmd + D. We’ll center it on its vertical axis by pressing “v” to open our Move Tool and pressing Ctrl or Cmd + A to select our document. At the top, click the “Align Vertical Centers”
icon. Then, deselect it. Click the “fx” icon and click “Outer Glow”
to see it in the Layer Style window. Click the color box and type in FF0072. Then, click OK on both windows or press Enter
or Return twice. Make a copy of the layer by pressing Ctrl or Cmd + J. Next, we’ll add the grid, but before we do, let’s save some space in the Layers panel by grouping the sunset layers into a folder. To do this, Shift-click the lower sunset layer
to make it active, as well, and press Ctrl or Cmd + G. I’ll name it, “Sunset”. Make a new layer above it. In this layer will be our grid. Go to Filter and “Vanishing Point”. Zoom out by pressing Ctrl or Cmd and the minus
key on your keyboard. Make sure the “Create Plane Tool” is active and go inside your document below and to the left of your sunset. Click and release. Go to the same location on the opposite side
of the sunset and click. Release and click approximately here. Release, go to the opposite side and click. If the grid remains blue, it means the perspective
is good, however, if the grid is red or yellow, adjust the corner until it turns blue. You can adjust the amount of lines in your
grid by dragging the Grid Size slider to the right or left. To save it to your Outrun document, click
this icon and click, “Render Grids to Photoshop”. It saved our grid to the empty layer we created. Double-click the grid layer to open its Layer Style window. Click “Color Overlay” and the small box. Type in: FF5ED7. Click “Outer Glow” and the small box. We’ll use the same color glow that we used
for our sunset. Make its Size: 40 pixels and the Range: 35%. Name the grid layer, “Grid” and collapse the
effects to save space. Next, we’ll create a reflection of our sunset
onto the grid. Make the Sunset folder active and make a copy of it. Rename the bottom folder, “Reflection” and convert it into a Smart Object, so we can modify it nondestructively. Open your Transform Tool by pressing Ctrl or Cmd + T. Go to the top, middle anchor point and when you see a vertical, double-arrow, press and hold “Shift” as you drag it down to approximately here. Then, release. Go to Filter, Blur and Gaussian Blur. Blur it 4 pixels. Go back to Filter, Distort and “ZigZag”. The Style is “Out from Center”, the Amount
is minus 100 and the Ridges is 20. Reduce its opacity to 50%. If you want to move your sunset up or down a bit, make the Sunset folder active and simply press the Up or Down arrow on your keyboard. This is Marty from Blue Lightning TV. Thanks for watching!

28 Comments

  • Reply Hamza Karim December 2, 2019 at 12:45 am

    ❤️

  • Reply 5 000 Abonnés Sans Vidéos December 2, 2019 at 12:46 am

    1like = 1 day off

    📌

    Read my name I realized a challenge

  • Reply search PS December 2, 2019 at 12:52 am

    Wow, sir

  • Reply Samuel Endashaw December 2, 2019 at 12:57 am

    Now you're talking

  • Reply The Best action tips channel December 2, 2019 at 1:06 am

    good Photoshop

  • Reply Muse Axe December 2, 2019 at 1:08 am

    Excellent tutorial, i was kinda waiting for this. I hope you can do more synthwave tutorials in the future.

  • Reply PASSIVE CRYPTO EARNINGS December 2, 2019 at 1:18 am

    Ok lads Hotline Miami 3 incoming

  • Reply Alejandro Senluy December 2, 2019 at 1:49 am

    the best tutorial, great form explain, sorry for my english

  • Reply Irineu Bishop December 2, 2019 at 1:51 am

    Tutorial maravilhoso. Esperei tanto pra você fazer uma aula com esse tema.

  • Reply Said Chaka December 2, 2019 at 1:53 am

    Congratulation 👍🏾

  • Reply funny videos December 2, 2019 at 1:53 am

    Another great tutorial
    Lot of thanks mr marty

  • Reply Jaime E. Campuzano T. December 2, 2019 at 2:03 am

    Thank you very much Marty

  • Reply TheWebStylist December 2, 2019 at 2:22 am

    SO cool! And nice music to go with 🙌🏻⚡️💪🏻💥👏🏻

  • Reply Celeste Celestial December 2, 2019 at 2:32 am

    I don’t recreate every tutorial but watching them gives me tips that I have been using for my own different portfolio projects. Thanks and happy holidays Marty! 🙂 ❄️

  • Reply Shayna Lynn December 2, 2019 at 2:41 am

    Wait wut???
    I just now finished a project in this same style for my phone wallpaper.
    Probably going to do another one after watching this. LOL

  • Reply shakib alam December 2, 2019 at 2:55 am

    Amazing tutorial… i love this channel.

  • Reply Luis Donado December 2, 2019 at 3:57 am

    Thanks for redoing this tutorial, Marty. You went over the top with this one! 🙂

  • Reply Saied Alasaad December 2, 2019 at 5:16 am

    🏅🏅🏅🏅🏅

  • Reply Agent К_видео December 2, 2019 at 6:41 am

    Level 2: How to animate it like in the intro.

  • Reply AzovPort December 2, 2019 at 7:55 am

    🎬❤️👍🏻➕

  • Reply salem forografy December 2, 2019 at 8:58 am

    something weird i followed the steps three times the grid doesnt show at all!!! any ideas why?

  • Reply Pinjari Pedda Khaja Miah P.khaja December 2, 2019 at 9:11 am

    😉 ……………..👍…………..🥇

  • Reply Digital Underground December 2, 2019 at 9:13 am

    TOP

  • Reply Murtada Sabri December 2, 2019 at 10:22 am

    you are creative
    I liked the way when you make a space
    thank you

  • Reply simone elsa December 2, 2019 at 1:03 pm

    LINDO

  • Reply TB Photoshop Tutorials December 2, 2019 at 9:50 pm

    Love it Marty, one of the best YT channels for learning PS 👍

  • Reply jpwood6661 December 2, 2019 at 10:38 pm

    Another great tutorial!!

  • Reply Игорь Ильин December 3, 2019 at 8:41 am

    Stunning, luxurious tutorial, however, as the whole channel! Thank you for your work!

  • Leave a Reply