Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Orange 3D Logo

Orange 3D Logo


1. Open up a 500x500 white document

2. Create a new layer and select the "Rectangular Marquee Tool"

image 1

Now create a square with the Rectangular Marquee Tool. ( Hold SHIFT for a perfect square )

So now you have a perfect square.

3. Now fill the square with any color, I chose "#D98D2B" ( CTRL + BACKSPACE to fill the square with a color )

4. Select -> Modify -> Smooth - A window should pop asking for the Sample Radius Pixels - Choose 20 Pixels

Once you have done that, press the delete key and it should delete most of the square leaving four edges. ( Do not deselected the marquee! )

image 2

5. Create a new layer and go to Select -> Modify -> Expand - Choose 5 Pixels

Now choose another color for this box, I chose "#F19620"

When you have chosen a color, hit CTRL + BACKSPACE to fill in the background ( Make sure the color you have chosen is the background color )

image 3

6. Now CTRL + CLICK on " Layer 2 " on the layers panel and go to Select -> Modify -> Contrast - Choose 20 pixels.

Now you should have a marquee box in the middle of your logo, create a new layer and a new color, I chose "#F7891D"

Make sure the color you just picked is your background color ( Press 'X' to change between your foreground to background ) and CTRL + BACKSPACE to fill in the space

image 4

7. Now its pretty much repeating the steps over and over, CTRL + CLICK on " Layer 3 " ( The layer you just created ) and go to Select -> Modify -> Smooth - And choose 40 pixels this time.

When you have selected 40 pixels, a different marquee should appear in the middle of your logo, set white as your background color and press CTRL + BACKSPACE

image 5

8. CTRL + click on on the layer you just created and then go to Select -> Modify -> Contract and choose 10 pixels this time. Pick another background color, I picked "#FF7E00"

image 6

9. You can repeat the steps one by one and changing the pixels around for better results

With some transforming and rotating around, this is what I came up with.

Logo Tutorial: Final Result

Here's another example of this tutorial - I spent more time on this one, I changed the pixels and rotated it a bit.

image 8



Author's URL: Admin
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Orange 3D Logo"

Captcha