Home

About
Publish a Tutorial ($$$)
Terms of Use

All
Design
Drawing
Effects
Interface
Photo Effects
Photo Retouching
Text Effects

Sleek Phone Advertisement Flyer

print this post
download PSD file

In this tutorial I will show you guys how to make a very interesting and sleek Phone Advertising wallpaper.
Step 1

Start with a new document. My document is 7411000 and I used this color: #000412.
Step 2

Create a new layer and name it Dust. Now select your brush and set it to 0% Hardness and 250 size. Also you need to use this color: #0b4690.

Now that you have everything set just paint with the brush as I did or maybe some other way you like. Than set the Dust layer to Screen.
Step 3

Set you foreground to White and background to Black. Make a new layer and call it Clouds and go to Filter - Render - Clouds. Then set the Opacity
of the Clouds layer to 28% and set it to Multiply.
Step 4

Now you need to bring your product in this document. The phone I will use I got it from http://www.sxc.hu/photo/855196. And then cut the phone
out.
Step 5

Next you need to resize your phone to the desired size and also rotate it a bit. Name the layer Pocket PC. Also I will need you to select the mobile
pen and copy it into a separate layer and name it Pen.
Step 6

I will deactivate the Pen layer for now, as I will get back to it later. First use these settings for the Pocket PC layer Blending options:
Step 7

Ctrl + Click on the Pocket PC layer to make a selection. Create a new blank layer and fill the selection with black. Then set the layer to Soft Light.
Step 8

Create a new folder and name it Screen. Make a shape as I did, name it Screen and fill it with a gradient from up to down using the colors black and
#001f4e.
Step 9

Double click on the layer to enter the Blending Options and use these settings:
Color used is Black.

Step 10

Make a new layer over the one is step 8. Use the brush set to 0$ Hardness and size 100. Also use this color: #47c0ef.

Using the brush draw as I did on the new layer you just created.
Step 11

Next Ctrl + Click on the Screen Layer in Step 8 to make a selection. Make sure to click on the mask not on the layer thumbnail. Than click on the
Add vector mask button to mask away the part of this dust you dont want. Then set the layer to screen.
Step 12

Make another layer and the same as with the one on step 10 and 11 using the same color draw as I did. (I have hidden the other one so you can see
how I draw over this layer.)
Step 13

As you did with the layer in step 11 mask this one using the same steps.

Now set it to Opacity 40% and Screen.

Then I will activate the other layer back.

Step 14

Make a shape as I did using the Pen tool set to Shape layers. Than set the shape to Opacity 7% and Overlay. And last simply mask it to show only on
the screen. Use the same technique in step 11 to mask it.
Step 15

In this step you will duplicate 2 times the shape you just made and move them a little so that you get something similar to what I have done.
Step 16

Make a new folder and name it Round Ring. In this folder make a selection as I did and fill it with black.
Step 17

While you still have the selection go to Filter - Render - Difference Clouds. Than press Ctrl + F until you get the look you want.
Step 18

Now go to Distort - Twirl and use my settings. Also keep in mind that when you do this you have to have the clouds layer selected.
Step 19

Now you can finally deselect the layer and chose the Elliptical Marquee Tool and make a selection as I did. Than go to Select - Modify - Feather and
use a 20% Radius. Next you need to inverse the selection by clicking Ctrl + Shift + I. And last step is to simply erase the part of the twirl that is not
needed.
Step 20

Same as in step 19 make a selection in the center of the ring this time. Again go to Select - Modify - Feather and use the same 20% Radius. Than
erase using the Eraser Tool.
Step 21

Now go to Image - Adjustments - Brightness and Contrast.

Step 22

Next go to Filter - Noise - Add noise. Use a 10% Radius.

Step 23

Now go to Image - Adjustments - Levels. Use my settings.

Step 24

Next go to Image - Adjustments - Hue/Saturation and again use my settings:

Step 25

Now you need to transform the ring.

Step 26

Next you need to set the ring to Linear Dodge (Add) and erase the part that is over the phone.
Step 27

Duplicate the layer.

Step 28

