Photoshop  Home Photoshop Drawing Techniques Design a 3D Retro Strip
rss

Design a 3D Retro Strip

Author: PhotoshopTutor More by this author


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 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.pstut.info

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Design a 3D Retro Strip"