A tutorial on using fireworks to make super cool icons

Source: Internet
Author: User
Tutorial
Not long ago on the site to see such an icon (as shown below), a time to think this bomb modeling cool, three-dimensional feeling is very strong, very cute, now we use Fireworks MX also learn to do a, below to briefly introduce the production process.

Operation Steps:
1. Turn on fireworks MX, press CTRL + N, create a new document, keep the default width, height, and resolution unchanged.
2. Select the Circle tool in the toolbar, hold down the SHIFT key, and draw a circle in the center of the scene with a diameter of 139, shielding the edge from the image shown below.

3. Using the Circle tool, draw a 99, 72 ellipse in the scene, change the Fill color property to linear, and the gradient property as shown in the following figure.

Using the Selection tool, select the ellipse, change the fill direction, and finally, as shown in the figure, change the opacity to 70, blending mode for the screen.
 
4. Use the Circle tool again, in the scene to draw a width of 107, high 71 of the ellipse, fill color gradient properties and direction as shown in the following figure, opacity is 100, blending mode for the screen.
 
5. Draw an ellipse with a width of 79, a height of 54, a solid filled property and a black color.
6. Draw a positive circle with a diameter of 52, a filled property that is solid, and a black color.
7. Draw an ellipse with a width of 43 and a height of 67, and the color is yellow #ffff00.
8. Draw a positive circle with a diameter of 42 and a yellow #ffff00 color.
9. Draw an ellipse with a width of 20, a height of 36 and a black color.
10. Draw an ellipse with a width of 12, a height of 24 and a black color.
11. Draw a positive circle with a diameter of 12, the color is white.
Note that when drawing these graphs, it is best not to turn the order upside down so as not to cause unnecessary trouble.
12. Stitch the two black circles drawn in the 5th and 6 steps together and adjust the position in the scene as shown.

13. Adjust the relative position between the shapes drawn in step 7,8,9,10,11 and adjust their position in the scene, as shown in the final illustration.

14. Select the rounded Rectangle tool in the toolbar, draw a rectangle with a width of 32, a height of 40 in the scene, adjust the rectangle roundness to 50, change the Fill property to linear, and adjust the gradient as shown:
 
The third color is #cccccc, and the other three are black, and the resulting graphic is illustrated:

15. Use the Circle tool in the scene to draw a width of 32, high 14 of the ellipse, the fill color is #cccccc, the edge is filled with black.
16. Draw a line with a height of 35 from the line tool in the toolbar, change the fill color to #999933, and the thickness to 8.

17. Use the Freeform tool in the toolbar to select the line that you just plotted, and change it to form the shape of the diagram:

18. Select the previous three steps to draw the graphics stitching together, rotating about 45 degrees, and finally as shown

19. Draw an ellipse with a width of 84, a height of 32, change the color to #666666, and the opacity value to 80, and drag it to the last level:

20. Draw an ellipse with a width of 156, a height of 36 and a color of #cccccc, and drag it to the last layer.
21. Select the 18th step of the three graphics copy once, and its fill color all changed to #cccccc, after the deformation operation of the lead and catheter shadow, drag it to the last layer.
22. Adjust the previous three steps to get the position of the graphics, press ctrl+shift+x, Pop-up Preview dialog box, the format to JPEG, the quality of 100, and then export, and finally get such a lovely bomb icon:


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.