PDA

View Full Version : Simple Text Sig



BR7
03-25-2007, 02:54 AM
Text sig (simple)

Dan asked me how to do this a while back and this is a simple version. BB2W has a more complex version, but this can give you a basic idea of how to get it done.

- Start with a new canvas (500 x 125) and a transparent background.

- You need a nice fat font (sorry TG, monotype corsiva wont work! :D). The one I used is called Impact.

- Set the size to 72, color: black, all caps, anti-alaising: sharp and type what you want.

http://www.eacustomcovers.com/_sa/text1.jpg

http://www.eacustomcovers.com/_sa/text2.jpg

- Now you need to 'fatten' the text. Edit -> transform -> scale. Move your text to the bottom left and drag the top right grab handle to stretch it.

http://www.eacustomcovers.com/_sa/text3.jpg

- I didn't like how far apart the letters were so I adjusted the tracking

http://www.eacustomcovers.com/_sa/text4.jpg

- Here's where you can do what you want. You can add as many images as you want, but for the 'simple tut, I'm using just one. Use an image that will at the bare minimum fill the width of the text. To see where you image 'fills,' just make your text the top layer and your image(s) under it.

http://www.eacustomcovers.com/_sa/text5.jpg

- Once you have it how you like it, CTRL + Click the text layer. You have to CTRL + Click here (you will see a hand w/the marquee around it.

http://www.eacustomcovers.com/_sa/text6.jpg

You will now have your text marquee'd on your sig. So make sure you are on you image layer, not the text layer and do a select -> inverse (CTRL + Shift + I), then edit -> clear (or hit backspace). Hide your text layer by clicking the eye and viola.

- Now to spice it up a tad. CTRL + Click the text layer again. After that layer is has the marquee around it, click the 'add new layer button.' Then do an edit -> stroke. 2px, outside, color (your choice.. I used black).

- On your stroke layer, Bring up the blending options menu and make your settings like this.

Bevel..

http://www.eacustomcovers.com/_sa/text7.jpg

Color Overlay..

http://www.eacustomcovers.com/_sa/text8.jpg

Stroke..

http://www.eacustomcovers.com/_sa/text9.jpg


- On your image layer, give it this style..

http://www.eacustomcovers.com/_sa/text10.jpg


- Still doesn't have enough 'depth.' So make another new layer and stick it in between the stroke layer and the image layer. Grab your elipse tool and make an oval like so.. (make sure you stretch your canvas so you can make a big oval)

http://www.eacustomcovers.com/_sa/text11.jpg

Fill that selection with white, then make the opacity 35%. CTRL + Click your text layer once again (which should still be hidden), and make sure you are on your elipse layer. Once you have the marquee around it, select -> inverse then edit -> clear. (this removes the elipse that you don't want.

- Lastly

(option #1), you can create another layer and fill the entire thing with white, then move it to the bottom to serve as your BG. Works well with forum BG's that are white, gives it that transparent look. File -> save as.. .jpg... DONE!

(option #2), delete the original text layer so you only have 3 layers.. (the stroke, the elipse and the image layers). Do a layer -> merge visible. Add a new layer and fill it with white and make it the bottom layer. Nudge your merged layer up a bit so its about 5 px from the top edge. Then give that layer a drop shadow...

http://www.eacustomcovers.com/_sa/text12.jpg

Make sure your shadow doesn't go beyond the canvas size and adjust accordingly by moving the text layer or adjusting your shadow settings.

File -> save as -> .jpg... DONE!


Option #1 final result

http://www.eacustomcovers.com/_sa/text13.jpg


Option #2 final result

http://www.eacustomcovers.com/_sa/text14.jpg

-------------------------------------------------------

(option #3), If you've done the text how you want it, but you don't want the white BG, try this..

- Assuming you've done/finished option #1, resize your canvas by doing image -> canvas size, change the height to pixels and make it 150. Delete the white BG layer, make a new layer and fill it with black. Move it to the bottom so its your background.

- make another layer and make it the very top layer, do a select -> all, then an edit -> stroke (inside, 1px, color yellow).

- Click the move tool and move your text up, until there is about a 1 or 2 pixel space between the text and border. You have to give the text a black border cause there are white parts that show now since we are using the black BG. So bring up your blending options box and give it a 2 px black stroke set to center.

- Then duplicate the text layer (drag that layer into the add new layer button) and do an edit -> transform -> flip vertically.

- Use that move tool again to move the upside down text so it sits below the other text. Your layers and sig should look like this. (I renamed my layers so you can see whats what).

http://www.eacustomcovers.com/_sa/text15.jpg

- make a new layer in between your two text layers Make sure your upside down text is ABOVE the newly created layer and click to select it. Then do a CTRL + E to merge those two layers together (you rasterized it so you can feather it in the next step.. the stroke is still there, but merged).

- Now lets make it look reflective. Do an edit -> select all and then click the marquee tool so you can move the marquee. Move it to about here.. (you can use the arrows on your keyboard to move the marquee or drag it with your mouse.)

http://www.eacustomcovers.com/_sa/text16.jpg

- Do a select -> feather, radius 10. Then hit backspace on your keyboard. CTRL + D to deselect the text and finally set that layers opacity to about 50%.

- Still on the upside down text layer, do a filter -> blur -> gaussian blur, radius 1.0.

File -> save as .jpg... DONE!

Option #3 final result

http://www.eacustomcovers.com/_sa/text17.jpg

BlacknGold Bleeder
03-25-2007, 03:00 AM
forgive the dumb question but what program are you doing this with??

BR7
03-25-2007, 03:13 AM
Sorry, I should have posted that (will fix that :D)... Photoshop CS2

BlitzburghRockCity
03-25-2007, 07:24 AM
Great write up man, we all really appreciate your teachings :hail:

Blitzburgh55
03-25-2007, 10:56 AM
Nice thats pretty cool

Steelersfan
03-25-2007, 11:23 AM
Stop giving out my secrets!.......lol

BB2W
03-25-2007, 11:38 AM
Very nice BR7! :redcool:

BlitzburghRockCity
03-25-2007, 11:38 AM
Stop giving out my secrets!.......lol

Oh so the truth comes out that SF taught this to BR7 ?? :lol:

BR7
03-25-2007, 12:34 PM
He paid me to keep it hush hush :popcorn:

Steelersfan
03-25-2007, 01:47 PM
Guess I didn't pay you enough :lol:

BR7
03-25-2007, 04:17 PM
Well, I did ask for a raise :dunno: :D

Edit:

I'll add an option #3 later tonight

BlitzburghRockCity
03-25-2007, 04:45 PM
Im getting lost on this step here..


You will now have your text marquee'd on your sig. So make sure you are on you image layer, not the text layer and do a select -> inverse (CTRL + Shift + I), then edit -> clear (or hit backspace). Hide your text layer by clicking the eye and viola.

I can't get that part to work right :scratch:

Prosdo
03-25-2007, 04:49 PM
Very nice tut. I can't wait to try it.

BR7
03-25-2007, 05:24 PM
Im getting lost on this step here..


You will now have your text marquee'd on your sig. So make sure you are on you image layer, not the text layer and do a select -> inverse (CTRL + Shift + I), then edit -> clear (or hit backspace). Hide your text layer by clicking the eye and viola.

I can't get that part to work right :scratch:

If you have the marquee around your text you need to erase the extra thats not needed. So marquee the text, invert the selection so it selects the 'opposite'

Once you do the select inverse, just hit backspace on your keyboard to 'erase' the extra (the extra being from the image layer.. so it leaves the image as text). I put the CTRL + SHIFT + I, for example, in paranthesis cause thats the keyboard shortcut. So doing an edit -> clear is the same as hitting backspace on your keyboard.

Is that what your askin? :scratch:

BlitzburghRockCity
03-25-2007, 11:42 PM
Yeah that's it, I hit backspace but nothing happened :dunno: unless I didn't do the steps right like I thought I did up to that point.

BR7
03-26-2007, 12:20 AM
If your still here, turn on your AIM.. I'll help ya through it.

You have to select the text so you have the outline, then go to your image layer so you can erase everything but the outlined text.. so whats left on your image layer is your image in the form of text.

And I added the option #3 to the first post.

Prosdo
03-27-2007, 11:59 AM
Just tried a fast one with this method. It came out well, although the photo wasn't that good. Once I find a better photo I'll post up my results.

Prosdo
03-27-2007, 06:15 PM
My attempt:

http://i7.photobucket.com/albums/y264/Prosdo/MVPDIRK.jpg

House of Steel
03-27-2007, 06:17 PM
That is damn good, Prosdo. Look out, we got some newbies coming on strong. Does this tutorial work for PSP7?

BR7
03-28-2007, 10:26 AM
Not sure about PSP. I'm sure you can get it to work, but I doubt the steps are the same.

Steelersfan
03-28-2007, 11:38 AM
Nice job Prosdo. And Matt I got stuck on that part the first time to. Took me a few tries to get the marquee to work.
I click on that layer so it is the selected layer, then I hit control while clicking on it again to get the marquee around the text. Then hide the layer and you should not see the text but still see the marquee of the text.

BlitzburghRockCity
03-28-2007, 02:12 PM
aaahhh, ok let me try that...

BlitzburghRockCity
03-28-2007, 02:28 PM
It doesn't work for me DAMNIT !!!!!!!!!!!!!!!!!!!!!!!!!!

DIESELMAN
03-28-2007, 02:47 PM
My attempt:

http://i7.photobucket.com/albums/y264/Prosdo/MVPDIRK.jpg


Not sure about PSP. I'm sure you can get it to work, but I doubt the steps are the same. http://www.eacustomcovers.com/_misc/43sig2.jpg


Those are different BUT pretty damn cool!!!!! Nice job!!!!! :clap: :clap: :clap: If you get a chance and want to practice some more, can you make one for Jack Lambert for me? PLEASE!! PLEASE!! PLEASE!! :hail: :hail: :hail:

BlitzburghRockCity
03-28-2007, 02:51 PM
I think I got it...

FINALLY !!

http://imgplace.com/users/DS129/Misc Pics/1175107833_3291.jpg

BlitzburghRockCity
03-28-2007, 03:06 PM
Here's another, I think Im getting the hang of this now. Next though I need to make it a dropped shadow look ...

http://imgplace.com/users/DS129/Misc Pics/1175108733_1901.jpg

BR7
03-28-2007, 05:09 PM
wow.. very nice. I think your problem TG was that it doesn't work with Monotype Corsiva!! :D

Spiderman.. Looks like too much red? Maybe try to use a gradient stroke (red to blue, red to black, or blue to black.. or white, etc). Or it could be that the letters are bunched up a tad too much. And watch the bottom.. you cut it off a tad. Just make sure your canvas is bigger than your 'text' and dont forget to account for the strokes and what nots.

Z02.. the bottom is cut off a tad. But thats the only flaw. Nice job on that one. I like the orange. Compaire the stroke in this one to the spidey and you'll see what I mean.

very nice job :bigthumb:




If you get a chance and want to practice some more, can you make one for Jack Lambert for me? PLEASE!! PLEASE!! PLEASE!! :hail: :hail: :hail:

Is that a request??? lol

Post that in the request thread and I'll get you one tonight.

(probably should do a few players eh? gonna be the new fad at SA :D)

BlitzburghRockCity
03-28-2007, 05:46 PM
yeah you're right I did cut off a slight bit of the bottom of those so I'll have to watch the canvas size and how much I scale the text.

Thanks dude, I appreciate all the help and tips. I think this is definitely a new fad coming on :lol:

DIESELMAN
03-28-2007, 06:03 PM
Is that a request??? lol

Post that in the request thread and I'll get you one tonight.My request is ready.....:bigthumb:


(probably should do a few players eh? gonna be the new fad at SA :D)Most definitely.....:plus1:


I think this is definitely a new fad coming on
Most definitely.....:plus1:

Maybe I'm talkin to much here but those are really sharp and badass!!!

Steelx
03-28-2007, 06:45 PM
oh boy I sucked when BR7 came in and now well everyone is going to be better. I am going to get this program!!

Steelersfan
03-28-2007, 11:36 PM
Nothing wrong with your work at all Mike!

BlitzburghRockCity
03-29-2007, 06:33 AM
oh boy I sucked when BR7 came in and now well everyone is going to be better. I am going to get this program!!

Yeah right, you're work is awesome dude ! :bigthumb: