|
|
|
Layer effects are very powerful and are used for a vast array of different
Photoshop techniques. 'Bevel and emboss' is often considered to be the effect of
choice for professional graphic designers, but it also has a tendency to create
very harsh contrasts in unskilled hands. The aim of this tutorial is to detail a
method for creating smooth cartoon-like bevels for text and interfaces using
only layer effects.
 |
Step 1: Create a new 200 by 100px document
and fill the background with black. Then use the horizontal Type Tool to
create a white-coloured word of your choice. In my example I've used the
'CalvinItal' font at size 140. Don't worry if you don't have this particular
typeface - just select something with a curvy look (It will show off the
effect to its fullest potential). |
 |
Step 2: With the text layer selected, select
Layer > Layer Style > Bevel and Emboss from the application menu and
duplicate the settings opposite. Using this screen you can vastly alter the
look of the whole effect. Just adjust the highlight and shadow modes
and see what you can come up with!
NB. From this point onwards, if an option isn't displayed in the examples to
the left, just leave it at PS default. |
 |
Step 3: Without leaving the layer effects
dialog, go to the Drop Shadow section and enter these settings. |
 |
Step 4: Complete the soft look by going into
the Stroke section and entering in these settings. This will
give it a cel-shaded outline that also helps the text show up against light
backgrounds. |
 |
Step 5: Now press OK to exit the layer
effects dialog and admire your work! Of course, its probably a good idea to
change the black background to something more appropriate (we only used
black so the white text would show up in the first step). |
 |
Variations: Et voila - a simple soft bevel
effect created with the minimum of hassle. Of course, its possible to
apply this style to interfaces too. Just have a play around - its
often surprising how such a simple effect can be so powerful. |
- Tutorial written by Man1c M0g
| 
|
|
|
Thanks, this is a great beginning to making my own text styles. Very easy to follow and the effect is delicate and pretty. |
Reply to this post |
|
|
I find that when I try to do this with higher resolutions -- I have to tweak the presets.
Guess practice makes perfect |
Reply to this post |
|
|
i still have to try this effect
it looks really cute and simple
the directions seem really simple too :D
it possibly might be another reason i should make another layout ;) |
Reply to this post |
|
|
Thanks man! This is a cool tutorial and it's effect is awesome for the short amount of time put into it. |
Reply to this post |
--- View Entire Thread ---
|

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 100 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 13 replies, 182 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 112 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 161 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 107 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 125 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 116 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 117 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 147 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 97 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 147 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 152 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|