Welcome to the Digital Hub of J David Macor, a financial professional in Dallas, TX.

Web 2.0 Style Text With Fireworks


12.28.06 Posted in Fireworks, How To, Tutorials by jdmacor

Finding the right Font

Well, obviously we are going to have to find a suitable font. It seems that an oft used 2.0 font is Arial Rounded, which if you like it, is just fine. If not, you can just hunt around for a nice font. The only thing is that is should be fairly wide (no thin script fonts) and when we start to work on it, we are going to make it fairly large, so make sure it looks good at a bigger size. To find some really good 2.0 style fonts, I would recommend either Vitaly Friedman’s List or the one from Smashing Magazine.

Now spell your favorite word

This is the part where we start working with fireworks. Go ahead and open it up, and create a new file with a width of 600px and a height of 300px and a 72px per inch resolution, just to give us a nice big area to work with; you can resize it after you are done. I have also chosen to use a white background.

Tutorial Pic 1

Ok, with our beautiful canvas ready to go, we can select the ‘Text Tool’ then click on the canvas and type our magic word (or any non-magical word… it’s up to you). I have selected Share-Regular as my font and made it a size 80 and the color is #6699CC.
Tutorial Pic 2

Alrighty. You can stop here if you want. Honestly, that doesn’t look too bad to me… But, I guess you came here to see something shiny, didn’t ya? Fine, let’s trudge on.

Shine up your text

We first need to create a clone of the text we already have. To do this, simply select the text you wrote, then press ‘Ctrl+Shift+D’ and a new element will appear that is an exact duplicate of what you already have. Next, I like to make one of those duplicates invisible by clicking on the little picture of an eye next to the lower layer in the layer inspector, which makes that little eye disappear. I do this so that I can focus on the shiny layer.

Tutorial Pic 3

Now we want to give this text a gradient, but we need it to be uniform across the text, not individually on each letter. To achieve this, use the ‘Subselection Tool’ (the little white arrow) and select our text, then go to ‘Text > Convert to Paths’ or just press ‘Ctrl+Shift+P’. Now we have a bunch of individual paths that we need to combine, so, with an obvious move, we will go to ‘Modify > Combine Paths > Union’ to make one path; sorta. But at least our gradient will now work properly. Select the text, and then in the ‘Property Inspector’ change the color fill from ‘Solid’ to a ‘Linear Gradient’. Make sure that the gradient goes from your original color to white, and that it starts from slightly underneath the word to slightly over the word.
Tutorial Pic 4

The next step is a little more complicated. First, select the ‘Pen Tool’ and click about an inch or two to the left of the word, near the bottom of the word. Now move your cursor to the same spot on the right side of the word and click and hold down the mouse button. With your mouse held, you can change the curve of the line you just made. Generally, you want to make a nice arch going through your word. Finally, close the shape and you should have something that looks like this:
Tutorial Pic 5

Now, select both the word and the shape you just created at the same time. With the two selected, go to ‘Modify > Combine Paths > Punch. You now have the shiny layer for your word!

The finishing touches

We have reached the home stretch! You can go ahead and reveal your first word (the one sans gradient) and you should have something that looks a lot like a shiny word. If you want to, you can add a very subtle drop shadow to enhance the effect. And if it doesn’t look quite right to you, fear not! You can tweak the image by changing the opacity of the shiny layer (generally to around 70%-80%), or even its gradient. Here is how my web 2.0 text came out:

Tutorial Pic 6

And remember: Simplicity is key… for some reason… Here are some other things I did with this technique. You can add multiple curves with multiple heights and achieve various effects.

Coca Cola Logo
Bubbly Logo



501 Responses to “Web 2.0 Style Text With Fireworks”

  1. saurabh says:

    thanks nice great site with full information and i have added in my favorites list.Thanks for sharing! I look forward to finding a new progression ofbomba trituradora

  2. Magento templates also sometimes it is called as Magento themes deliver instant solution for your business. You can use the Magento free templates or Magento premium templates and get started in minutes! Both types of templates free and premium can be customized according to your needs. If you wish to reach the target audience and make more sales, make use of premium Magento themes it will help you to attract more customers and get a better conversions rate. Let the design of your online store become an additional tool for attraction of clients. Magento themes deliver best practices of e-commerce shopping cart to your business. Magento is one of the best e-commerce solution on the market.

  3. Global Export Import is a leading b2b export import portal. who provide global buyers, global suppliers, manufacture, global tread leads, global export import companies, global exporters, importers directory.

  4. Akkerman says:

    really great post i really like this post thanks for sharing. Belgorod-Dnestrovskiy

  5. Akkerman says:

    really great post i really like this post thanks for sharing.Belgorod-Dnestrovskiy

  6. grover says:

    Bestech believes that it has an edge in the field of Real Estate Development because the group has the combined strength of conceptualization with 100% implementation and delivery.
    bestech park view ananda
    palm gardens gurgaon
    emaar mgf upcoming project
    emaar mgf latest project

  7. This post was very interesting. That’s why you have so many comments. Solicitors Slough

  8. Love your article so much!

  9. bird houses says:

    You certainly posted some very helpful and useful information within your blog post. You made some great points, i’ll be sure to use them next time around. bow and arrows for sale flasks are a great gift for virtually any male or female during any special occasion. For the best flasks online hip flasks. A great place for you to also get airsoft guns cheap airsoft guns cheap dandruff. Airsoft guns for cheap can be found at cheap airsoft guns for sale

  10. bird feeder says:

    You certainly posted some very helpful and useful information within your blog post. You made some great points, i’ll be sure to use them next time around. bow and arrows for sale flasks are a great gift for virtually any male or female during any special occasion. For the best flasks online flasks for men. A great place for you to also get airsoft guns cheap airsoft guns cheap dandruff. Airsoft guns for cheap can be found at cheap airsoft guns for sale

  11. I certainly love this article! And will come blog to your blog, too.

  12. Your post is fine enough to make someone understand this important thing, and I’m sure some will find it interesting because it’s about a topic that’s widely discussed. Will comeback soon to get more..
    philosophical quotes

  13. Drake Quotes says:

    Your post is fine enough to make someone understand this important thing, and I’m sure some will find it interesting because it’s about a topic that’s widely discussed. Will comeback soon to get more..
    Drake quotes

  14. cheap soccer cleats on sale also features Adaptive Traction, a pressure-activated cleat in the forefoot that extends when needed for the relentless grip and acceleration the game demands. The Nike Mercurial Vapor VII Superfly has firm-ground (FG) molded cleats for use on short-grass fields that may be slightly wet, but rarely muddy. Injected studs and a vapor traction pattern allow for effortless cutting and instant acceleration. And, for instant bursts of speed, cheap soccer cleats features toe-off traction.

  15. cheap soccer cleats 2011 would make the Nike Mercurial Vapor VII Superfly III Elite football boots stand out by method of the relaxation as well as the organization soil main plate is most effective suited to difficult and organization soil surfaces.Acceleration and sprinting is further enhanced by concentrated forefoot zonal spikes, Adidas AdiPURE IV TRX FG inspired by tracks spikes to optimise grip at toe-off for an extra burst of speed, giving you an advantage over the opposition.The revolutionary carbon fibre outsole suggests bigger nightmares for defenders. The online game just obtained smarter.The brand new cheap soccer cleats 2011 football boots, are to-date the most audacious release in the much-loved Mercurial series.

  16. I am actually not familiar with this process, but it looks different than other built in plugins from any photo editor.

  17. buy online says:

    I really like the way you have designed the Text.I will try to make some cool text design like you have made above.Thanks for inspiration and information.

  18. Thanks for the sharing information.

  19. EvoList aka ‘Evolutionary List’ is a system proven to increase the list building process and decrease the time spent at your workstation. From email to social networks to SMS and mobile Aney back!

  20. Honest mailer is a new e-mail discussion forum for marketers to discuss legal and ethical issues of marketing by e-mail without spam and spammers.

  21. I have to agree with those who praised the blog post above. I really enjoyed it and it made me quite curious to see what we are going to see or get on this website in the future, it’s exciting for me.
    dallas website design

  22. I have to agree with those who praised the blog post above. I really enjoyed it and it made me quite curious to see what we are going to see or get on this website in the future, it’s exciting for me.

  23. Atik says:

    I am happy to find this post. It gives me very useful information.essays and term papers writing

  24. Black Cohosh says:

    Great info…many thanks..

  25. Dysbiosis says:

    Thanks for writing such as great article about this subject.

  26. this is very good information indeed

  27. Mike says:

    I was suffering something, but I got in your site some different, but really best. Thanks a lot.
    music production

  28. designerella says:

    The Shiny effect is beautiful! I’m searching for a very simple way to create it. A video tutorial would be great :)

  29. designerella says:

    The shiny effect ist beautiful! I’m searching for the easiest way to use it for my graphics. a video tutorial would be great :)

  30. PR says:

    Thanks for this. I’m going to have a look at the logo on my website now and see if I can redo it. I never considered this before, but it does make the text look a lot more professional.

    Derby Nottingham Roofing Contractor Flat

  31. I appreciate and thank you for this post. Keep going fellow! Just looking for the next one of the you like this one.

  32. Oliver Condie says:

    Fantastic web site. A lot of useful info here. thanks

  33. India Export Import Business trading company is providing India Import Export service , india garment, handicraft, jewellery, food, furniture, gifts exporters list. India Export Import business Directory, manufactures,trade leads and much more products are available for buy and sell.

    indian furniture exporters |
    indian jewellery exporters

  34. Fireworks it’s really easy to use. Thanks for tutorial.

  35. SE Book says:

    neat thanks for the info

  36. Interesting, helpful tutotorial. Already using this! Thx!

  37. Steve says:

    Which is the global font used for website for business purpose?

    best vibration plate

  38. Really useful data, much thanks for your article.

  39. ?????? says:

    Thanks this is very good information

  40. ?????? says:

    Thanks this is very good information

  41. ?????? says:

    Thanks this is very good information

  42. sex toys says:

    I’m very sturdy about this and wish to be told more. If it is OK, when you reach more thorough knowledge,

  43. giveaway says:

    I found your website perfect for my needs. It contains wonderful and helpful posts. I have read most of them and got a lot from them. To me, you are doing the great. Really I am impressed from this post.

Leave a Reply

Search
Categories
Other Places I Roam