Flash Components      Flash Menu      Flash Gallery      Flash Slideshow      FLV Player      Flash Form      MP3 Player      PhotoFlow      Flash CMS      3D Wall      Flash Scroller

Flash / AS

Silverlight

WPF

ASP.net / PHP

Photoshop

Forums

Blog

About

 


FlashComponents
  Galleries
  Slideshows
  Menus
  Design & Effects
  Audio & Video
  User Interface
  Templates

 

 

 

 


Bevel in Flash
       by NeoDreamer : 2 July 2005

Ever wished you could use Photoshop's bevel effect in Flash? That's right; Flash isn't known for easy style effects, but with my simple beveling technique, you can work around Flash's rather bland palette.

[ an example of what you will create ]

Here is How

  1. Create a new document around 400 high by 200 wide.

  2. Rename the default layer "dark" because you'll be using a dark green on this layer.

  3. Type in "Mo Money" with the text tool and draw in any squigqly line with the brush tool. The text must be broken up for the beveling to work, so just select it and hit Ctrl+B twice.

[ what broken text looks like ]

  1. Select everything on layer "dark" and copy it by hitting Ctrl+C
  1. Create two new layers. Name the top "mask" and the middle "light." On both, paste your design in the exact place as the original by hitting Ctrl + Shift + V.

  2. Of course, you should right click your mask layer and check "mask" to turn it into a mask.

[ correct layer set-up]

  1. Now you want to lock everything but the light layer. Select it and change its color to a lighter green. Before deselecting, nudge the light design up one and left one with the arrow keys.

[ light graphic shifted up and left ]

  1. We want this to be a smooth bevel, so choose modify > shape > soften fill edges from the main menus. Change the settings like such...

[ here are some suggested settings ]

 
  1. Lock all layers to make the masking go into effect. And voila! You have your bevel.

[ final layers set-up ]

If you have any questions, feel free to post on the forums at http://www.kirupa.com/forum/

NeoDreamer
NeoDreamer.com
 

 


kirupa.com's fast and reliable hosting provided by Media Temple. flash components
The Text Animation Component for Flash CS3
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.
Check out our high quality vector-based design packs! Flash Effect Components

Flash Templates
CSS Templates
Dreamweaver Templates

flash menus, buttons and components
Digicrafts Components The best flash components ever!
Entheos Flash Website Templates Buy and sell FLAs at Ultrashock!
Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com Purchase & Download Flash Components
Learn how to advertise on kirupa.com