Home Photoshop Tutorials How to Create A Retro Style Apple Wallpaper in Photoshop

How to Create A Retro Style Apple Wallpaper in Photoshop

Hi guys, today i am posting a new tutorial on "How to Create a Retro Style Apple wallpaper in photoshop". As we all here love Apple and Mac, so i just thought why not to post some tutorial on apple. I hope you like this tutorial, so without wasting any time lets start with retro apple wallpaper tutorial.


We start with opening a new document in photoshop of 1280 x 1024 px dimensions, 72 pixel / inch resolution, and black as our background color. 

create business card

Use the settings as it shown in the image above.

Now we have a new document with one layer filled with black color as background. Click on layer 0 and rename it to "stars". In this layer we are going to create stars in the background.



While selecting "Stars" layer, go to Filter Menu > Noise > Add Noise filter. Add Noise dialog box will appear on screen. In this dialog box select the settings as shown in image below :
apple retro, retro wallpaper tutorials



Now go to Image menu > Levels or press CTRL + L . In Level dialog box change the values as shown in image below :
apple wallpaper tutorials

After doing this make a duplicate layer of "Stars" layer by doing a right click on the layer and selecting duplicate layer option. Rename this layer to "Big Stars". Now change the layer mode of "Big stars" layer to "Hard Light". Now press CTRL + T to transform this layer.

While transforming hold Shift key to transform proportional and drag one of the corner of "Big stars" layer outside the document window to make it larger then the "Stars" layer. We are doing this to make some of the stars look bigger then other for unssymmetry in background.

Till now we have only completed with our background. Now we are going to create Retro lines for our wallpaper. For this, first we have to create a brush preset.

Add a new layer above "Big stars", choose #545454 as your foreground color. Select Rectangular Marquee tool and make a selection of document height i.e. 1280px & around 50 px width. Fill this selection with foreground color and go to Edit Menu > Define Brush Preset to save this as your brush. Name it as Retro Brush.



Now select Brush as your tool and move to Brushes panel to make some settings for your new brush preset. In Brushes Panel select Retro Brush as your active brush and follow the instructions according to images given below :

how to, apple wallpaper, retro design

retro tutorial, apple tutorial

retro apple tutorial, create apple wallpaper

create retro wallpaper, apple tutorial

Also check Smoothing option in brushes panel.It will be best practice if you play with all these settings, make changes in settings and test it yourself.



Now on a blank layer make a selection of height 1280 px and width around half of your document as shown in image below: 

 free tutorial, dtp

Rename it to Retro layer and paint some rectangles in the selection area. After doing this resize the layer by pressing CTRL + T or going to Edit Menu > Free Transform option. Increase its height and then rotate it 45 degree clock wise.

Now go to Filters > Blur > Motion Blur option. In the dailog box set the angle to 45 degree and distance to 350 px and click ok. Now we have image something like this :

dtp tutorials, free dtp, apple tutorial

Now we are going to erase some part of these retro lines, so select your Eraser tool with 35% opacity and 40% flow. Erase some of the outer area and corners of retro lines.

photoshop tutorial, create apple wallpaper



Now add a new layer above "Retro Layer". Change the layer mode to "Overlay". Now Press "G" or select Gradient Tool from toolbox. In Options bar, click on gradients to select a rainbow type gradient.

After selecting gradient, Use Gradient tool diagonally in same directions of retro line like this :

 retro apple wallpaper, photoshop tutorial



Add a new layer for "Apple logo". Please search for apple logo on internet. After that copy "Apple's logo" on a new layer in center. Change the layer mode to "Overlay". After this make one duplicate copy of this layer above this and make its opacity to 30%. Thats all !

and here we have completed the tutorial on "How to create a retro style apple wallpaper in photoshop".



Here is our final image. You can view the final image preview below or view a larger version here

apple retro wallpaper, retro apple tutorial


Did you Like it? Share with others
Digg! Reddit! Del.icio.us! Google! Live! Facebook! Technorati! StumbleUpon! MySpace! Spurl! Furl! Yahoo! Ask!
Comments (31)add comment

Y Dileep kumar reddy said on : December 10, 2013  

I like this tutorial.
Procedure is very clear to learners.


Nahin said on : September 27, 2013  

It's a plenty striking and stunning creation you present here really awesome and most adorable logo and design you present here. Love it a lot.

Deep said on : December 23, 2011  

