Sign In  |  Join Now Become a member to add links and start earning points!

Create a 3D Glossy Box Logo in Photoshop

Step 1 – Creating the Background

Choosing colors for a background is important because it will influence how your image stands out. Since we are going to be creating a vibrant glossy box, let’s use a dark background. Create a new document, mine is 256x256px for the purpose of this tutorial. Set a dark gray, #363636, as your foreground color and black, #000000, as your background color.

Once you have your colors selected, grab your Gradient Tool and create a radial gradient near the center of your document as shown in the image below.

Since we want the box to appear as though it is on a surface and not floating in the air, we are going to add another gradient. On a new layer, make a selection about 90px tall from the bottom of your document (depends on the size of your document). Create a radial gradient closer to the left side and towards the top of the selection so that it looks like the one in the image below.

Step 2 – Creating the Box

Now that we have our background, we need to create our actual box. To begin, simply create a selection about 100x100px and fill it with a nice blue color, such as #0062b3.

Since we want our box to have some perspective, we are going to need to transform it by going to Edit > Transform > Perspective. Bring the top right and bottom right corners of the box towards the center of the side a small amount and complete your transformation.

Then go to Edit > Free Transform and drag the right side to the left a small amount, to compensate for the perspective that you applied. You want your box to look like a square, keeping in mind how perspective affects the way your eyes see an object.

