Cool Chrome Text Effect
Labels:
Basics,
Chrome Effect,
Effects,
Text Effect
Hello everybody! To celebrate Learn2Flash nearly hitting 8000 view hits, I'll kick off the celebration with this Chrome Text Effect Tutorial! Enjoy your time learning how to create a cool chrome effect!
Step 1) Go to New File and change the properties of the canvas. Width: 500px Height: 400px. Background Colour: #003399
Step 2) Now click on your Text Tool (T) and change the properties in the properties panel. Font: Arial Black, Size:66, Colour: #3399FF (Of course you can change the properties to your likings to create your own unique style of text). Click on the canvas and type in your desired words.
Step 3) Select the text and >Right Click>Break Apart (Ctrl+B) twice to break the text into it's raw form.
Step 4) Click anywhere on the canvas to deselect the text. Now select the Ink Bottle Tool (S). In the properties panel, change the stroke setting to Black and Solid with a thickness of 4 and then using the Ink Bottle Tool click on each individual text to make an outline.
Step 5) Using the Selection Tool (V), carefully select only the blue part of the text avoiding the outing. Just click on one blue part and hold down Shift to select another part. After that is done, press F8 to convert that into a Graphic.
Step 6) Press delete on your keyboard to delete that graphic you just made and you'll be left with only the outline of your text.
Step 7) Now select all of that outline by using the Selection Tool (V) or just use the short cut (Ctrl+A).
Step 8) While the text are still selected, use the Paint Bucket Tool (K) and in the Colour Panel (Shift+F9) change the Stroke to Linear with colour Black and White. You'll notice the outline colour now goes from black on the left to white on the right. We don't want that so go to the Gradient Transform Tool (F) and rotate the gradient until it is parallel. Play around with the gradient until you get this effect:
Step 9) Press Ctrl+A to select everything and go to Modify>Shapes>Convert Lines to Fills.
Step 10) Press Ctrl+A again to select all the fills and got to Modify>Convert to Symbol (F8). Select Graphic and name it "Border".
Step 11) Open up your library (Ctrl+L) and double click into that blue chrome fill we deleted a while ago. With the blue parts selected, open up the colour mixer and change the fill to linear. Add 5 colour swatches in. From left to right the colours are : #CCCCCC, #FFFFFF, #999999, #CCCCCC, #FFFFFF.
Step 12) Select all the text and use the Gradient Transform Tool (F). Rotate the gradient so it is parallel (horizontally) like so. Adjust the gradient a bit until you feel like it has a chrome look.
Step 13) Ok great! Now go back to your main scene:
and now you can drag your Chrome from the library to the stage, align it with the border by using the arrow keys to move it around and change the background colour so you can get a better look at the border. Tip: Move the chrome a bit away from the border until you achieve a professional looking 3D kind of effect!
Done! Thanks for coming and don't forget to Subscribe to my Blog if you want the latest Buzz in Learn2Flash and you are welcome to Fav this post if you like it!
Subscribe to:
Post Comments (Atom)
August 30, 2008 at 11:29 PM
congratulation on 8000 views =]
nah madamada dane xD jk next = 15000 views hoho
i like this blog its useful and fun xD
i come and visit again hoho byee
mihui
August 31, 2008 at 12:05 AM
@mihui
Thanks for visiting, feel free to browse around, there are plenty of fun and useful tutorials on Flash!
September 2, 2008 at 5:55 PM
There are easier ways to do this, for example turning the letters into a mask, but I don't think I've ever seen a text effect done this way before
September 3, 2008 at 2:58 AM
@David Thanks for the info. There will always be easier ways to do things but I think by doing things the long way is better for beginners because they will get to practice more and learn the controls =D Of course if you want to be time efficient then doing it the quick way is also good for achieving the same effect!
September 4, 2008 at 9:40 AM
Your blog is a good example of well explained tutorials.
I'm a Computer Graphics researcher and I support your effort.
I'm coming here everyday and dropping in your entrecard everyday too.
Best regards!
September 5, 2008 at 3:02 AM
@LEONARDO C. DE ALMEIDA I really appreciate you coming here and getting the time to comment your opinion especially one from a Computer Graphics researcher! Thankyou for supporting my blog~!
September 9, 2008 at 7:45 PM
I think what you are doing is zazzy and real cool. The chrome effect really makes presentation stand out of the crowd.
Thanks for sharing. You really give good value to your read. Cheers!
January 2, 2009 at 1:48 AM
HAPPY NEW YEAR
MAY THE GOD BLESS YOU FOR THE HAPPINESS AND SUCCESS YOU WISH
[CLICK BELLOW FOR THE CARD]
http://www.images.dgreetings.com/newimages/newyear/2005/new-year-floral1.jpg
I have read some of your posts. I would revisit, as I liked your writings.
Naval Langa
MY SHORT STORIES
Other Blog
LIFESTYLE AND REALATIONSHIP
April 1, 2009 at 11:08 PM
NICE WORK AND GREAT TUTORIALS !! KEEP IT UP AND THANX FOR SHARING YOUR KNOWLEDGE....
Post a Comment