Skip navigation

Fireworks

John650 Calculating status...

Currently Being Moderated

How to create a glossy flag vector

Jul 18, 2012 8:46 AM

Tags: #vector #flag #glossy_effect #button.

Hello,

Can someone please show me a step-by-step process on how to turn a flag into a glossy flag vector as seen below? I am using Adobe Fireworks 8.

Thank you

989 Views 4 Replies Latest reply: Linda Nicholls, Jul 23, 2012 4:56 PM

Replies

Currently Being Moderated

1. Linda Nicholls,

Jul 19, 2012 8:23 AM in reply to John650

Report

You might find this tutorial helpful
http://www.playingwithfire.com/tutorials/tutorials.html

|
Mark as:
Currently Being Moderated

2. groove25,

Jul 21, 2012 8:55 AM in reply to John650

Report

These tutorials on creating "web 2.0 badges" might give you some good ideas:

http://www.jdavidmacor.com/2006/08/13/how-to-create-shiny-20-badges-wi th-adobe-fireworks/
http://www.calvinshub.com/2008/08/creating-a-web-20-style-badge-in-fir eworks/
http://www.fireworkszone.com/redirectionNbClicks.php?root=2&extension= 0&idTutorial=430

This tutorial by Veerle is for Illustrator but is specifically about creating a button/pin effect:

http://veerle-v2.duoh.com/blog/comments/creating_pins_in_illustrator/

|
Mark as:
Currently Being Moderated

3. John650,

Jul 23, 2012 9:54 AM in reply to Linda Nicholls

Report

Hi Linda,

I wanted to thank you for the wonderful job you did recreating the glossy vector flag from the original. There's only one problem. I forgot to tell you that I am a newbie. So when you tell me for example "to draw a white vector circle over the flag image, and reduce its opacity slightly to position it", I need to know how to carry out this functions (i.e. what buttons to click). I was able to draw a vector circle by holding down the shift key and using the ellipse tool. However, I did not know how to reduce the opacity to position it.

Also, when you said "clone the circle and hide the clone", I found out how to clone the circle by going to Edit > Clone, but not sure how to hide it.

The areas that I had the most trouble is 06 - 09. (where I have to add highlights). You said unhide the circle clone and reduce its size to around 80% of the original, I'm not sure how to acomplish this task. Can you please show me which buttons to click for 06, 07 and 09.

Thank you
John

|
Mark as:
Currently Being Moderated

4. Linda Nicholls,

Jul 23, 2012 4:56 PM in reply to John650

Report

Hi John,

The problem I have with giving you exact instruction is that it has been a long time since I've used Fireworks 8. :-) I don't remember which features it had and do not have access to the UI to tell you which buttons to click. Let's try this:

To hide an object, click on the 'eye' icon next to it's thumbnail in the Layers panel. To unhide it, click again on the eye icon.
When an object is selected by clicking on it, you should be able to locate an opacity slider in the Properties inspector.
To reduce the size of an object, first select it. Then you can you can either use the Transform tool to pull on a corner of the object bounding box, or you can select Modify > Transform > Numeric Transform.
If you use the latter method, finish by choosing the Scale option, and change the default 100% to 80%.

|
Mark as: