Create A 3D Glossy Box Logo in Photoshop

Sign In | Join Now
Become a member to add links and start earning points!
Tutorials
Downloads
Articles & Inspiration
Create a 3D Glossy Box Logo in Photoshop

Posted by Tyler Bramer in Photoshop Tutorials on November 17th, 2008
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, lets 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
Search
Submit link +
Subscribe & Follow
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, lets 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 doesnt 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
#CCCCCC to #FFFFFF
Stroke
Im 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 isnt the effect I was going
for. I really want my image to stand out with vibrant glows and colors, so lets 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

Ive almost got the results I set out for. The box immediately grabs attention and has a nice glow to it, but it isnt 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
3050px. 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. Youd 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.
236 Comments
Name:
Message:
Email:
Website optional:
AddReply
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
Awesome Guy 2 Points

February 18, 2011 at 4:15 am
TYLER,
This tutorial is awesome
thanks a lot i was looking for something like this.
HATS OFF DUDE!!
Danny 1 Point
February 11, 2011 at 7:05 pm
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
B2 1 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 reuse
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!
B2
bryan 1 Point
Click create new fill or adjustment layer under the layer palette, choose Hue/Saturation.. A new layer and
box will pop up, adjust the Hue to change the box colour.
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 cant cuz the
selection is empty on that layer. how can i do that?
Tyler Bramer 1 Point

You have to have one of the selection tools active. You dont use the move tool. If you move your mouse over
your selection while you have a selection tool active you can then move the selection without moving any
parts of any layer. You can also use the arrow keys on your keyboard
Jill 0 Points
December 27, 2010 at 7:45 am
This is really cool! THanks! :

sunil 2 Points
wow ! Its Amazing

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 antialias is on but isnt 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,
Fhyio
Tyler Bramer 2 Points

You can create a vector square rather than filling in a selection and then just perform the same steps on the
vector.
Patrick 0 Points
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.
piya 0 Points
October 31, 2010 at 3:32 pm
plz help me.. m not able to apply linear gradient tool in step 2..after free transformation..m sure m im missing
smthng, also while in step 1 .. i didnt 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!! :
nok 0 Points
October 27, 2010 at 7:25 am
vist for basic training of photoshop

http://training4free.co.cc/Basic%20training/Basic%20training.html
aidan 1 Point
Nice tutorial, i needed a glossy cube.. came across this and done it instead!
Atestat informatica 0 Points

I will use this tutorial to designa logo for my website: http://www.atestatinformatica.ro .Very nice tutorial ,keep it
goin.
10x
Chris 0 Points
That was great. Very polished style. Would you create some more tutorials on creating the glossy effect.
harry gutierrez 1 Points

coul you send me the psd plis

Isaiah 1 Points
I love the design, but I cant 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 dont leave a comment telling me
something like, Dont even bother trying them. I really want to put sky lights on mine for a website Im trying to
make. Any help is appreciated!
tbenmcp 1 Points
September 23, 2010 at 10:09 pm
Awesomethis tutorial will be the best on the Internet if its in Videoexcellent work..!
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..
Professional Website Designers 1 Points

Thank you. I have just followed your tutorial and am very impressed with the result.
Logo Design Mart 0 Points

How usefull is this, Ill apply this technique to make a 3d software box that I need to design, nice tut!!
Bat dong san 1 Points

very nice, thank you share

Oyunlar 0 Points
August 26, 2010 at 9:34 pm
nice tutorial.. very helpful..

Puneet 1 Points
August 24, 2010 at 7:32 am
Really nice tutorial. I am bound to give it a try.

zazanya 0 Points
August 23, 2010 at 6:14 am
I really like it! Thank you for your effort!

Ko Kyi Naing 0 Points

August 22, 2010 at 6:57 am
Wow!!!!!!!!!!! Great.
Thank a Lot
Jerry 1 Points
August 12, 2010 at 7:54 pm
Great tutorial, thanks

Trowa 0 Points
August 9, 2010 at 5:25 am
Can any1 tell me where i can find the program to make a logo?
panggonepian 0 Points
July 31, 2010 at 4:23 am
amazing tutorial .. very helpfull :

dia oc 0 Points
July 26, 2010 at 12:57 am
I enjoyed this article really nice

Thank you for sharing
David 1 Points
June 4, 2010 at 4:48 am
Really great. Thank you so much.

JS 1 Points
May 19, 2010 at 3:48 am
Cool tutorial! Its 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.
John Smith 0 Points

May 18, 2010 at 10:45 am
Amazingso easy to do too!

1337 0 Points
May 17, 2010 at 2:33 am
i cant get through step 6, any help ?

Lil Domii 0 Points

May 20, 2010 at 4:15 pm
Hi.
I just wouldnt bother with the glow if I were you. The final outcome is amazing anyway :
May Phat Dien 0 Points

May 13, 2010 at 4:53 am
thank for you. This is a very big help, thanks ^^

Web Design 0 Points

April 26, 2010 at 7:49 pm
Amazing! loved it thank you

Chandu 0 Points
April 13, 2010 at 7:48 am
Plz Brother Can u make another logo for meplz plzIts named > IT CLUBand in a nice design ..plz brother
plzzzzz
pontois 0 Points
March 30, 2010 at 11:17 am
Hi and thanks for this tutorial,

can you send me the psd file, im french and the step 5 is hard to understand.
best regards
marie 0 Points
March 18, 2010 at 1:33 pm
Confused.!
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.
Punkiyum 1 Points
March 17, 2010 at 5:11 am
Really Nice and Effective Tutorial, Thank you :

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.
abohabeba 0 Points
thank for you this is nice lesson

maco 0 Points
This is a big help, thanks . . .

WhisperiN 0 Points
WOW..
Thats brilliant..
Thanks for the tutorial.
:
Ameen Khan 0 Points

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

Great piece of work.
Ricky1 0 Points
For those people who have problems with Step.2 ; you can use distort after perspective, if you couldnt rush the
box. I solved my problem by using this way. Hope this works for you too. Thanks for reading.
Biswajit 0 Points
Nice concept
0 Points
Thanks for your post , Great post.34

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

0 Points

mp3 0 Points
January 30, 2010 at 8:27 am
Great reading! Thanks for sharing

phil 0 Points
January 24, 2010 at 11:26 am
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?
phil
DINESH 1 Points
nice but u could give more thing to insert

SALVIO CUCOLO 0 Points

Incredible. Sensational tutorial. My brands company looks like the same. Ill use this effects in any action i
supposed to do so.
Thanks Salvio
yusuf 0 Points
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
Solon 0 Points
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??
Paul 0 Points
Wow! its just simple but awesome.. PLs keep me posted..

Jordy 0 Points
November 22, 2009 at 10:23 am
Can you please set on this page the PSD file?
philippe 0 Points
November 13, 2009 at 2:53 pm
great, may we have the psd somewhere ?

Rheine 0 Points
Great website.. :
Eric 0 Points
Great!!!
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.
Thx
SAM 1 Point
Hi,
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 cant make a similar image.
Please assist where possible
thanking you in advance
Jess 0 Points
This looks amazing. Thanks for the tutorial.

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

Nik 0 Points
Thanks!!!:D
joao 0 Points
August 31, 2009 at 11:41 am
Once again another brilliant tutorial!

thank you so much!
it looks really good. keep up the great work.
you rock!
browsethis 0 Points
August 28, 2009 at 12:56 pm
awesome dude, keep doin it.

Sam 0 Points
August 12, 2009 at 7:41 am
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.
Thanks
gube 0 Points
August 9, 2009 at 7:41 pm
wow,im from italy.

ive never seen before a nice tutorial like this. that looks good.
thanks.
Da Bomb Squad 0 Points