Now that we have the right shape, let’s change the color. Grab your linear gradient tool and create a light blue (#0080c3) to dark blue (#004893) gradient from the bottom left to the top right of the box.

With the right side of the box complete, lets move on to the left side. Create a duplicate (Right click layer > Duplicate) of the right side of your box and flip it horizontally (Edit > Transform > Flip Horizontal).

Then simply apply another perspective transformation (Edit > Transform > Perspective) of greater value, and drag the left side in even more. This will give the illusion that the left side of the box is viewable, but it is not the main side of the box. Depending on your tastes, you may want to create a new linear gradient for the left side to make it look a little more unique.

Notice that my box is near the center of the gradient for the surface we created. It also is low enough so that it appears that the entire bottom of the box is touching the surface. It is coming along great!

Step 3 – Creating the Gloss Effect

We have a great looking box already, but the style we are going for is glossy. We are going to accomplish this using a few different steps which can be difficult sometimes, so take your time here.

Lets start by applying a layer style effect called Satin to both of our box layers. this is going to give the box a neat effect that looks great underneath the gloss. It will also make the edges a little brighter than the center of the box, which matches the effect that I wanted.

On a new layer, make a selection of your right box layer by Ctrl+Clicking on the thumbnail for the layer. Grab your linear gradient tool and change it to Foreground to Transparent, with white (#FFFFFF) as your foreground. Create a gradient from the bottom left to the top right of the selection. Once the gradient is created, lower the Opacity of the layer to around 20%.

Now grab your Polygonal Lasso Tool and select part of the bottom of the gradient and delete it.

Repeat the process for the left box, making sure that the area of the gradient that you delete fits with the perspective of the box. I also lowered the opacity of the left gloss to around 10% or 15%.

Step 4 – Placing the Type

Choose a font type that you would like to use for your text, I chose Myriad Pro set to Bold and 60pt size.

Now, I want the text to fit along the same perspective of the box, but Photoshop doesn’t allow perspectives to be placed on text. To get around this, right click the text layer and go to Rasterize Type. This will change the text layer into a normal object layer. Now I can apply a perspective to it, and I will do the same things I did for the right box, bring the top right and bottom right sides in and move the right side to the left a little.

Then apply the following layer styles:

Gradient Overlay



I’m going to place some extra text around my image and use Gradient Overlay effects to give them a unique look.

Step 5 – Creating the Reflection

Our image looks pretty good at this point and we could stop if we wanted to. However, this isn’t the effect I was going for. I really want my image to stand out with vibrant glows and colors, so let’s keep adding some effects.

Drag both of your box layers and both of the gloss layers into a new group (Layer > New > Group). Then duplicate that group (Right click layer > Duplicate). Go to Edit > Transform > Flip Vertical to flip the new layer group upside down.

Now we need to make the sides of the reflection touch the sides of the box, so shift+click the right box layer and the right gloss layer inside of your reflection group. Go to Edit > Transform > Skew and drag the right side of the layers up until they meet with the bottom of the box. Do the same for the left side of the box. Then lower the opacity of the group to around 50%.

Step 6 – Making the Box Glow

As of now, our box just looks like a blue colored box sitting on a reflective surface. I want to give the appearance that the box is glowing, so that it increases the dramatic look of the image.

Go back down to your table layer and make a new layer above it. Ctrl+click the thumbnail for your table layer to make a selection of it. Now grab a large soft brush, mine is around 300px, with a color to match your box, #196dad. Make a single brush mark that centers around your box.

Now create a layer underneath the table and make another brush mark to go over the background. Lower the opacity of the layer to around 50%.

Step 7 – Creating the Sky Lights

I’ve almost got the results I set out for. The box immediately grabs attention and has a nice glow to it, but it isn’t as vibrant as I want it to be. Adding some sky lights should help.

Create a new layer underneath your box group. Make a selection of the right box, and move the selection up about 30-50px. Make a white to transparent gradient in your selection and lower the opacity of the layer to 50%. Then apply a new gradient overlay:

Repeat the same process for the left box.

Finally, on a new layer, use a 5px brush with a nice light color, such as #54e0ff, and brush at the three viewable corners. Then use a larger soft brush, such as a 30px brush, and erase the tips to make them look more like sky lights.

Experiment and Expand

As always, try new things and different styles. You’d be amazed at what things you can come up with on accident. By adding a curves layer (Layer > New Adjustments Layer > Curves) I can make the box appear more vibrant.


  1. Add point Subtract point
    James (-9 Points) March 22, 2011 at 10:51 pm

    Is There Different Steps For PhotoShop Elements For Mac Cus Most Of These Steps Dont Add Up

    Flag as inappropriate
  2. Add point Subtract point
    Awesome Guy (2 Points) February 18, 2011 at 4:15 am

    This tutorial is awesome…
    thanks a lot i was looking for something like this.

    Flag as inappropriate
  3. Add point Subtract point

    Elo m8 ,

    .How would i download this logo onto my website (made in Dreamweaver) once i have made it ?
    .Would it work as a button on my website (made in Dreamweaver)

    Thank you

    Flag as inappropriate
  4. Add point Subtract point

    Hi Tyler,

    I followed this tutorial step by step, and my box came out beautiful!! Thanks a lot for this tutorial.

    I have one little question: Is there a simple way to have the box in multple color like your last pic? I want to re-use my box in different colors, without have to do all the work over and over.
    If you have a nice trick on how to achieve this, you are even cooler!! :-)

    Thanks a lot!


    Flag as inappropriate
  5. Add point Subtract point
    John (-3 Points) January 4, 2011 at 2:39 pm

    Hello, i just wanna ask one question. in step 7 as u said “make a selection and move it up” but i can’t cuz the selection is empty on that layer. how can i do that?

    Flag as inappropriate
  6. Add point Subtract point

    This is really cool! THanks! :)

    Flag as inappropriate
  7. Add point Subtract point
    fhyio (-4 Points) December 6, 2010 at 6:37 pm

    Hi There,

    I seem to be having a problem with the box. Once I make a selection and then fill with a gradient and transform the perspective of the box. It goes all jagged, I know that anti-alias is on but isn’t really working. I saw a comment about resizing the box, however, the box created is 100 x 100 pixels like in the tutorial. Any help would be appreciated, as I have come across this problem before and would like to make everything smooth, like logos on the web.

    Thank you,


    Flag as inappropriate
  8. Add point Subtract point
    Patrick (0 Points) December 1, 2010 at 1:34 am

    Very cool tutorial. I knew how to do the standard 3d box but that glow at the top of the box looks like the box is opening which is very cool.

    Flag as inappropriate
  9. Add point Subtract point

    plz help me.. m not able to apply linear gradient tool in step 2..after free transformation..m sure m i’m missing smthng, also while in step 1 .. i didn’t get same background as shown. radial tool is making rings.. m new to photoshop..n i really need this glossy box ..smbdy help me out.. could u plz tylor!! :(

    Flag as inappropriate
  10. Add point Subtract point

    Nice tutorial, i needed a glossy cube.. came across this and done it instead!

    Flag as inappropriate
  11. Add point Subtract point
    Atestat informatica (0 Points) October 21, 2010 at 2:13 pm

    I will use this tutorial to designa logo for my website: .Very nice tutorial ,keep it goin’.

    Flag as inappropriate
  12. Add point Subtract point

    That was great. Very polished style. Would you create some more tutorials on creating the glossy effect.

    Flag as inappropriate
  13. Add point Subtract point
    harry gutierrez (-1 Points) October 4, 2010 at 10:07 am

    coul you send me the psd plis

    Flag as inappropriate
  14. Add point Subtract point
    Isaiah (-1 Points) October 3, 2010 at 2:02 pm

    I love the design, but I can’t figure out the sky lights. Does anyone know what type of gradient to use, what colors to use (#blahblah), and any other tips to make the sky lights? Also, please don’t leave a comment telling me something like, “Don’t even bother trying them…”. I really want to put sky lights on mine for a website I’m trying to make. Any help is appreciated!

    Flag as inappropriate
  15. Add point Subtract point
    tbenmcp (-1 Points) September 23, 2010 at 10:09 pm

    Awesome…this tutorial will be the best on the Internet if it’s in Video…excellent work..!

    Flag as inappropriate
  16. Add point Subtract point
    SY Ent. (-1 Points) September 23, 2010 at 6:50 am

    I love the tut and got through all of it besides the light part of the sky lights as i cannot get the brush part on it right..

    Flag as inappropriate
  17. Add point Subtract point
    Professional Website Designers (-1 Points) September 19, 2010 at 2:29 pm

    Thank you. I have just followed your tutorial and am very impressed with the result.

    Flag as inappropriate
  18. Add point Subtract point
    Logo Design Mart (0 Points) September 17, 2010 at 12:09 am

    How usefull is this, I´ll apply this technique to make a 3d software box that I need to design, nice tut!!

    Flag as inappropriate
  19. Add point Subtract point
    Bat dong san (-1 Points) September 4, 2010 at 11:34 pm

    very nice, thank you share

    Flag as inappropriate
  20. Add point Subtract point
    Oyunlar (0 Points) August 26, 2010 at 9:34 pm

    nice tutorial.. very helpful..

    Flag as inappropriate
  21. Add point Subtract point
    Puneet (-1 Points) August 24, 2010 at 7:32 am

    Really nice tutorial. I am bound to give it a try.

    Flag as inappropriate
  22. Add point Subtract point
    zazanya (0 Points) August 23, 2010 at 6:14 am

    I really like it! Thank you for your effort!

    Flag as inappropriate
  23. Add point Subtract point
    Ko Kyi Naing (0 Points) August 22, 2010 at 6:57 am

    Wow!!!!!!!!!!! Great.
    Thank a Lot…

    Flag as inappropriate
  24. Add point Subtract point
    Trowa (0 Points) August 9, 2010 at 5:25 am

    Can any1 tell me where i can find the program to make a logo?

    Flag as inappropriate
  25. Add point Subtract point
    panggonepian (0 Points) July 31, 2010 at 4:23 am

    amazing tutorial .. very helpfull :)

    Flag as inappropriate
  26. Add point Subtract point
    dia oc (0 Points) July 26, 2010 at 12:57 am

    I enjoyed this article really nice
    Thank you for sharing

    Flag as inappropriate
  27. Add point Subtract point
    David (-1 Points) June 4, 2010 at 4:48 am

    Really great. Thank you so much.

    Flag as inappropriate
  28. Add point Subtract point
    JS (-1 Points) May 19, 2010 at 3:48 am

    Cool tutorial! It’s simple yet the end product is simply beautiful. I managed to ask my designer at LogoDesignStation to incorporate this into my logo design. Thanks for the inspiration. Now I have a logo that looks simply perfect.

    Flag as inappropriate
  29. Add point Subtract point
    John Smith (0 Points) May 18, 2010 at 10:45 am

    Amazing…so easy to do too!

    Flag as inappropriate
  30. Add point Subtract point
    1337 (0 Points) May 17, 2010 at 2:33 am

    i cant get through step 6, any help ?

    Flag as inappropriate
  31. Add point Subtract point
    May Phat Dien (0 Points) May 13, 2010 at 4:53 am

    thank for you. This is a very big help, thanks ^^

    Flag as inappropriate
  32. Add point Subtract point
    Web Design (0 Points) April 26, 2010 at 7:49 pm

    Amazing! loved it thank you

    Flag as inappropriate
  33. Add point Subtract point
    Chandu (0 Points) April 13, 2010 at 7:48 am

    Plz Brother Can u make another logo for me…plz plz…Its named –> IT CLUB…and in a nice design ..plz brother plzzzzz

    Flag as inappropriate
  34. Add point Subtract point
    pontois (0 Points) March 30, 2010 at 11:17 am

    Hi and thanks for this tutorial,
    can you send me the psd file, i’m french and the step 5 is hard to understand.

    best regards

    Flag as inappropriate
  35. Add point Subtract point
    eden2020 (0 Points) March 18, 2010 at 3:08 am

    I need to recreate about 50 of these, and i need all of them to have the same position and perspective. Does anyone know how to make a template? Also, my box has text on it, so the front side is a flattened image. Thx.

    Flag as inappropriate
  36. Add point Subtract point
    Punkiyum (-1 Points) March 17, 2010 at 5:11 am

    Really Nice and Effective Tutorial, Thank you :)

    Flag as inappropriate
  37. Add point Subtract point
    Logo Design Monster (0 Points) March 2, 2010 at 9:01 am

    I really like the glow style effect looks really great. Thank you for sharing an excellent tutorial.

    Flag as inappropriate
  38. Add point Subtract point
    abohabeba (0 Points) February 26, 2010 at 2:19 pm

    thank for you this is nice lesson

    Flag as inappropriate
  39. Add point Subtract point

    This is a big help, thanks . . .

    Flag as inappropriate
  40. Add point Subtract point
    WhisperiN (0 Points) February 15, 2010 at 8:16 am

    That’s brilliant..

    Thanks for the tutorial.

    Flag as inappropriate
  41. Add point Subtract point
    Ameen Khan (0 Points) February 13, 2010 at 4:23 am

    Man this is really COOL !!!!!!!!

    Great piece of work.

    Flag as inappropriate
  42. Add point Subtract point

    For those people who have problems with Step.2 ; you can use distort after perspective, if you couldn’t rush the box. I solved my problem by using this way. Hope this works for you too. Thanks for reading.

    Flag as inappropriate
  43. Add point Subtract point
    ดาวน์โหลดเพลงฟรี (0 Points) February 3, 2010 at 1:13 am

    Thanks for your post , Great post.34

    Flag as inappropriate
  44. Add point Subtract point

    Thanks for the nice Tutorial, i search for a new idea for my Logo. I will test it the next time like this art.

    Flag as inappropriate
  45. Add point Subtract point
    เพลงใหม่ล่าสุด (1 Point) February 1, 2010 at 11:15 pm

    Thanks for your post , Great post.27

    Flag as inappropriate
  46. Add point Subtract point
    เพลงใหม่ล่าสุดเดือนนี้ (0 Points) February 1, 2010 at 1:20 am

    Thanks for your post , Great post.22

    Flag as inappropriate
  47. Add point Subtract point

    Great reading! Thanks for sharing

    Flag as inappropriate
  48. Add point Subtract point

    Hey there, its awsome to see the boxes with this glow.

    I have some problems with step2. my boxes sites

    are looking like steps – they are not plain (pixelized)

    How can I correct it?


    Flag as inappropriate
  49. Add point Subtract point
    DINESH (-1 Points) January 13, 2010 at 2:42 am

    nice but u could give more thing to insert

    Flag as inappropriate
  50. Add point Subtract point
    SALVIO CUCOLO (0 Points) December 30, 2009 at 9:12 am

    Incredible. Sensational tutorial. My brand´s company looks like the same. I´ll use this effects in any action i supposed to do so.
    Thanks Salvio

    Flag as inappropriate
  51. Add point Subtract point

    guys i need help on make a logo can any of u guys tell me how to do it if u guys can be helpfull

    Flag as inappropriate
  52. Add point Subtract point

    Creating the gloss effect STEP 3 and creating the reflection STEP 5 especially not reallyunderstandable.

    When i flip vertically my image goes directly on top of the existant. Can some one explain why?

    Am i also supposed to make new layers for the gloss effects?

    I need this done :(

    Can someone send me the file correct to follow step by step pls??

    Flag as inappropriate
  53. Add point Subtract point

    Wow! it’s just simple but awesome.. PLs keep me posted..

    Flag as inappropriate
  54. Add point Subtract point

    Can you please set on this page the PSD file?

    Flag as inappropriate
  55. Add point Subtract point
    philippe (0 Points) November 13, 2009 at 2:53 pm

    great, may we have the psd somewhere ?

    Flag as inappropriate
  56. Add point Subtract point


    But to make it look more prefect, I suggest that the words “PS” in the box should have the shadow effect (I am not sure which shadow effect should be used). Am I right? If my suggestion is good, can the “beauty photoshop lady” update this tutorial to teach my how to do my suggestion.


    Flag as inappropriate
  57. Add point Subtract point

    Thank you somuch for this tutorial and the time spent hereon. However, being new to photoshop, I got stuck on this statement –”On a new layer, make a selection about 90px tall from the bottom of your document (depends on the size of your document). Create a radial gradient closer to the left side and towards the top of the selection so that it looks like the one in the image below.– this all came from step 1. In essense I can’t make a similar image.

    Please assist where possible
    thanking you in advance

    Flag as inappropriate
  58. Add point Subtract point

    This looks amazing. Thanks for the tutorial.

    Flag as inappropriate
  59. Add point Subtract point
    kuemerle5 (0 Points) September 25, 2009 at 1:40 am

    Would it be possible to get the PSD for this tutorial? Thanks!

    Flag as inappropriate
  60. Add point Subtract point

    Once again – another brilliant tutorial!
    thank you so much!
    it looks really good. keep up the great work.

    you rock!

    Flag as inappropriate
  61. Add point Subtract point
    browsethis (0 Points) August 28, 2009 at 12:56 pm

    awesome dude, keep doin’ it.

    Flag as inappropriate
  62. Add point Subtract point

    Hi there…

    Do you have a copy of this psd i could take a look at please?

    I cant do the beginning radial gradient for the life of me.


    Flag as inappropriate
  63. Add point Subtract point

    wow,i’m from italy.
    i’ve never seen before a nice tutorial like this. that looks good.

    Flag as inappropriate
  64. Add point Subtract point
    Da Bomb Squad (0 Points) August 7, 2009 at 7:51 pm

    whooa! that looks brilliant! thank u so much! :D

    Flag as inappropriate
  65. Add point Subtract point
    photofun (0 Points) July 24, 2009 at 2:58 am

    Awesome :)

    Ive been looking at tutorials all day, and this is definetly the best ive seen.

    I’d love to see everything you can do :)

    Flag as inappropriate
  66. Add point Subtract point
    Bartnuh (0 Points) July 22, 2009 at 5:38 pm

    Can someone please help me out in the gradient part..
    before the polygonal tool step… :)

    Flag as inappropriate
  67. Add point Subtract point

    I really like this tutorial.

    Flag as inappropriate
  68. Add point Subtract point
    Mathew (0 Points) July 15, 2009 at 8:41 am

    I’ve run into a bit of trouble at making the lights on top. For some reason, when i create the new layer and ctrl+click to select the right side box layer, I can’t move the selection up because the selection is empty. It’s SUPPOSED to be empty, isn’t it?

    Flag as inappropriate
  69. Add point Subtract point
    manu T (0 Points) July 14, 2009 at 9:23 am

    its nice job ……….. pls can you tell me how can we use it in stage desine in tecnicle unit ? and can we work out as apracticle

    Flag as inappropriate
  70. Add point Subtract point
    Peter Mikhael (0 Points) July 12, 2009 at 5:56 pm

    thx for the tutorials :). I have a tutorial 3d logo design – Logo Design behind the Scenes. I use Adobe Photoshop, Autodesk Maya, Adobe Illustrator, and Adobe after Effects, Adobe Flash and Adobe Dreamweaver. so the final logo ready for printing, TV production and Web Publishing.

    Flag as inappropriate
  71. Add point Subtract point
    Cyrus (0 Points) June 29, 2009 at 5:01 am

    Good tutorial .. Thanks .. Good work

    Flag as inappropriate
  72. Add point Subtract point
    Shubhamoy (0 Points) June 24, 2009 at 11:43 am

    Hi Tyler,
    Really a great article and most importantly the way you explained but it would have been better if you could have attached the .PSD file. Please mail me the file @ my mail id.


    Flag as inappropriate
  73. Add point Subtract point
    Bala (0 Points) June 12, 2009 at 1:53 am

    Thanks man great tutorial with simple instructions
    keep up the good work

    Flag as inappropriate
  74. Add point Subtract point
    FcHunter (0 Points) June 11, 2009 at 8:51 pm

    This very nice tutorial. İ love photoshop.
    Thank you.

    Flag as inappropriate
  75. Add point Subtract point
    Netdancer (0 Points) June 11, 2009 at 12:21 pm

    Try adding a motion blur to your skylight layers and to your reflection layers, Adjust to your preference Looks really cool.

    Flag as inappropriate
  76. Add point Subtract point
    منتديات ماى بكتشرز (0 Points) June 11, 2009 at 6:01 am

    wow WonderFul effect

    Flag as inappropriate
  77. Add point Subtract point
    lean (0 Points) June 9, 2009 at 4:24 pm

    thank you, simple and cool!!!

    Flag as inappropriate
  78. Add point Subtract point
    Alexandre Broggio ( Brasil ) (0 Points) June 5, 2009 at 9:57 pm

    Nice work ^_^

    Flag as inappropriate
  79. Add point Subtract point
    kreatos (0 Points) June 5, 2009 at 7:11 pm

    in the second step where you made a new layer of 90px can someone please explain pls, i been using the transform tool but it doesnt give the same result

    Flag as inappropriate
  80. Add point Subtract point
    Sergio Fraiman (0 Points) May 22, 2009 at 8:45 pm

    It was good if you leave the .psd copy to download….

    Flag as inappropriate
  81. Add point Subtract point
    barbie not the doll (0 Points) May 21, 2009 at 4:35 pm

    wow…I like this tutorial it was easy to follow and the results are awsome! keep up the good work! :)

    Flag as inappropriate
  82. Add point Subtract point
    WiiKokAiN (-1 Points) May 14, 2009 at 10:15 am

    I’d also like a psd of it! It’s easier to train with it =)

    Flag as inappropriate
  83. Add point Subtract point
    Kishan Bagaria (0 Points) May 12, 2009 at 5:14 am

    Can you give me the PSD file of it?

    Flag as inappropriate
  84. Add point Subtract point
    Sander (0 Points) May 6, 2009 at 10:23 am

    this is very cool it looks like the original Photoshop logo and now i designed it myself, Im only 14 and from the the netherlands and I could still understand everything

    Flag as inappropriate
  85. Add point Subtract point
    bobobo (0 Points) May 4, 2009 at 11:56 am

    step 7 is really confusing me
    can someone clarify??
    and im doing this on photoshop 7 so im not sure i have the layer group option

    Flag as inappropriate
    • Add point Subtract point
      Rene (0 Points) May 7, 2009 at 11:33 pm

      what I did was create new layer > Polygonal lasso the shape of the the which ever side of the cube you’re working on > with the move tool I pushed up the selection almost to the top of the box so as to give you room so when applying the gradient. Leaving room allows you that soft faded look, similar to light fading into the night sky. Hopefully this post makes sense cause I’m tired as heck from working on this tut. :)

      Flag as inappropriate
  86. Add point Subtract point
    huwaw69 (0 Points) May 2, 2009 at 9:08 am

    great tutorial man! by the way what is the meaning of “PS”

    Flag as inappropriate
  87. Add point Subtract point
    chetan Madaan (0 Points) May 1, 2009 at 2:20 pm

    Thanks a Bunch guys! this is a really good comment.

    Flag as inappropriate
  88. Add point Subtract point
    grazie (0 Points) April 24, 2009 at 6:43 am

    tnx bro,

    really cool stuff, helping out lots of us younger designers..

    keep up the good work, kudos to you!

    Flag as inappropriate
  89. Add point Subtract point
    subhashis (0 Points) April 20, 2009 at 2:46 am

    Good job……… thanks.

    Flag as inappropriate
  90. Add point Subtract point
    Candan (0 Points) April 19, 2009 at 2:56 pm

    Thanks. Very succesfully

    Flag as inappropriate
  91. Add point Subtract point
    Chris (0 Points) April 15, 2009 at 5:51 am

    This entire website is just inspirational. Thanks a lot!

    Flag as inappropriate
  92. Add point Subtract point
    [r.i.c.o] (0 Points) March 31, 2009 at 2:04 pm

    i’m seems difficult for me coz d’ instruction not as complete as david leggett’s tutorial.

    Flag as inappropriate
  93. Add point Subtract point
    [r.i.c.o] (0 Points) March 31, 2009 at 1:26 pm

    no .psd download?
    i can’t figure out this “On a new layer, make a selection about 90px tall from the bottom of your document (depends on the size of your document)”.

    Flag as inappropriate
  94. Add point Subtract point
    Patricia Ann (0 Points) March 30, 2009 at 11:10 pm

    This is brilliant, totally love how it turned out. Please mention making layers the next time even to those who are non-beginners. It’s always nice to be reminded.


    Flag as inappropriate
  95. Add point Subtract point

    This would’ve been easier if it was mentioned the need to create new layers.

    Flag as inappropriate
  96. Add point Subtract point
    photogirl (1 Point) March 23, 2009 at 7:37 am

    thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

    Flag as inappropriate
  97. Add point Subtract point

    Wow… I really love it. It’s an awesome tutorial and very well explained. Immediately led me to bookmarking your fantastic page.

    Flag as inappropriate
  98. Add point Subtract point
    maapatasalaposters(jockshay) (0 Points) March 22, 2009 at 8:38 am

    It’s very good suggestions for new talents easy understand to everyone in adobe photo shop. Thanks for your Co-operation ( )

    Flag as inappropriate
  99. Add point Subtract point
    DesignPakistan (0 Points) March 19, 2009 at 2:38 pm

    That’s the coolest thing I have ever seen with photoshop.
    I will try to make such graphics for my website

    Flag as inappropriate
  100. Add point Subtract point
    Reiner (0 Points) March 5, 2009 at 10:02 am


    awesome tutorial!
    question: If you select 2 layers (tablelayer + new layer), you can’t brush it (“could not use the brush tool because more than one layer is selected”).
    How can I solve this?

    Thank youuuuu

    Flag as inappropriate
  101. Add point Subtract point
    gheisar (0 Points) February 27, 2009 at 4:04 pm

    that is one of the greatest tutorials that i have seen yet.

    Flag as inappropriate
  102. Add point Subtract point
    Steeeezi (2 Points) February 27, 2009 at 12:11 pm

    Hey, that is awesome !
    I made one, give me some advice pls :-s

    Flag as inappropriate
  103. Add point Subtract point
    Mark Scerri (-1 Points) February 27, 2009 at 10:30 am

    One of the best logo tutorials!! Well done!

    Flag as inappropriate
  104. Add point Subtract point

    woooooo love this thing XD i have to try it

    Flag as inappropriate
  105. Add point Subtract point
    Jate Earhart (0 Points) February 12, 2009 at 6:50 pm

    Your amazing for your age!

    Keep up the good work :)

    Flag as inappropriate
  106. Add point Subtract point
    rajeshkumar (0 Points) February 11, 2009 at 4:00 am

    wow! good looking and simple to develop.
    gr8 work!

    Flag as inappropriate
  107. Add point Subtract point
    ramoji (0 Points) February 9, 2009 at 8:38 am

    wow its really amazing..thanks man,, i’ll try it

    Flag as inappropriate
  108. Add point Subtract point
    Allison (0 Points) February 3, 2009 at 2:59 am

    Very slick tutorial. Thanks!

    Flag as inappropriate
  109. Add point Subtract point
    Bin Sultan (0 Points) January 24, 2009 at 9:47 am

    I tried doing it . it have looked very beautiful .
    thank you ,,,

    Flag as inappropriate
  110. Add point Subtract point

    I’ve never seen a tutorial that is not partly missing… including this tutorial, something is missing… especially the glow effects around the box…. they aren’t revealing all the details…

    Flag as inappropriate
  111. Add point Subtract point
    Barrock (0 Points) January 8, 2009 at 7:10 pm

    wow, its really awesome simple tutorial, thanks man,, i’ll try it

    Flag as inappropriate
  112. Add point Subtract point
    addict (0 Points) January 7, 2009 at 6:44 am

    Great stuff thank you !

    is there any way to pick up the final psd as my final rendering is not as glossy as yours (sky lights are not easy :-( )

    thank you

    Flag as inappropriate
  113. Add point Subtract point

    @belphagor: This is Adobe Photoshop. You can pickup a 30 day trial on ;)

    Flag as inappropriate
  114. Add point Subtract point
    Wp Themes (0 Points) January 1, 2009 at 7:07 am

    Nice and easy to understand, well done guys

    Flag as inappropriate
  115. Add point Subtract point
    belphagor (0 Points) January 1, 2009 at 5:10 am

    wats the program they use called

    Flag as inappropriate
  116. Add point Subtract point
    NetOperator Wibby (0 Points) December 28, 2008 at 10:16 am

    Ooh, this would make an interesting icon set. Thanks for the tut!

    Flag as inappropriate
  117. Add point Subtract point


    This is an amazing tutorial!

    However, I am having some issues with Step 3. Everything’s perfect up until I have to add the gradient in a new layer by clicking the other layer. I try, but it doesn’t work for me. Maybe it’s just me :) Help please and thank you!

    Flag as inappropriate
  118. Add point Subtract point

    Really good tutorial, very informative

    Flag as inappropriate
  119. Add point Subtract point
    Benny1012002 (0 Points) December 13, 2008 at 6:27 pm

    Brill tutorial! I found it easy to follow but had a bit of trouble getting the perspective right.

    I’ve subscribed, looking forward to the next one!


    Flag as inappropriate
  120. Add point Subtract point

    @Brandon: In order to add text, you need to use the Type Tool. We have a tutorial in our School for Photoshop.

    @Michael: You need to create a new layer and use the Rectangular Marquee tool to make a selection.

    @Ed: I’ll see if I can find the time to come up with some creative birthday card ideas.

    @mojito: Always great to hear that I’m inspiring others to create their own original work. I also am very moved to hear you find me to be one of the best.

    Flag as inappropriate
  121. Add point Subtract point
    Indra (-1 Points) December 5, 2008 at 9:26 pm

    Tutorial9 is the only photoshop tutorial site that I even remember the address…

    I love all the tutorial..U got good senses on choosing the tutorial

    Flag as inappropriate
  122. Add point Subtract point
    joyoge designers’ bookmark (0 Points) December 2, 2008 at 1:24 pm

    nice tutorial, thanks a lot…

    Flag as inappropriate
  123. Add point Subtract point
    Pabitra Biswal (0 Points) November 30, 2008 at 4:11 pm

    It looks very nice. Thank you so much.

    Flag as inappropriate
  124. Add point Subtract point
    Michael (0 Points) November 30, 2008 at 12:36 pm


    Step 2 doesn”t work. On which layer have I to make the selection?


    Flag as inappropriate
  125. Add point Subtract point

    I really liked this tutorial!
    thanks :)

    Flag as inappropriate
  126. Add point Subtract point
    kevinsturf (0 Points) November 29, 2008 at 7:09 pm

    very impressive, i will have to give it a shot sometime. great job

    Flag as inappropriate
  127. Add point Subtract point
    mojito (-1 Points) November 29, 2008 at 6:45 pm

    nice one again :) this one is more inspiring, for me it was a start for doimg some icons. thanks, and keep posting tutorials. You are one of the best!

    Flag as inappropriate
  128. Add point Subtract point
    Shubhamoy (2 Points) November 28, 2008 at 3:08 am


    Amazing looks. Great work.

    Best Regards,
    My Blog

    Flag as inappropriate
  129. Add point Subtract point
    Brandon (0 Points) November 25, 2008 at 9:24 pm

    I’m a noob, and this is HARD. I’m stuck at putting text into the box.

    Flag as inappropriate
  130. Add point Subtract point

    I really like your designs. I was wondering if you could make a tutorial about how to make a really nice modern Birthday Card. I’ve been looking all around the net and haven’t seen any tutorial related to cards anywhere. If you could do this I would really appreciate.

    thanks in advance

    Flag as inappropriate
  131. Add point Subtract point

    thanx tyler bramer u a BIG HELP….:)

    Flag as inappropriate
  132. Add point Subtract point
    Volkan Karakuş (1 Point) November 21, 2008 at 11:08 am

    Owww, great tutorial! Thank you…

    Flag as inappropriate
  133. Add point Subtract point
    Cookie Boy (0 Points) November 20, 2008 at 11:12 pm

    Great Tutorial. At last after waiting for a long long time. :)
    Thanks… Keep rollin’ man!

    Flag as inappropriate
  134. Add point Subtract point

    Well done!
    I really liked this tutorial!
    Easy to follow as allways!

    Good work!


    Flag as inappropriate
  135. Add point Subtract point

    @stinky: Try making a larger document with a larger box. If you still get jagged edges, complete the tutorial and then re-size the box to be a little smaller, it will help to remove the rough edges.

    @Ryandc: I know what you mean with the lights. It was just a quick and simple effect that I added in could definitely be done better. Cutting the lights in half and making them follow the same gradient effects that were placed on the box would make them look more realist to the image.

    Flag as inappropriate
  136. Add point Subtract point

    Yeah, i really like this design. I can definately use this in after effects too, especially with the glows coming out of the top of the boxes.

    Thanks for the tut, i feel inspired again :)

    Flag as inappropriate
  137. Add point Subtract point

    nice tuts guys….
    wondered if you could help me with step2….when i transform as instructed my parallel lines are very :/ can i say rough… u know like… not smooth is there something i am doing wrong?it must be a simple thing i am overlooking or not familiar with thanx for your help in advance

    Flag as inappropriate
  138. Add point Subtract point
    Cornelia Mladenova (1 Point) November 18, 2008 at 5:43 am

    Stunning Tutorial and the most important, anything is given in details. Thank you, David!

    Flag as inappropriate
  139. Add point Subtract point

    Agree with @LBrother, finally a new tutorial (and a pretty good one!) on T9, well done. Although it isn’t a very hard one, it still has some good learning-material.

    The “glow” on top of the box (that look like “light-beams”) are indeed a bit weird, like @Ryandc said .

    Thanks for sharing!

    Flag as inappropriate
  140. Add point Subtract point

    Nice tutorial! End results looks great but not sure about the upward lighting ontop of the box though. Looks a little out of place.

    Flag as inappropriate
  141. Add point Subtract point
    LBrother (1 Point) November 17, 2008 at 9:39 am

    Yeah! I’ve been waiting for a new “real” tutorial for photoshop from tutorial9 for aages :D.
    Thank you so much, the end result looks good, I’ll try it out for sure.
    Maybe you could keep them coming more regularly, would be great.


    Flag as inappropriate
  142. Add point Subtract point

    Wow I really like this tut. Thanks man! Will definitively use it.

    Flag as inappropriate
  143. Add point Subtract point
    Arun Kumar (-1 Points) November 17, 2008 at 9:09 am

    The box dont quite look real enough, especially the green box.
    Hope to see a better version, better finishing.

    Flag as inappropriate