Fireworks MX 2004 Making Chocolate button

Source: Internet
Author: User
Tags key modify
Button recently free to do nothing, open FWMX2004, simple to do some effect, I feel good, so I wrote this article and everyone together to explore! The effect of the image as shown below, the name of the effect has not been thought well, just a friend came over, I then showed him some of this effect (hehe, Kite's vanity strong AH ~ ~), he immediately came to a sentence, "How so like chocolate beans ah?" "Oh, well, the name of the effect I immediately thought out, called the Chocolate button!" A lot of nonsense, let's take a look at how to make this chocolate bean effect button!


    Please click here to download the PNG file.

1, open fwmx or FWMX2004, new file, the size of casual, random background. Select the ellipse Tool (Circle Drawing Tool) of the toolbox, with the SHIFT key on the keyboard, draw a circle in the edit area, where the color is blue, as shown in the following illustration:


2, Next, we have to do a deformation of the round object treatment. Select the Circle object, select the Distort tool (distort tool) of the toolbox, and then drag the mouse to make some deformation of the round object, making it an oblique ellipse, as shown in the following image:


3. Select the deformed object, perform the Properties property panel effects---> Eye Candy 4000 LE---> Bevel Boss effect command, set in the pop-up settings: Basic options do not need to be modified, Use the default value directly; The lighting option also uses the default value; Bevel profile option Select the top button preset option, click OK, specific settings, please refer to the following figure:

4, select the editing area of the object, execute menu command "edit--clone (shortcut key for ctrl+shift+d)", in situ cloning a similar oblique ellipse object. Select Clone object, execute menu command "Modify--Transform--Numeric Transform (numerical distortion)", in the pop-up dialog box to set: The transformation of the Society to Scale (zoom); The horizontal and vertical scaling ratios are set to 70 sizes, The following two check boxes remain the default tick, as shown in the following illustration:


5, select the Clone object, execute "ctrl+shift+d" again, in situ clone a scaled Ellipse object, the following figure:


6, the original Ellipse object and a scaled clone object are selected at the same time. Execute the menu command "Modify--Combine Paths--Punch", punching it so that there are currently only two objects in the editing area: The oval ring that is generated after the punch command is executed, and the scaled cloned object, The specific situation is as follows:


7. Select the Ellipse ring object after punching, execute the Properties property panel effects---> Eye Candy 4000 LE---> Bevel Boss effect command, set in the pop-up settings: Basic options do not need to be modified, Bevel profile option is also maintained by default, lighting options need to make some simple adjustments, the specific value of the size of the ellipse ring according to the size of the set, this step is to produce a ring of high light point effect, you can observe the effect of the preview window to adjust, This example sets the value as shown in the following figure:


8, oh, look at the editing area of the object what has changed, is not already appeared we are looking forward to the button effect! Add some text to the button, then add an outer glow effect to the button, and execute the effects--> Shadow and Glow--> Glow effect command for the property panel. Specific numerical settings can be seen in the following figure:


9, copy several made the button, and then perform the property panel on the effect--> Adjust Color--> hue/saturation effect command, you can adjust the following picture shows the various effects! What are we waiting for, let's get started!




Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.