August 7, 2009 at 7:51 pm
whooa! that looks brilliant! thank u so much! :D

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.
Id love to see everything you can do :
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 :
Than 0 Points
July 20, 2009 at 12:33 am
I really like this tutorial.

Mathew 0 Points
July 15, 2009 at 8:41 am
Ive 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 cant move the selection up because the selection is empty. Its
SUPPOSED to be empty, isnt it?
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
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.
http://www.petermikhael.com/tutorials_3d_logo_design.html
CeeMoo 0 Points
July 1, 2009 at 3:58 am
Tnx bro Very Nice

surendar 0 Points
June 30, 2009 at 2:46 am
Super sir Great.

Cyrus 0 Points
June 29, 2009 at 5:01 am
Good tutorial .. Thanks .. Good work

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.
BR,
Shubhamoy
hari 0 Points
June 17, 2009 at 4:55 am
its realy awsome

Bala 0 Points
June 12, 2009 at 1:53 am
Thanks man great tutorial with simple instructions

keep up the good work
FcHunter 0 Points
June 11, 2009 at 8:51 pm
This very nice tutorial. love photoshop.

Thank you.
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.
Points
June 11, 2009 at 6:01 am
wow WonderFul effect

lean 0 Points
June 9, 2009 at 4:24 pm
thank you, simple and cool!!!

Alexandre Broggio Brasil 0 Points

June 5, 2009 at 9:57 pm
Nice work ^_^
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
templtae 0 Points
June 4, 2009 at 4:57 am
Excellent, thanks!
Sergio Fraiman 0 Points

May 22, 2009 at 8:45 pm
It was good if you leave the .psd copy to download.

barbie not the doll 0 Points

May 21, 2009 at 4:35 pm
wowI like this tutorial it was easy to follow and the results are awsome! keep up the good work! :
billy the bob 0 Points

May 14, 2009 at 5:29 pm
hi
WiiKokAiN 0 Points
May 14, 2009 at 10:15 am
Id also like a psd of it! Its easier to train with it =

Kishan Bagaria 0 Points

May 12, 2009 at 5:14 am
Can you give me the PSD file of it?

EDWINERRF 0 Points
May 6, 2009 at 4:49 pm
NICE JOB
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
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
thanks
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 youre
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 Im tired as heck from working on this tut. :
huwaw69 0 Points
May 2, 2009 at 9:08 am
great tutorial man! by the way what is the meaning of PS

Dean 0 Points
May 4, 2009 at 4:25 am
It might be PhotoShop
chetan Madaan 0 Points

May 1, 2009 at 2:20 pm
Thanks a Bunch guys! this is a really good comment.

Assa 0 Points
May 1, 2009 at 7:43 am
really nice
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!
subhashis 0 Points
April 20, 2009 at 2:46 am
Good job thanks.

Candan 0 Points
April 19, 2009 at 2:56 pm
Thanks. Very succesfully

Chris 0 Points
April 15, 2009 at 5:51 am
This entire website is just inspirational. Thanks a lot!

[r.i.c.o] 0 Points
March 31, 2009 at 2:04 pm
im rookie..it seems difficult for me coz d instruction not as complete as david leggetts tutorial.
[r.i.c.o] 0 Points
March 31, 2009 at 1:26 pm
no .psd download?
i cant 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.
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
nonbeginners. Its always nice to be reminded.
Cheers!
Farr 0 Points
March 24, 2009 at 2:34 pm
This wouldve been easier if it was mentioned the need to create new layers.
photogirl 1 Point
March 23, 2009 at 7:37 am
thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
Phil 0 Points
March 22, 2009 at 7:21 pm
Wow I really love it. Its an awesome tutorial and very well explained. Immediately led me to bookmarking your
fantastic page.
friday 0 Points
March 22, 2009 at 10:22 am
thanks so much
maapatasalapostersjockshay 0 Points
March 22, 2009 at 8:38 am
Its very good suggestions for new talents easy understand to everyone in adobe photo shop. Thanks for your Co
operation tutorial9.net
DesignPakistan 0 Points
March 19, 2009 at 2:38 pm
Thats the coolest thing I have ever seen with photoshop.

I will try to make such graphics for my website
JampaSilva 0 Points
March 17, 2009 at 7:24 pm
Beautifull
Reiner 0 Points
March 5, 2009 at 10:02 am
hay,
awesome tutorial!
question: If you select 2 layers tablelayer + new layer, you cant brush it could not use the brush tool because
more than one layer is selected.
How can I solve this?
Thank youuuuu
gheisar 0 Points
that is one of the greatest tutorials that i have seen yet.

Steeeezi 2 Points
Hey, that is awesome !

I made one, give me some advice pls :s
http://img3.imageshack.us/img3/4344/boxcopy2.jpg
lawrence77 0 Points
March 22, 2009 at 4:01 pm
fine! :
Mark Scerri 1 Points

One of the best logo tutorials!! Well done!

Seeshathri 1 Points
Its really superb !!

Eli 0 Points
woooooo love this thing XD i have to try it

Jate Earhart 0 Points

Your amazing for your age!

Keep up the good work :

Thanks Jate, I always love a good compliment!

rajeshkumar 0 Points
wow! good looking and simple to develop.

gr8 work!
ramoji 0 Points
wow its really amazing..thanks man,, ill try it

Allison 0 Points
Very slick tutorial. Thanks!

Bin Sultan 0 Points

I tried doing it . it have looked very beautiful .

thank you ,,,
Art 0 Points
Ive never seen a tutorial that is not partly missing including this tutorial, something is missing especially the
glow effects around the box. they arent revealing all the details
Barrock 0 Points
wow, its really awesome simple tutorial, thanks man,, ill try it
addict 0 Points
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
David Leggett 0 Points

@belphagor: This is Adobe Photoshop. You can pickup a 30 day trial on Adobe.com ;
Wp Themes 0 Points
Nice and easy to understand, well done guys

belphagor 0 Points
wats the program they use called

NetOperator Wibby 0 Points

Ooh, this would make an interesting icon set. Thanks for the tut!
Ally 0 Points
Hey,
This is an amazing tutorial!
However, I am having some issues with Step 3. Everythings perfect up until I have to add the gradient in a new
layer by clicking the other layer. I try, but it doesnt work for me. Maybe its just me : Help please and thank you!
goldk 1 Point
Really good tutorial, very informative

mina 0 Points
nice.!
shivangi 1 Points
sweet.
Benny1012002 0 Points
Brill tutorial! I found it easy to follow but had a bit of trouble getting the perspective right.
Ive subscribed, looking forward to the next one!
Thanks.

@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: Ill see if I can find the time to come up with some creative birthday card ideas.
@mojito: Always great to hear that Im inspiring others to create their own original work. I also am very moved to
hear you find me to be one of the best.
Indra 1 Points
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
joyoge designers bookmark 0 Points

nice tutorial, thanks a lot

Pabitra Biswal 0 Points

It looks very nice. Thank you so much.

Michael 0 Points
Hi,
Step 2 doesnt work. On which layer have I to make the selection?
Greetings
Addy 0 Points
I really liked this tutorial!

thanks :
kevinsturf 0 Points
very impressive, i will have to give it a shot sometime. great job

mojito 1 Points
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!
Shubhamoy 2 Points
Hi,
Amazing looks. Great work.
Best Regards,
Shubhamoy
My Blog
Brandon 0 Points
Im a noob, and this is HARD. Im stuck at putting text into the box.
Ed 0 Points
Hi
I really like your designs. I was wondering if you could make a tutorial about how to make a really nice modern
Birthday Card. Ive been looking all around the net and havent seen any tutorial related to cards anywhere. If you
could do this I would really appreciate.
thanks in advance
stinky 0 Points
thanx tyler bramer u a BIG HELP.:

Samuel 0 Points
Just one word.. BIG.

