Image preview: Design a Space Inspired Iphone Advert

Design a Space Inspired Iphone Advert

Learn how to create amazing space age lighting effects as part of a sleek, professional Iphone advert. Download the source file for this and all our other tutorials in our VIP Members Area.

Read More... 16 comments

Final Image

As always, this is the final image that we’ll be creating:

ipodad14 Design a Space Inspired Iphone Advert

If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

Step 1

Create a new document (600X700px).

Create a new layer called ’stars’ and fill your entire canvas with black:

ipodad1 Design a Space Inspired Iphone Advert

Step 2

Now go to filter>noise>add noise, and add 10% amount.

ipodad2 Design a Space Inspired Iphone Advert

Step 3

Go to image>adjustments>brightness/contrast and reduce your brightness to -40 and increase your contrast to +50. This should leave you with a stars background effect.

ipodad3 Design a Space Inspired Iphone Advert

Step 4

Using a large, soft paintbrush draw out a cross, consisting of four lines. Each line should be a different very bright color:

ipodad4 Design a Space Inspired Iphone Advert

Step 5

Go to filter>blur>motion blur. Apply a motion blur strength: 600, angle: 25 degrees.

ipodad5a Design a Space Inspired Iphone Advert

Then change this layer’s blend mode to ‘hard light’ and reduce it’s opacity to 40%.

ipodad5b Design a Space Inspired Iphone Advert

Step 6

Use your radial gradient tool to create a white to transparent gradient in the center of your canvas. Create this gradient on a new layer called ‘light spot’.

ipodad6a Design a Space Inspired Iphone Advert

Then change this layer’s blend mode to ‘color dodge’ and reduce it’s opacity to 50%:

ipodad6b Design a Space Inspired Iphone Advert

Step 7

Paste a picture of an Iphone into the center of your document.

You can download the .psd for the Iphone image here: http://joelatlas.deviantart.com/art/iphone-3g-PSD-HD-94206586

ipodad7 Design a Space Inspired Iphone Advert

Step 8

Apply an outer glow blending option: mode: color dodge, opacity: 100%, size: 20.

ipodad8a Design a Space Inspired Iphone Advert

ipodad8b Design a Space Inspired Iphone Advert

Step 9

Now create a layer beneath your Iphone layer called ‘wavy lines’. Download the brush set: Abstract Lines Vol 1. Apply many white brush strokes around the edges of your Iphone. Then change your layer mode to ‘color dodge’ and reduce your layer opacity to 30%.

ipodad9 Design a Space Inspired Iphone Advert

Step 10

Now download this awesome moon brush set:

Moon Brush Set

Make your brush color white, and apply several moons to your piece, each on a different layer. Make sure that your layers are below your Iphone layer, but above your ‘wavy lines’ layer.

ipodad10 Design a Space Inspired Iphone Advert

Step 11

Now reduce the opacity of your moon layers. Go to layer>add layer mask>reveal all. On each moon layer add a layer mask, and then drag a black to transparent gradient. This should fade away part of each moon.

ipodad11 Design a Space Inspired Iphone Advert

Step 12

Add some text to the bottom center of your document. And apply the outer glow settings shown below:

ipodad12a Design a Space Inspired Iphone Advert

ipodad12b Design a Space Inspired Iphone Advert

Step 13

Add an Iphone icon and some very small text to the top right of your advert.

ipodad13 Design a Space Inspired Iphone Advert

Step 14

Go to layer>new adjustment layer, and apply a new top layer adjustment layer with a gradient map ranging from 004D79 to 00E4FF to 004D79. Reduce this layer’s opacity to 10%. This should give a subtle blue tint to your advert.

ipodad14 Design a Space Inspired Iphone Advert

And We’re Done!

I really hope that you enjoyed this tutorial and would love to hear your feedback!

If you want to view the full sized final image, then click here:

ipodad14 Design a Space Inspired Iphone Advert

Don’t forget! If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

16 Awesome Comments: Leave Your Comment

  1. User GravatarArif 23rd January 2010

    good… tutorial…

  2. will 23rd January 2010

    I’m following your steps but when i’m supposed to set the gradient to color dodge, nothing happens.

  3. User GravatarTom 23rd January 2010

    Will: Did you create the radial gradient on it’s own layer? Also does it just stay looking like a white light spot for you?

  4. Dal 23rd January 2010

    Nice tutorial. Btw, there are some issue with blending modes. Color dodge not always fits quite right, and I think because of noise filter at space layer.
    For everybody: just keep trying and found a blend, that looks good.

  5. User Gravatar???? ????? 24th January 2010

    Wonderful and good

    Thank you

  6. Anil 24th January 2010

    Awesome tutorial. Thanks!

  7. Mitchell klein 24th January 2010

    I did it and i’m very happy with the result, have alook at it and some of my other stuff http://www.facebook.com/album.php?aid=45280&id=1065186104&l=f18c59c1be
    the albums not very big- ive only been shopping for like a week.

  8. User GravatarTom 24th January 2010

    Dal: What kinds of issues are you having with color dodge? It seems to work fine for me.

    Mitchell: I really like your result! Nice work :)

  9. Midori 25th January 2010

    Looks good with Zune too

  10. User GravatarOliver Cardiff 26th January 2010

    Great and very easy to follow tutorial. The end result looks really good and there are some nice techniques used to achieve the finished image. Can’t wait to try this out for myself. Thanks for sharing this with us.

  11. User GravatarTom 27th January 2010

    Thanks guys!

    Oliver: Please feel free to post here once you’ve tried the tutorial, I’d love to check out your outcome.

  12. nishant 18th February 2010

    Wonderful tutorial.

  13. Candy 26th February 2010

    Great tutorial, but i got some trabel finding the brushes after i downlode them. I ilke it and i will came back and finish it, later. ;)

  14. User Gravatare11world 8th April 2010

    Fairly simple but really nice. I like this tutorial a lot.. Thanks!

  15. indra adrianus 21st April 2010

    funtastic ! it’s make me easy ! but i have diffrent with STEP 6 . why ?

  16. Dhanuka 22nd April 2010

    This Tutorial is valuable Lesson. I like it !! Thanx for u !!!

Leave a Comment: