Comments on: Quick Tip: Beveled Text without Filters or Effects

By: Craze India : Bevel Button without filters and effects

Craze India : Bevel Button without filters and effects — Mon, 20 Oct 2008 07:56:17 +0000

[...] Tutorial Link [...]

By: Lorraine

Lorraine — Sat, 13 Sep 2008 21:44:07 +0000

Wonderful!

By: josh

josh — Wed, 10 Sep 2008 01:04:16 +0000

This advice is good, but leaves one major problem you now have 2 layers of text to deal with. Not very good if you have to do a lot of editing or plan to edit ever in the future.

This way technically uses an effect but it is only a transform affect. The trype is then dynamic, meaning that you only have to edit the type once rather than editing 2 different layers of type or paths of type.

1. Select the type you want to edit.
2. click “control /” in windows or “cmd /” on mac
3. Now look in your appearence pallet. What you should now see is that you now have a stroke and a fill above your characters.
4. Drag the stroke below the fill. and make sure the stroke is transparent.
5. Grab the fill and copy it by dragging it don to the new fill icon. You will have 2 fills for your text.
6. Select the bottom fill and change the color to to whatever color you would like to use for your highlight.
7. With the bottom fill still selected go up to the menu and click “effect>>distort and transform>> transform”
8. Click the preview button so you can see what you are doing
9. Change the “Move Vertical” to a negative value”

Now you can edit your text dynamically

By: Skeletor

Skeletor — Wed, 13 Aug 2008 23:16:38 +0000

Have you ever tried it with rainbows?

By: lebahempat

lebahempat — Fri, 11 Jan 2008 16:49:41 +0000

i’ve been trying to make this kind of effect… Thanks a lot !!

By: StefanoGuglielmi

StefanoGuglielmi — Wed, 29 Aug 2007 09:22:04 +0000

tanks a lot!
i use this tip for write my last post about howto design the menu bar of apple.com in photoshop/css, you can see at:

http://www.programmando.net/2007/08/28/mac-style-menu-con-photoshop/

By: trend breakr

trend breakr — Sat, 25 Aug 2007 01:56:17 +0000

So simple and so cool. Thanks bittbox!

By: Ming

Ming — Thu, 23 Aug 2007 11:24:54 +0000

Great tip for beginners and pro’s alike! Sometimes pros tend to make things a little more complicated than they could be:)

By: Natalie

Natalie — Wed, 22 Aug 2007 03:05:36 +0000

I used to do it this way, but then I can’t say I’ve had any call for inset text in years! It is very crisp looking though.

By: ehd

ehd — Tue, 21 Aug 2007 22:32:02 +0000

@ David & angie- AI has a find & replace for text which is very useful instead of having to edit twice.

By: Dave

Dave — Tue, 21 Aug 2007 19:43:28 +0000

Bitt, Great job. This is a great technique. I will be using it in the future. I am making an interactive cd-rom and I may very well use this technique for the cd-rom.

By: Jason

Jason — Tue, 21 Aug 2007 17:44:05 +0000

Nifty hint. Thanks man. This website is incredibly helpful.

By: angie

angie — Tue, 21 Aug 2007 12:45:04 +0000

I agree with the above poster doing bevel text this way is too annoying if you need to edit the text. I actually use a drop shadow set to normal instead of multiple and set the color to what ever color the highlight nee3ds to be. set the angle to 90 degrees and 1-2 pixelsdistant from the text. I set the size to 0 and spreaqd to 100%.
Filters don’t have to be used in the way they were intended. If you’re doing illustrator before you go to press or want to not have effects expand the apperience on the object and you’ll have the same thing as if you duplicated it and positioned it behind and slightly below the object.

By: David

David — Tue, 21 Aug 2007 11:03:45 +0000

This is how I used to do it, but I found having to edit all text twice was an annoyance.

By: Alexis

Alexis — Tue, 21 Aug 2007 10:24:47 +0000

Buen trabajo como siempre !!! Gracias ^^

By: Shery

Shery — Tue, 21 Aug 2007 08:43:41 +0000

thanks Bitt for sharing

By: Mark

Mark — Tue, 21 Aug 2007 07:32:38 +0000

Sweet and simple.

Thanks Bittbox.

LOL i think I’ve said thanks so many times on your posts that you are in danger of getting banned by Google for duplicate content!

By: Shane

Shane — Tue, 21 Aug 2007 05:33:17 +0000

hey thanks
It’s easy to make things more complicated than they need to be simple approaches really do work great.

By: Jeremy

Jeremy — Tue, 21 Aug 2007 03:28:10 +0000

I’m glad to see someone else uses this technique. Excellent job on all of the great posts!

By: Krista

Krista — Tue, 21 Aug 2007 02:21:20 +0000

This is pretty cool, BB. While I was looking at the intro bit on your home page I thought to myself, “I wonder if he’ll just duplicate the layer and drop it down a bit.” And sure enough! But all credit to you; I’d have never thought of it unless I was in the exact situation I just found myself. :)
Thanks for all your insightful and creative work!

-K