Volkan Karaku 1 Point

Owww, great tutorial! Thank you

Cookie Boy 0 Points

Great Tutorial. At last after waiting for a long long time. :

Thanks Keep rollin man!
Naibaf 0 Points
Well done!
I really liked this tutorial!
Easy to follow as allways!
Good work!
/nai
Tyler Bramer 1 Point

@stinky: Try making a larger document with a larger box. If you still get jagged edges, complete the tutorial and
then resize 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.
Kumar 1 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 :
stinky 1 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
Cornelia Mladenova 1 Point

Stunning Tutorial and the most important, anything is given in details. Thank you, David!
Marco 1 Point
Agree with @LBrother, finally a new tutorial and a pretty good one! on T9, well done. Although it isnt a very hard
one, it still has some good learningmaterial.
The glow on top of the box that look like lightbeams are indeed a bit weird, like @Ryandc said .
Thanks for sharing!
Ryandc 1 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.
LBrother 1 Point
Yeah! Ive been waiting for a new real tutorial for photoshop from tutorial9 for aages :D.
Thank you so much, the end result looks good, Ill try it out for sure.
Maybe you could keep them coming more regularly, would be great.
Greetings,
LBrother
Nik 1 Point
Wow I really like this tut. Thanks man! Will definitively use it.
Arun Kumar 1 Points

The box dont quite look real enough, especially the green box.
Hope to see a better version, better finishing.
Creative Logo Designers 0 Points

We are LogoProDesign as a Custom Logo Designer, We checked your artwork collections. Those are amazed
us. Thanks for that type of good work collections. We regularly checked your website for good artwork
example.
Thanks
David Thomas
Home | Contact us | | Privacy Policy | Terms of Use
198 queries. 0.997 seconds 2016 tutorial9

Create A 3D Glossy Box Logo in Photoshop - Tutorial9

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Create A 3D Glossy Box Logo in Photoshop - Tutorial9

Uploaded by

Copyright:

Available Formats

Sign In | Join Now

Become a member to add links and start earning points!

Articles & Inspiration

Step 1 Creating the Background

Step 2 Creating the Box

Subscribe & Follow

Step 3 Creating the Gloss Effect

Step 4 Placing the Type

Then apply the following layer styles:

Step 5 Creating the Reflection

Step 6 Making the Box Glow

Step 7 Creating the Sky Lights

Repeat the same process for the left box.

Experiment and Expand

Awesome Guy 2 Points

Tyler Bramer 1 Point

This is really cool! THanks! :

wow ! Its Amazing

Tyler Bramer 2 Points

vist for basic training of photoshop

Atestat informatica 0 Points

harry gutierrez 1 Points

coul you send me the psd plis

Professional Website Designers 1 Points

Logo Design Mart 0 Points

Bat dong san 1 Points

very nice, thank you share

nice tutorial.. very helpful..

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

I really like it! Thank you for your effort!

Ko Kyi Naing 0 Points

Great tutorial, thanks

amazing tutorial .. very helpfull :

I enjoyed this article really nice

Really great. Thank you so much.

John Smith 0 Points

Amazingso easy to do too!

i cant get through step 6, any help ?

Lil Domii 0 Points

May Phat Dien 0 Points

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

Web Design 0 Points

Amazing! loved it thank you

Hi and thanks for this tutorial,

Really Nice and Effective Tutorial, Thank you :

Logo Design Monster 0 Points

thank for you this is nice lesson

This is a big help, thanks . . .

Ameen Khan 0 Points

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

Thanks for your post , Great post.34

Thanks for your post , Great post.27

Thanks for your post , Great post.22

Great reading! Thanks for sharing

nice but u could give more thing to insert

SALVIO CUCOLO 0 Points

Wow! its just simple but awesome.. PLs keep me posted..

Can you please set on this page the PSD file?

great, may we have the psd somewhere ?

This looks amazing. Thanks for the tutorial.

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

Once again another brilliant tutorial!