Quick Photoshop tutorial: Digital 80′s.

June 24th, 2010 - Posted in Tips and Tricks, Tutorial Tags: ,

Header - Quick Photoshop tutorial: Digital 80's.

In this quick Photoshop tutorial I am going to show how to create this digital looking background using a couple of filters and some lighting effects.

Final - Quick Photoshop tutorial: Digital 80's.

Open Photoshop and create a new document and copy these dimensions.

Setup - Quick Photoshop tutorial: Digital 80's.

Make sure your foreground and background colours are set to black and white, create a new layer and name it “digital background” then run the Clouds filter ( Filter > Render > Clouds )

Step 1 - Quick Photoshop tutorial: Digital 80's.

Next run the Gaussian blur (Filter > Blur > Gaussian blur ) over the clouds your just created. Set the radius to 35. Try to get a nice smooth look.

Step 2 - Quick Photoshop tutorial: Digital 80's.

Run the Halftone Pattern filter ( Filter > Sketch > Halftone Pattern ) set size to 5, contrast to 4 and pattern type to dot

Step 3 - Quick Photoshop tutorial: Digital 80's.

Now run a Motion blur filter ( Filter > Blur > Motion blur ) set the angle to 57 and the distance to 30.

Step 4 - Quick Photoshop tutorial: Digital 80's.

We’ve got the basic background effect with a couple of filters, now to add some colour, light and shadow.

To add some shadow were going to add a gradient layer ( layer > new fill layer > gradient ) when the dialog box comes up name the layer “Shadow” and set the layer mode to normal.

Set the gradiant going from black to transparent, the angle to 62 and the scale to 100%

Step 5 - Quick Photoshop tutorial: Digital 80's.

Now to add a bit of colour, add another gradient layer ( layer > new fill layer > gradient ) when the dialog box comes up name the layer “Colour” and set the layer mode to overlay.

You can pick any colours you like, I set my gradient going from red to green, the angle to 35 and the scale to 100%.

Step 6 - Quick Photoshop tutorial: Digital 80's.

To give the effect a bit more edge were going to add some TV lines by adding a pattern overlay, but first we need to create the pattern.

Open a new document and copy the settings below.

Setup 2 - Quick Photoshop tutorial: Digital 80's.

Use the pencil tool to colour the top pixel black so you have something like below.

TV Line Art board - Quick Photoshop tutorial: Digital 80's.

Select all ( Select > All ) now with the document selected define a pattern ( Edit > Define Pattern ) and when the dialog box comes up name it ‘TV lines’, once your done you can close the document, there is no need to save it.

Pattern Box - Quick Photoshop tutorial: Digital 80's.

Now to apply the TV Lines pattern, with the digital effect document selected apply a pattern fill ( layer > new fill layer > pattern ) when the dialog box comes up name the layer “TV Lines” and set the layer mode to overlay.

Pick the pattern you just created and hit ok.

Step 7 - Quick Photoshop tutorial: Digital 80's.

That’s basically it.. you can play with it a bit more, apply some lighting filters, add some text, etc… get creative

Spread on Twitter

About the Author

Steven Wilson

Steven Wilson

Welcome to D79, my name is Steven Wilson and I am a graphic and website designer. Currently I work part time as a graphic designer for Aggregate Industries, Freelance under the name dominion79 and run this website. The mandate of D79 is to pass on some of the techniques, tips and tricks I learnt over the years. You can follow me on twitter.

5 Responses to “Quick Photoshop tutorial: Digital 80′s.”

Mikrovippi - vipit, pikalainat, kulutusluotot

On June 25th, 2010 at 7:02 am

[...] Quick Photoshop tutorial: Digital 80′s. « Dominion79 – Creative … [...]

Shaunda Cavers

On November 18th, 2010 at 8:51 am

Whoa. How didn’t I come up with this?

Lagerverkauf

On April 5th, 2011 at 8:41 am

I like the valuable information you provide in your articles. I¡¦ll bookmark your blog and check again here regularly. I’m quite certain I will learn many new stuff right here! Good luck for the next! Lagerverkauf you can check here, just have a look.

Macie Fayson

On June 19th, 2011 at 3:53 pm

Good – I should certainly pronounce, impressed with your website. I had no trouble navigating through all tabs and related info ended up being truly simple to do to access. I recently found what I hoped for before you know it at all. Quite unusual. Is likely to appreciate it for those who add forums or something, website theme . a tones way for your customer to communicate. Nice task.

Carmen Badalamenti

On June 21st, 2011 at 1:20 am

Hello, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam remarks? If so how do you protect against it, any plugin or anything you can recommend? I get so much lately it’s driving me insane so any support is very much appreciated.

Leave a Reply