Activate the Pen layer again and also move in into a Folder that you will name Stick. Also make a new layer, Ctrl + Click on the Pen to make a
selection and fill that selection with black. Then set it to Soft Light.
Step 29

Create a new layer below the Stick folder. Again make sure you have the foreground set to white and background set to black. Go to Filter - Render -
Clouds. Make a selection like I did then go to Filter - Distort - ZigZag. Use 100 for the Amount and 5 for the Ridges. For the Style use Pond Ripples.
Step 30

Now go to Edit - Transform - Distort. Distort the layer until you get the right perspective. After that, change the Blend Mode to Soft Light. Again, as
we are using Render Clouds, the results may vary. So, you might need to erase some parts to make it more realistic.
Step 31

Go down to the Clouds layer. Above that make a new layer and name it light. using the brush tool draw with white as I did. Then set it to 51%
Opacity and Soft Light.
Step 32

Make a new folder above that and name it Dots. In this folder we will brush some nice dots that will go in the back of the Phone.

Use these settings for the brush.

Step 33

Your brush color needs to be black.

Make a new layer and start brushing something close to what I have done. Than set it to Opacity 30% and Soft Light.
Step 34

Ctrl + Click on the layer to make a selection. Then create a new layer and with the Lasso Tool Right Click on the screen and select Stroke. Use my
settings. Then set the layer to Opacity 40%.
Step 35

Repeat step 34 but this time make white dots.

Step 36

Making the movement is simple. Make a new folder above the Dots folder and name it Movement.

You need to copy the phone and merge all the layers you copied into a single layer. Also move the copied Phone in the Movement folder.
Step 37

Next you need to transform the copied phone.

Move it into position and rotate it.

Step 38

Now go to Filter - Blur - Motion Blur. Use my settings:

Step 39

Copy the phone again 5 more times. Repeat step 37 and if needed step 38 to add more blur. Also Change the opacity of all the layers so that is fades
out.
Step 40

Make a new layer and place this layer on top of all the layers. Name the layer Sparkles. Now go to Brush settings and use these settings:
Step 41

In the Sparkles layer draw as I did. Use a white color. You might not have the same results. I use a tablet and this gives me better handling. Also
when you finish drawing use my settings for the Blending Options.
Step 42

Last thing we will do is to make a new folder that will sit on top of all the other layers. In this folder make a new layer.

Make a selection and using the Gradient Tool just click and drag from left to right. Make sure you use a white color for this.
Step 43

Using your Eraser Tool simply erase the gradient so it fades out perfectly.

Next set the layer to Soft Light and rotate, scale and move it into position.
Step 44

Next use the Line Tool set to 1px. Click and drag on the shape you just made like so:
Step 45

Use the Eraser Tool and erase sides so it will fade out nicely. And last set the line to Soft Light and Opacity 50%.
Step 46

Now that you know how to make this you will need to make a lot more. Before you start you can take a break and come back when you are ready.

All you need to do is to duplicate this shape as many times you want and change its settings for each different shape or redo each of them from
scratch.
Final

Before you are finished with the design you need to work more on the details and add some more things to it.

Use what you have learned here and create your own designs, as there are so many more ways to achieve what I have taught you in this tutorial.

Have fun.

www.digitalphotoshopretouching.com Ads by Goooooogle

s
Comments

1. Peter Posted on June 4th, 2008 at 1:09 pm

Fantastic. The best tutorials on the net. You are a professional. Awesome. :O

2. Rob Posted on June 4th, 2008 at 2:41 pm

Amazing tutorial! the design the idea, and everything, EVERYTHING is well explained!

A+

3. Jason Posted on June 4th, 2008 at 6:05 pm

Great tutorial. Lovely results.

4. Simon North Posted on June 5th, 2008 at 5:23 am

Very very nice, it must have taken you ages to put that together, so thanks. I will be featuring it in next Junes best Photoshop Tutorials in a
couple of weeks on my blog. Bookmarked.

5. Constantin Potorac Posted on June 5th, 2008 at 9:39 am

heh thank you Simon

