NitzaProductions
Welcome To Designers Forum
Register Please or LOGIN! join our world!

Join the forum, it's quick and easy

NitzaProductions
Welcome To Designers Forum
Register Please or LOGIN! join our world!
NitzaProductions
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» JOIN MY SITE ON YOUTUBE
TEXT EFFECT TUTORIAL EmptyTue Mar 08, 2011 9:04 am by Nitza

» new sig 2010
TEXT EFFECT TUTORIAL EmptyTue Mar 23, 2010 4:26 pm by Nitza

» hello guys
TEXT EFFECT TUTORIAL EmptyTue Mar 09, 2010 1:20 am by Nitza

» how to make animated gif on photoshop VIDEO TUTORIAL
TEXT EFFECT TUTORIAL EmptyTue Sep 29, 2009 5:25 am by Sparkieh

» L2 Event Signature.
TEXT EFFECT TUTORIAL EmptySat Sep 26, 2009 3:17 am by Nitza

» Help with Gif
TEXT EFFECT TUTORIAL EmptySat Sep 19, 2009 10:54 pm by Nitza

» animated gif
TEXT EFFECT TUTORIAL EmptySat Sep 19, 2009 10:48 am by Nitza

» Heya. Just thought of coming back to an old friend of mine.
TEXT EFFECT TUTORIAL EmptyFri Sep 18, 2009 10:53 pm by Nitza

» Heya. Sparkieh is in da place.
TEXT EFFECT TUTORIAL EmptyFri Sep 18, 2009 7:06 pm by PaNoS

Vote For Us
Visitorsfree counters

TEXT EFFECT TUTORIAL

Go down

TEXT EFFECT TUTORIAL Empty TEXT EFFECT TUTORIAL

Post  Nitza Thu Jun 25, 2009 2:04 pm

So before we start the tutorial, here is a little diagram about how light might hit an object. Here we have a square object in the middle with light coming from the top left. You can see that where the light hits the object, a shadow is cast on the other side. Note that the shadow is not a Photoshop drop shadow, which makes the object look like it's hovering above the canvas. Here we want the object to look like it's a three dimensional thing stuck on the canvas, extruding if you like. Now tell me what other Photoshop tutorial site gives you diagrams? It's like being back in school!
TEXT EFFECT TUTORIAL Lightdiagram
We begin the tutorial by drawing a subtle Linear Gradient from dark grey to darker grey. Note that because we want our light to come from the top left, that's where the lighter part of the document is.
TEXT EFFECT TUTORIAL 1
Now we place some text. I've used a very cool font called Agency FB, which has a condensed, hard-edge feel to it. You should make the text a grey-ish blue color - #c2c8d4 to be precise.
TEXT EFFECT TUTORIAL 2
Next Ctrl-click the text layer and create a new layer above it. In the new layer, with that selection still held, draw a linear gradient of #495a79 to transparent from bottom right to left. So in other words you are darkening the bottom right as shown.
TEXT EFFECT TUTORIAL 3_002
Set your foreground color to Black (you can do this by pressing the letter 'D' on your keyboard which restores the defaults).

Now Ctrl-click the text layer again and create a new layer beneath the text layer. Now press the down arrow on your keyboard once and the right arrow on your keyboard once. Then press Alt+Backspace to fill it with black. Then press down and right again one time and fill with black. Each time you will be moving 1px right and 1px down. You should repeat this process about 30 times (which is why it's important to use Alt+Backspace instead of the Fill tool).

Note also that to move the selection but not the fills when you press your arrow keys, you have to have one of the Marquee tools on. If you switch to the Move Tool (V) when you press down and right you will actually move the black fill as well as the selection and will just be filling the same pixels over and over.

TEXT EFFECT TUTORIAL 4

Here's what you should now have. Now deselect and make sure you are on the shadow layer, then go to Filter > Blur > Motion Blur and use values of -45 degrees and a distance of 30px.
TEXT EFFECT TUTORIAL 4_2
Set your shadow layer to Multiply and about 40% Opacity and then hold down Shift and press the down arrow and then the right arrow. This will move your object right and down 10px each (Shift tells Photoshop to go 10px at a time instead of 1). Now you may have some of the blurred parts of the shadow sticking out to the top and left of the object. If this is the case, grab a small soft eraser and gently erase away anything which shouldn't be shaded (remember the diagram at the beginning).
TEXT EFFECT TUTORIAL 5
Next duplicate the shadow layer, hold Shift and move it down and right again. Then run the Motion Blur filter again with a distance of 50px this time and set this layer to Multiply and 20% Opacity. This is just to give our shadows more of a trail off.
TEXT EFFECT TUTORIAL 7
Now create a new layer above all the other layers, hold down Ctrl and click the main text layer to select its pixels and back on your new layer fill the selection with White. Don't let go of the selection just yet though. Instead press down and right one time to move 1px away and then hit Delete. Set this thin white line layer to about 80% Opacity.
TEXT EFFECT TUTORIAL 8
As you can see, the thin white line gives a sort of highlight effect where the light source is hitting the text and gives the impression that the text is more three dimensional.
TEXT EFFECT TUTORIAL 9
Next we want to create some streams of natural light. Create a new layer above all the others and draw four or five white rectangles approximately similar to those shown (i.e. getting fatter as they go down).
TEXT EFFECT TUTORIAL 10
press Enter when you're finished, but this time don't let go just yet. Instead, right-click and you will get a pop up menu showing you other types of transforms you can do. Choose Perspective. The reason it's important to do this in one step is so that you don't lose your bounding box. So take the top left two points and bring them closer together so that the light appears to be coming from one place and spreading out.
TEXT EFFECT TUTORIAL 11
Here we have our four strips of "light." Now set the layer to Overlay and 20% Opacity and then go to Filter > Blur > Gaussian Blur and give it a blur radius of 6px.
TEXT EFFECT TUTORIAL 12
You should now have something that looks like this.
TEXT EFFECT TUTORIAL 13
Step 14

Now since those thin strips are meant to be light, it would make sense if our highlight layer only showed up where the light was hitting right? So Ctrl-click the light layer and then click on the highlight layer from earlier, then while the selection is still on, click on the Add Layer Mask button (it's the one at the bottom of the layer palette to the right of the 'f' icon). This will create a Mask that only shows the highlight layer where the light overlaps it.
TEXT EFFECT TUTORIAL 14
Finally, we duplicate the top lighting layer one more time and set it to 65% Opacity, then click the Add Layer Mask button on the layers palette again and draw a linear white to black gradient from top left to bottom right. This makes the extra lighting layer fade off as it goes down right.

TEXT EFFECT TUTORIAL Final
Nitza
Nitza
administrator
administrator

Posts : 246
User Points : 513
Reputation : 8
Join date : 2009-06-25
Location : Greece

http://NitzaProductions.do.am

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum