View Full Version : How did I do this?


NancyJ
05-08-2006, 12:16 PM
I lost the original psd for this website banner (hard drive malfunction) and now the client wants to make a change to it, so I figured, no big deal I'll just remake it, only problem is, 1. I dont know what font I used, I downloaded it from the internet and dont remember what it was called. 2. I cant recreate that text effect. I know it was done just with text and blending styles - possibly including gradient overlay, stroke, drop shadow and bevel but I just cant get it right :(

Kraellin
05-08-2006, 12:28 PM
sorry, nothing i have is close. have you tried the font sites and/or google?

craig

mistermonday
05-08-2006, 12:58 PM
Hi Nancy,
The font looks similar to Comic Sans MS in Win XP. There are also a bunch of fonts which look just like this at www.clipart.com in the Font section of the site.
The effect looks like one of the Plastic layer styles in Photoshop.
Regards, Murray

elless
05-08-2006, 01:02 PM
This certainly isn't the exact font but it could be somewhat similar....looks right at about 60pt...just type your heading in to the sample box there to see. :pleased:

http://www.myfonts.com/fonts/spiecegraphics/thumbnail-text-sg/regular/

makeovermagic
05-08-2006, 01:52 PM
here's another font site to try:

www.1001freefonts.com/fonts/afonts.htm

Swampy
05-08-2006, 01:57 PM
The font looks like ITC Highlander Bold.

NancyJ
05-08-2006, 02:13 PM
not so much bothered about the font as the blending styles on it. At the end of the day the client isnt going to notice the minute details between different fonts.

philbach
05-08-2006, 02:29 PM
Well perhaps this is kind of what you want. A black color and then use inner bevel style and technique smooth in the layer style menue

goose443
05-08-2006, 03:25 PM
This is the wrong font but if the effect is close enough let me know and I'll guide you through it.

makeovermagic
05-08-2006, 03:42 PM
here's my version - pretty close; wrong font though

NancyJ
05-08-2006, 03:56 PM
MoM & Goose, those are almost perfect!

goose443
05-08-2006, 04:23 PM
OK, lets see if I can explain this:

First obviously you type out your text (layer 1)

Next duplicate the text to a new layer and shift it up a couple of pixels (layer 2)

Using the orginial text layer (layer 1) make a selection and delete that information from the second text layer (layer 2) You should be left with the upper tips of the letters.

Take those tips and fill them with white.

Now move the "tips" layer (layer 2) and line it back up with the original layer (layer 1).

Make a selection and cotract by one or two pixels to reduce the thickness of this "tips" layer (layer 2). Invert the selection and delete.

The next step is to both gaussian blur and motion blur very very slightly (to taste) until you're left with a suitable highlight.

OK, now that your highlight layer is done go back to the original text layer (layer 1) and make a selection out of it.

You then want to contract this selection by 2 or 3 pixels.

Make a new layer (layer 3), fill the selected area in white and do a slight gaussian blur.

Next make a layer mask on this cotracted blurred text (layer 3) and using your gradient tool create a gradient in the mask so that the upper part of the blurred text is masked and there is a slow progression to the bottom of the text which should be visible.

Reduce the oppacity of this blured white text layer (layer 3) to about 20% (to taste) until your counterhighlight is at a desirable level.

Add a drop shadow to the orginial text layer (layer 1) at 90% and set it to taste.

Rinse and repeat.

makeovermagic
05-08-2006, 04:29 PM
i just had a text layer and played around with drop shadow; outer glow, bevel/emboss, and black/gray gradient for color.

goose443
05-08-2006, 04:34 PM
I guess I'm a little old school in my approach but I find you get much more control. You also have the option to do double embosses, gradiated bevels and a lot of other stuff you can't really achieve with the layer styles.

NancyJ
05-08-2006, 11:09 PM
i just had a text layer and played around with drop shadow; outer glow, bevel/emboss, and black/gray gradient for color.
Thats pretty much what I did when I did it - I dont suppose you know what settings you used?

makeovermagic
05-09-2006, 04:07 AM
drop shadow: multiply
opa 63
blur 6
distance 3
intensity 14
angle 90
outer glow: screen
opa 69
blur 1
intensity 76
bevel/emboss: highlight: screen: white
opa 97
shadow: white
opa 27
blur 1
depth 200
soften 0
angle 45/46
inner bevel

hope this helps!

Gina_D
05-09-2006, 07:10 AM
Looks like you may have the effects figured out, but as a side note regarding the question of this font or another in the future, there is a great site called whatthefont.com that could come in handy. You upload an image of your font in question and the site scours its database and comes up with a match. Pretty cool site. I discovered it in one of the design publications I subscribe to a couple years ago. whatthefont.com (http://www.whatthefont.com)
Gina

byRo
05-09-2006, 10:40 AM
Gina, what a fantastic site!!

I cleaned up some letters from Nancy's banner and got a pretty much perfect match - Cocon Bold


NancyJ
05-13-2006, 09:48 AM
ro, thats a perfect match, shame I dont know the name of the free one I used thats just like it. I've found one called trivia, its close enough that it will have to do :(

NancyJ
05-13-2006, 10:10 AM
tried it with the trivia font and I've got the effect perfect but the font just isnt right! grrr... damn computers ;)