The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Design a 3D Retro Strip

Design a 3D Retro Strip


I have prepared a background for you however if you wish to make your own, please open a 500x500 Document.

image 1

Our first step is to create the foundation of the strip, which is the first layer before it bends to 3D. Following my outline and using the preferences listed below for the Pen Tool, create your own outline:

image 2

Looking good, now that we have our foundation lets add some color to it in order to create variation and spacing of colors. Using the same Pen Tool settings, follow the guide below to create a second color inside our main strip:

image 3

Repeat the same step over twice again with the following colors (Hint: You can just duplicate and slide the layer over):

image 4

Alrighty, now we are beginning to create the depth in our strip. We will begin by creating the corner tip at the right hand side of the main strip. Following the guidelines below and using the same pen tool settings, create the foundation for our corner.

image 5

Just like we did for the main strip, we need to add color to our foundation. we have to make sure that our colors come in order so first the beige then the light green:

image 6

Okay now lets do the light shade of the green using the same simple technique:

image 7

I don't know if you guys noticed but the idea was to pick a color a shade darker so that we can create depth, as you can see we managed to do that just right. In order to save the work with the pen tool and time, using the original layer of the strip, we will duplicate it move it up to the tip of the corner and cut off the left covers. Not to get you confused, i added a preview of what should of been done before the clipping occured:

image 8

Using the same method, lets duplicate our colored strips from the main base over to the sub base of the strip. In other words, here is what you should have:

image 9

Now that we have setup our colors and aligned our strip, we already can see the 3D Effect however lets add some glare to it. Take the base and change the color to white then Rasterize it (Make sure its a duplicate). Now using your Eraser Tool with a diameter set to 100px, erase everything off besides the top. So it should look like a fade. When you're done just set it to overlay.

image 10

You're pretty much done, after playing around a little i came up with this result:

image 11

This is a quiet simple tutorial however it gives a nice introduction to the way you can create simple but effective 3D objects that can make your layout just POP. The inspiration came from a layout i found on Monster Templates, take a look below:

Design a 3D Retro Strip
Click to enlarge


Author's URL: PhotoshopTutor
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments nike June 03, 2011 says:
e x e llant
Reply
Add comments to "Design a 3D Retro Strip"

Captcha