AddThis Social Bookmark Button
 Chrome effect in Flash with vector graphics

download source files
download source files


Tutorial
(part 1)
Why importing heavy bitmaps in Flash when, with a bit of patience, you should be able to create fancy 3D chrome effect using vector graphics. First let's have a look at the final result below (fig1)

Chrome effect on sphere
fig1

267 bytes, hey not too bad :) ok let's start from the beginning.

1. create a new FLA with a size of 200x200 and set the background color to #666666 (using a dark grey is best for the final visual effect, although it's just a matter of personal taste)

2. name your first layer "sphere"
(fig2) and and on the first frame draw a 150x150 black circle (fig3) without stroke (fig4)

sphere layer
fig2 black circle fig3 colors fig4


3. In the color mixer panel select the
Radial fill style and create the gradient as shown on fig6

chrome gradient
fig6

the RGB color values and the alpha from left to right are :

R:255 G:255 B:255 A:100%
R:191 G:191 B:191
A:100%
R:149 G:149 B:149 A:100%
R:254 G:197 B:112 A:100% (that color gives an orange reflection to the sphere you can experiment with different color )
R:0 G:0 B:0


If you want to add a color to the gradient just click anywhere below the gradient bar untill you see a little + sign near the cursor
(fig7)

adding a gradient color
fig7

To remove a color just click on a colored square and drag it down
(fig8)

removing a gradient color
fig7

Continue to next page...
AddThis Social Bookmark Button
If you think this page is providing useful information, don't hesitate to leave a comment.
flashvalley
 
Copyright ©2006-2008 flashvalley.com - All rights reserved