CREATE 3-D TEXT WITH SOME EXTREME LIGHTING

by **Admin** Mon Jan 20, 2014 8:39 pm

Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_final

STEP 1
So lets open up Illustrator and create a 5â€x5â€ document. Create some text or a logo. Now you want to make sure you pick a color other than black or white or grays, so that we can pick up some of the shadows on the object.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_1

STEP 2
Alright, now we want to turn our object 3-D, so go to Effect>3-D>Extrude & Bevel. My settings are shown below, but depending on what you are using for an object it may be different. What we are trying to achieve here is an interesting angle. Play around with the settings until you get something you like. Make sure you change around the lighting to get the most amount of contrast to make it easier later on.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_2

STEP 3
Thatâ€™s all we are going to do in Illustrator, so now copy your image (apple+c) and paste it into a 1680x1050px Photoshop document. Stretch it out to fill the space. Since it is a vector image we can stretch it out when it is first pasted into Photoshop and it will not get distorted. After you press the check box it gets converted to a raster image and will distort, so make sure you get a size you like. You can always make it smaller, just not bigger.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_3

STEP 4
Now we are going to setup a background. So first change the layer name to 3-D text and the hiding it by clicking on the eye on the left side of the layers.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_4

STEP 5
Lets grab this wooden texture [You must be registered and logged in to see this link.] and bring it into our document. Resize it so it fits the size of the document.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_5

STEP 6
We are going to give the wood some darker color, so we are going to go in and grab a dark brown color. Now go to the elliptical marquee tool, set your feather to 100px and make a circle about the size, vertically of the document.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_6

STEP 7
Now press apple + shift + I to select the inverse and fill the space with the brown with option + delete. Change the layerâ€™s blend mode to overlay.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_7

STEP 8
Make a circle, like with the brown, but this time we are going to pick an yellow/orange color and make a circle in the bottom right corner. Fill the circle with the yellow and change the blend mode to overlay.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_8

STEP 9
Take that yellow layer and stretch it out so it fills the area without the brown we filled earlier. Hold down option + shift to keep the yellow in the bottom right.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_9

STEP 10
So at this point our image is starting to have a light source from the bottom right. Lets make it brighter in that corner to really make it look like the thats the source of the light. Lets make a new layer above our yellow one and create a radial gradient from the bottom right corner. Change the blending mode to overlay. Now we need to copy the layer a couple times to make it brighter. So do apple+j twice.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_10

STEP 11
Now it’s time to bring in our logo. Make sure you have your 3-D text clicked, then use your magic wand to click on the face of the type. Make sure the tolerance of the magic wand is at 12. Now press apple + j. This will give you a new layer with the face of the type on it.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_11

STEP 12
Repeat step 11 except, use the magic want to select the sides of the text.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_12

STEP 13
Now we are going to add some highlights and shadows to the face of the text. Lets create a new layer, apple + click on the text face layer to load it. Click on your gradient and select a yellow color, similar to the one we used on the bottom right corner. Click and drag your gradient from the bottom right corner of the text to the top left corner of the text. Change the blend mode to overlay.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_13

STEP 14
With the type face still highlighted, create a new layer and make a smaller gradient using white. Change the blend mode to overlay.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_14

STEP 15
Grab a dark brownish-red color and drag a small gradient from the opposite corner and change the blend mode to multiply.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_15

STEP 16
Now click on the side text layer and press apple + m to pull up the curves window. Set it to something like below, the sides are going to be dark because there isn’t really any light hitting them.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_16

STEP 17
Now we need to figure out what the path of the light is so we can make some shadows. We do this by creating two lines both starting at the bottom right corner, out light source, and touching the corner of the widest spot, ours being the bottom corner on the D and the top corner on the d, like so.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_17

STEP 18
Now that we know roughly were the shadow is going to start, we can start buidling it. Take your polygonal tool and cut out a shape like below, and fill it black. Make sure the shape doesn’t go to the right of the text. Now drag that layer so it is below the text.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_18

STEP 19
Now we are going to modify the shape we just made, so first off I want to create a layer mask. I do this by clicking on the square with a circle inside of it, on the layers pallette.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_19

STEP 20
Go in and start painting around with the black brush until you get something more natural looking, like below.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_20

STEP 21
We can get rid of the two lines we made, because we arent’ going to need them any more. We need to give the text some texture, because right now it doesn’t look very real. Over at [You must be registered and logged in to see this link.] the have just added these film textures that will work perfect for us, grab one of these and bring it into your document. Size the texture so it has somewhat of a similar angle to your text. Do an apple + click to load your text face, apple + i to get the inverse of the text face, and delete.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_21

STEP 22
Finally I’m going to add a bevel to the text face layer to give it more of an edge like below.

CREATE 3-D TEXT WITH SOME EXTREME LIGHTING Glowingtext_22

Thats it. Keep playing around with it, there are always more details you can do to it. This is what I got.
FINAL

Download the [You must be registered and logged in to see this link.] file here
Visit and bookmark [You must be registered and logged in to see this link.] and learn to see how we print brochures that make lasting impression.
Pass [You must be registered and logged in to see this link.] to get a name in your profession. Test-king offers you incredible [You must be registered and logged in to see this link.] online training to make your perfect in your [You must be registered and logged in to see this link.] exam preparation so you will pass your certification exam on first try guaranteed.
Passguide – [You must be registered and logged in to see this link.]
Certkiller – [You must be registered and logged in to see this link.]
Examsheets – [You must be registered and logged in to see this link.]
Selftestengine – [You must be registered and logged in to see this link.]
Realtests – [You must be registered and logged in to see this link.]

[url=http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.denisdesigns.com%2Fblog%2F2009%2F01%2Fcreate-3-d-text-with-some-extreme-lighting%2F&title=Create 3-D text with some extreme lighting][/url]
[url=http://delicious.com/post?url=http%3A%2F%2Fwww.denisdesigns.com%2Fblog%2F2009%2F01%2Fcreate-3-d-text-with-some-extreme-lighting%2F&title=Create 3-D text with some extreme lighting&notes=Today we are going to take an object%2Ftext%2C change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object%2C then bring it into Photoshop to add highlights and shadows.%0D%0A%0D%0A%0D%0A%0D%0AStep 1%0D%0ASo lets ope][/url]
[url=http://www.google.com/reader/link?url=http%3A%2F%2Fwww.denisdesigns.com%2Fblog%2F2009%2F01%2Fcreate-3-d-text-with-some-extreme-lighting%2F&title=Create 3-D text with some extreme lighting&srcurl=http%3A%2F%2Fwww.denisdesigns.com%2Fblog%2F2009%2F01%2Fcreate-3-d-text-with-some-extreme-lighting%2F&srcTitle=Denis+Designs+|+Free+Photoshop+Tutorials+%26amp;+Inspirations+for+Web+%26amp;+Graphic+Designers+Tutorials+%26amp;+Inspiration+for+Web+and+Graphic+Designers][/url]

[You must be registered and logged in to see this link.]