6. Henri Posted on June 5th, 2008 at 3:26 pm

Very nice !! Good job

7. Danger-King Posted on June 5th, 2008 at 6:20 pm

hi .. nice tut ..
but i have a question ..

in step 40 .. in the brush preview in the second one ..

the brush seems to be thin in the first wide in the second and thin in the third .. like a tone of three priods ..
the problem is :: Ive done like the steps but is shows to me one tone all the periods are wide .. Y ??

I looking forward to see ur answer ..

 8. aysha Posted on June 6th, 2008 at 1:40 am

hi,
one of the best tutorial u have give us.
thank you

9. Constantin Potorac Posted on June 6th, 2008 at 4:51 am

I am not sure what seems to be the problem for you. You must follow the settings I have posted carefully and I am sure you will manage to get
the same effect. I think that setting up the brush like that is actually a simple process you must have done something wrong or maybe
accidentally checked/unchecked a button.

10. Whitey Posted on June 6th, 2008 at 12:08 pm

Absolutely stunning.

Thanks a LOT

11. Justin Posted on June 6th, 2008 at 12:31 pm

@ danger-king: Did you click scattering?

Nice tut, nice practice in the hours of learning the use of effects and combining them together :-)! Keep it up!

12. Rob K. Posted on June 6th, 2008 at 5:46 pm

This is a sick tutorial. I did it for the rumor and it turned out great. If you want to see it, here you go:
http://img256.imageshack.us/img256/6477/lgrumoradyk2.jpg
Once again great tutorial

13. liam Posted on June 13th, 2008 at 10:04 am

Amazing, probably one of the nicest tuts Ive ever come across. Nice work!

14. Jorge glz Posted on June 13th, 2008 at 8:06 pm

Ey man This tut Was GreaT i knew about this page true psdtuts

Tnx for the tutorial.. ill take a walk around your web hehe
 baI!

15. Izzy Posted on June 14th, 2008 at 3:14 am

Great Job!!

I saw this on flickr a couple of weeks back,

I never knew the tutorial was going to be so detailed, Fantastic work, and thankyou so much!

16. Rohil Sinha Posted on June 14th, 2008 at 10:38 am

wow man.what masterpieces you got hereyou easily beat 90% of the tutorials on psdtuts. Amazing work !! Please try and publicize more.

17. web design company Posted on June 14th, 2008 at 2:21 pm

this is great tutorial, to advertise your phone, super detailed.

18. Dylan Posted on June 18th, 2008 at 2:24 pm

Thanks man! But instead of linking to the stock image site, can you offer a download of the stock image? I cant really afford any image
accounts right now..and google images isnt of much help.

Thanks!

19. Neil Posted on June 19th, 2008 at 7:46 am

Man, this tut is awsome, lots of detail well explained. Thank you Constantine. I just recently found this site because it was posted on
PSDTUTS. Im now an official regular visitor. Thank you.

20. MB Web Design Posted on June 19th, 2008 at 1:47 pm

This is awesome, what a pro. You must have the patience of a saint to take screencaps at every step of the process though :p

21. Constantin Potorac Posted on June 19th, 2008 at 3:09 pm

*MB Web Design :))) you know I do :))

22. Constantin Potorac Posted on June 19th, 2008 at 3:10 pm

 *Dylan

I have provided the link for the image. I cannot do more. You will have to do the rest if you want to lear how to search for images yourself.
Also if you want to become a designer you will need a lot of accounts because you will need lots of resources from all over the web.

23. MB Web Design Posted on June 19th, 2008 at 5:39 pm

Constantin, I just checked out your portfolio too, absolutely outstanding work. I bet youre expensive

24. Constantin Potorac Posted on June 20th, 2008 at 9:52 am

I might be.

Soon I will upgrade my portfolio and add more works and also a new look.

25. Yash Mistrey Posted on June 22nd, 2008 at 9:26 am

Its simple & so continued tutorial

thnx , really its great too see.
thnx for submit this.
i really loved it.

26. vash Posted on June 24th, 2008 at 1:11 am

hi,

The best tutorial u have give us.

thank you