Thank you very much for this tutorial.!! i loved it. this was the first ever PS tutorial which i was able to understand without any problem or confusion.!! :) and pl add more tutorials ..!

amiee said on : April 27, 2011  

Thanks for the tutorial, really helpful stuff, keep it up
st lucia

web application development said on : April 04, 2011  

We are Logo Design professions as a Creative Logo Designer, We checked your artwork collections. Those are amazed us.

Free PSD Tutorials said on : April 03, 2011  

nice tutorial

OC Wedding Photographer said on : March 30, 2011  

Useful for other design projects as well ... Great tutorial ... Thanks!!!

Jamie said on : March 22, 2011  

This is a cool style. Will use this while I am designing my photo album. Thanks

Lighting LED said on : March 12, 2011  

Hi Khat, I particularly like retro apple it's quite fascinated. Good and easy to understand.

e commerce design said on : December 14, 2010  

I've tried it and it really was cool. I'm sharing it to my other friends as well and I'm sure they'll find it fascinating too. Thank you so much for posting this!

E commerce Design said on : December 13, 2010  

Brilliant Tutorial. . I will treasure those steps so that I can create my own style. Thank you:)

Virtual Assistants said on : November 20, 2010  

old tutorial but still looks awesom3 :) Keep it up ... Kathl33n

zulfiqar said on : October 25, 2010  

i never comment anywhere..but this blog made me comment!

Gazoomy said on : September 30, 2010  

Wow! I'm inspired!!

pedro arellano reyes said on : August 28, 2010  

me gustaria saber que modelo de tarjeta es mas visionaria

Hemanth said on : May 08, 2010  

Its awesome i really thank full to you dude

Data Cleaning said on : April 23, 2010  

Great info. I like all your post. I will keep visiting this blog very often. It is good to see you verbalize from the heart and your clarity on this important subject can be easily observed..

business card software said on : April 20, 2010  

An excellent presentation. Clear. Practical. Insightful. Shows a depth of experience. Thank you. I learned a great deal.

love said on : January 08, 2010  

This site is use full and very helpful .when i made wallpaper my own.(www.w-4-u.blpgspot.com)

lizard wijanarko said on : November 19, 2009  

is there any skipped step at step 6 like voyage said?

Manish said on : October 12, 2009  

Thanks guys for response and comments..!

it gave me more confidence to put some more useful tuts for you guys..!!

@riko if you go through this tutorial properly and very slowly.. then it wont be any prob in achieving the same result.. and that will be more helpful if you experiment with all this steps... that we help you in exploring more n more.. of photoshop

happy surfing .... n photoshoping..!!

riko said on : October 12, 2009  

heyyy gr88 tut
but i still can't get da apple logo to look like urs
plzz help
butgr88 tut

manish kumar said on : September 22, 2009  

i think this easy way to express .....................great yaar very nice ..............

Mukesh Choudhary said on : September 17, 2009  

best of luck my friend.... thanks

crissloveyou said on : September 03, 2009  

actually i take back what i said only 1 part was confusing which was the brush part figured out step 6

crissloveyou said on : September 03, 2009  

great guide until step 6 after that it became complete crap you left out a few key steps. and the brush part too was a bit iffy

gopal said on : August 29, 2009  

I like this.

Admin said on : August 12, 2009  

Hi Voyage, i m re-writing Step 6 for you and others who found it difficult to understand.

In Step 6, you have to Choose Gradient tool first. After that, go to option menu at top and there select a rainbow gradient and press OK.

Now with Gradient tool selected, Create a new layer above "RETRO LAYER" and fill it with the selected gradient diagonally.

After that, Please Change your Layer Mode from "Normal" to "Overlay" (layer mode is next to opacity bar in layer panel).

Hope this will help you. If you have any query, feel free to contact me.
God bless you.

Voyage.. said on : August 12, 2009  

Can u Please analyze the STEP 6.. cant really get the step so well..

Please i need urgent response.


mattit said on : July 19, 2009  

I made little bit different: http://hosti.info/~mattit/uplo...lpaper.jpghttp://hosti.info/~mattit/uplo...lpaper.jpg
But good tutorial :)

Girish Kolari said on : May 07, 2009  

I like much simpler tool Voila(http://digg.com/d1qMwc) then Photoshop

Write comment
smaller | bigger

security image
Write the displayed characters


Login Form

Who's Online

We have 2 guests online

Google Ads