Create an Beautiful Box Icon in Photoshop
Hey guys one more Photoshop tutorial around here, now in this time i will show you how to create an box icon in Photoshop.This is very simple and effective technique. I hope you will enjoy this tutorials.
Here’s the effect we’re going for:
Step# 1
Open photoshop and create a new document, mine is 567×464px with a white background.
Step# 2
Select the rectangle tool make sure you’ve got those options selected.
Make a rectangle, name the layer front.
Step# 3
Now Fill the rectangle with #af915b
Step# 4
Apply a inner shadow for your rectangle box.
The rectangle should look like this.
Step# 5
Make new layer the name of new layer is top and select pen tool, Place it on top of the original rectangle then select the Free Transform Tool Ctrl+T, now reduce the height and go to Edit – Transform – Perspective and move one the top corner inside till you have a box shape.
Step# 6
Now Fill the top layer with #e1cea4
Your Box look like this
Step# 7
Apply a inner shadow for your top layer box.
Step: 8
Create black line on the new layer and reduce the opacity 40% duplicate this black line, move it one step back and reduce the opacity 20%.
Step# 11
Create a white stripe on the top, select the Free Transform Tool Ctrl+T and right click select Perspective then pull one top corner inside. Now select the Pen Tool and create white stripe and place the shape under,select the Free Transform Tool Ctrl+T and right click select Perspective then pull second bottom corner inside. merge these two layer and reduce the opacity 40%.
The box should look like this.
Step# 12
Select text tool and type text on front.
Now apply some effect
gradinat
Inner Shadow
Drop Shadow
Final Preview
What’s your thoughts about this tutorial, please share with us. Comment us
If you would like to receive more tutorials from us, please consider subscribing to our feed by RSS or by email.
Promote Us
Related Articles:
if you enjoyed reading this article, please check out other related articles below:
Loading...
irissays on : September 3rd, 2009 at 11:44 am Said:
really nice ! thanks
Create an Beautiful Box Icon in Photoshop | Web Design Updatessays on : September 9th, 2009 at 2:21 pm Said:
[...] Create an Beautiful Box Icon in Photoshop [...]
jamiesays on : September 12th, 2009 at 12:26 am Said:
This tutorial would have been better as a video tut. It’s not for the novices. You don’t provide enough information for a novice to do the tutuorial. I am not good enough with perspective to re ctreate what you are asking.
rizzasays on : September 13th, 2009 at 6:42 pm Said:
This is what I’m looking for.
Thanks