27. Tyler Posted on June 29th, 2008 at 7:45 pm

AMAZING!!!!!!!!!!!!

Great job!!! Will definitely put these effects to use!!!!!

28. Ricardo Posted on June 30th, 2008 at 2:13 am

 Very nice tutorial.
Great!

29. Raheel Bari Posted on July 1st, 2008 at 1:43 pm

Amazing im really impressed to see it this is my desire i will do this type of work

30. Raheel Bari Posted on July 1st, 2008 at 2:09 pm

kia baat hai bhai maan gaye

31. Dooda Posted on July 1st, 2008 at 8:39 pm

cmon! this is really something! It s more than 5 stars, i giv u!

Following all the steps, i couldnt get the sparkle brush shape right. How do I get the starting brush small then only it goes bigger as you did?

32. R'n'R Posted on July 2nd, 2008 at 2:09 am

mind blowing, mind creativity.!!!!!!!!!!!!!! //\/\/\/\/\/\/\@

33. R'n'R Posted on July 2nd, 2008 at 2:13 am

mind blowing, mind creativity

34. -]Phatp[- Posted on July 6th, 2008 at 6:37 am

Very sleek and neat piece. I didnt get why you used the Noise filter on the first twirl though.

35. Constantin Potorac Posted on July 6th, 2008 at 1:46 pm

It is true that the noise is not that visible but it creates a nice texture to the phone.

36. sydneyravine Posted on July 7th, 2008 at 2:21 am

Man am speechless, that the same tools i have been using is being use differently. carry on the good work!

37. CMoore Posted on July 7th, 2008 at 10:40 am

 Amazing, I love the technique you used to get the halo around the thing and to get the ripple on the screen. Its useful for a lot of things. I
especially was looking for something to make that.

38. Gro Posted on July 7th, 2008 at 11:39 pm

wow this is so awesome. I just tried it out and there are so many things that i didnt know. thank you SO MUCH. GREAT TUTORIAL

39. Benny Posted on July 9th, 2008 at 4:37 pm

Verry good work , lots of details well explained. Thank you Constantine for your time

40. allureh2 Posted on July 13th, 2008 at 7:10 pm

In adobe photoshop cs3, I cannot find the numbers of the colors you advise we use. How can i find them in my swatches?

41. Panther Posted on July 15th, 2008 at 4:11 pm

Wow, talk about well documented for each and every step! Awesome work, both creative and informative.

42. Andrew Posted on July 16th, 2008 at 3:54 pm

Beautiful result, thanks for sharing!

43. Janati Posted on July 17th, 2008 at 3:25 am

so nice .I believe this is a best tutorial in the net .

44. David Posted on July 17th, 2008 at 5:24 pm

Really nice techniques. Its many hours of experimenting so appreciate it a lot!

45. Zaigham Posted on July 18th, 2008 at 1:35 am

Though I dont use Photoshop very much, but I love your tutorial and will try it in Fireworks :P

Thanks for writing such a detailed and nice tutorial.

46. Danger-King Posted on July 22nd, 2008 at 5:56 am

 Yes I Did like what you did in the tut ..
but the preview for the brush is different than mine ..

one again .. nice tut ..

47. imsraaia Posted on July 25th, 2008 at 3:10 pm

Very Nice

48. karaivanov Posted on July 27th, 2008 at 7:19 am

very nice indeed - thanks for sharing it.

49. SYED Posted on July 27th, 2008 at 8:29 am

WOnderfullllllll
MAN!!!!!!!!
Thanks

50. Raj Posted on July 28th, 2008 at 1:24 am

one of my best photoshop tutorial

Thanx!

51. Lee Graham Posted on July 30th, 2008 at 8:14 am

WOW! fabulous tutorial!

52. Desu Posted on August 3rd, 2008 at 12:34 pm

Awesome!! Great tutorial!!

Thanks

53. kgokce Posted on August 7th, 2008 at 8:15 am

thank you. very good work.

Not : Im a little know english.

54. Steve Posted on October 3rd, 2008 at 10:54 pm

Incredible work. Nice tutorial as well.

55. PONO GODIRAONE Posted on October 20th, 2008 at 11:53 am

hey!thats really great idea and cool effects and am glad cauze u manage to share diz with us.thank a lot

56. zavragiu Posted on December 15th, 2008 at 9:41 am

All my respect for this tutorial. Its great. RESPECT!

57. Khan Posted on January 24th, 2009 at 7:08 pm

Awesome! One of the BEST PS tutorials that I have seen in a longggg time Very dtailed too thanks for sharing this .. Hope to see more
of such stuff! Cheers!

58. 200830PHOTOSHOP - cwb526 Posted on February 11th, 2009 at 6:40 am

[...] Sleek Phone Advertisement Flyer [...]

59. DS Lite (Graphic Design) Designs Of An Aspiring Graphic Designer Posted on February 13th, 2009 at 10:41 pm

[...] a background I did for my boyfriends blog about nintendo games. I followed this tutorial. I think it came out pretty nice. Please comment
and tell me what you [...]

60. DS Lite (Graphic Design) Designs Of An Aspiring Graphic Designer Posted on February 13th, 2009 at 10:50 pm

[...] a background I did for my boyfriends blog about nintendo games. I followed this tutorial. I think it came out pretty nice. Please comment
and tell me what you think. Possibly related posts: [...]

61. sunil rome Posted on February 21st, 2009 at 7:52 am

my god its a magnificant tutorial i didnt see in an previous tukorial

very very nice

62. nick Posted on March 4th, 2009 at 8:41 am

This is the best tutorial i have ever seen. The content wasnt what i needed. But its so detailed that it help me on some effects i wanted to
 achieve that looked similiar.

Thanks a lot .. and i hope u keep ur tutorials up like this one

Greetings Nick

63. FTH Posted on March 8th, 2009 at 8:11 am

A++

64. Sarah Posted on March 8th, 2009 at 9:00 pm

Incredible tutorial thanks for these fantastic details - Just because it takes many steps doesnt mean its not worthwhile most people think
that artwork can come in a flash (no pun intended), but it has to be worked at.

Again, thank you for sharing this.

65. Edi Sarwono Posted on March 9th, 2009 at 12:02 am

Kereeeen Banggets (indonesian language.. it means awsome)

I will follow ure next tut, thats for sure.

66. Olek Posted on March 16th, 2009 at 5:17 pm

You can do so much in one program This tutorial is just the most useful, detailed and amazing tutorial I seen so far! And I really want to say
thanks!!
no. 1 Photoshop tutorial!

67. 28 Photoshop Dersi | Yaz yazyoruz! Posted on March 18th, 2009 at 12:01 pm

[...] ve rn Tasarm lgin ve gzel bir telefon reklam duvar kad. Bu rehber ilgin ve gzel grnml bir telefon reklam duvar kad
hazrlamann [...]

68. Awesome Photoshop tutorial blogs that you should bookmark Posted on March 20th, 2009 at 8:34 am

[...] Sleek phone advertisement flyer [...]

69. FilGraphix Posted on April 20th, 2009 at 12:41 pm

 this is SICK, awesome dude, YOU ROCKKKKKK..

70. hamza Posted on May 2nd, 2009 at 6:59 am

woh what a tutorial thanks

Have Something to Say?

Name (required)

Mail (will not be published) (required)

Website

c
d
e
f
g Notify me of followup comments via e-mail

say it

Advertise Here
RSS Email

Search
Search

Recent Posts
The Chronicles of Narnia Logo
Gold jewelry design
The RoboHorse - Turn Ordinary Animal to a Robot
The Art Institute Photoshop Template
Photoshop Space and Planet Scene
Starcraft 2 wallpaper design
Designing a war movie poster
Snail race photo montage
Candy Flavour Coloring
Star Wars text effect
Sponsored Links
Wedding Planning Guide
Car Moving Company
Best Credit Cards
Mars Exploration
Online Movie Reviews
Social Anxiety Disorder
Auto Transport

Copyright 2007-2008 Tutzor All Rights Reserverd - Best Photoshop Tutorials