PSDFan Extra

Design a Space Inspired Iphone Advert

Final Image

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

Step 1

Create a new document (600X700px).

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

Step 2

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

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.

Step 4

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

Step 5

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

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

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’.

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

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

Step 8

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

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%.


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.

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.

Step 12

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

Step 13

Add an Iphone icon and some very small text to the top right of your 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.

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:

Download Source File for this Tutorial


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.

Leave a comment

25 Comments:

  1. Arif says:

    good… tutorial…

  2. will says:

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

  3. Tom says:

    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 says:

    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. ???? ????? says:

    Wonderful and good

    Thank you

  6. Anil says:

    Awesome tutorial. Thanks!

  7. Mitchell klein says:

    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. Tom says:

    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 says:

    Looks good with Zune too

  10. 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. Tom says:

    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 says:

    Wonderful tutorial.

  13. Candy says:

    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. e11world says:

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

  15. indra adrianus says:

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

  16. Dhanuka says:

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

  17. Jared says:

    I’ve tried this on multiple versions of Adobe, as well as multiple computer. Every time I get to the radial gradient step, and change to color dodge. All it looks like is an extremely crappy and pixelated white blob in the middle with the colors over it. It looks like it has a lot of noise going on. What is my problem?

  18. anand says:

    nice site the best tutaral

  19. Joel says:

    Thanks for featuring my iPhone stock in this tutorial!!

  20. Gino says:

    Amazinly easy thats what you have made me to belive……Life gets better with your tutotials…I love it.

  21. sourabh says:

    Good tutorial, helped me learn about photoshop a lot.
    Check out my outcome!
    http://www.facebook.com/photo.php?fbid=10150105966401683&set=a.10150105966356683.286852.635566682

  22. Amanda says:

    The color dodge isn’t working. If tried with different blending modes but i dont get the result what you have.

    This is the result that i get:
    http://i585.photobucket.com/albums/ss291/Amoravel/Untitled-2.jpg

  23. me always learn alot from your tutorials and now again here due to google search and got another professional idea. thanks for sharing

  24. mariam says:

    I think a lot of people are having problems with the light spot step and changing the blend mode to colour dodge, it comes out very pixelated, even though it was created on a different layer.

    What I did was that I kept it on the same normal blend and reduced the opacity a bit and then moved the layer underneath the painted blurry cross.

    Hope this helps

Leave a Comment:

Cancel reply

Related Posts

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY