Make a pager in fireworks

Source: Internet
Author: User
Tags modify

Look at the effect chart first.

Perhaps you have already entered the mobile age, but can not deny that the paging communication has given us great convenience, drink from, let us remember the pioneer of digital information---pager.

1, new file, width=300,height=220, background color is white,

2, with rounded Rectangle tool, in the editing area dragged and drawn a round solution rectangle, fill color for #006633. Open the Object panel, in Roundness. The input fillet angle is 36. Select the rounded rectangle, open the effect panel, bevel and Emboss>inner bevel, in the pop-up settings box, as shown in Figure settings.




3, with rounded rectangle in the editing area to drag a slightly smaller rounded rectangle, in the object panel, the rounded number of roundness set to 36, fill color for #006633, clone it a standby edit>clone, for convenience, Hide the cloned rounded rectangle (the eye icon in front of it in the Layer panel). Select the rounded rectangle, open the object panel, bevel and Emboss>inset emboss, as shown in the Pop-up settings box.



4, open just hide the cloned rounded rectangle, (in the layer panel in front of its eye icon can be), select it, open the fill fill panel, such as diagram settings

5, so that the rounded rectangle from the upper left corner to the lower right corner of the gradient, open the effect panel, bevel and Emboss>inner bevel, in the pop-up settings box as shown in the diagram settings.



6, aye. How is this effect, not too good, don't worry, see how we let it go to the right path. Select the black rounded rectangle, and in the Layer panel, select the blending mode to screen to see what changes have been made. That's what we want.






7, with rounded Rectangle tool in the editing area to drag and draw a suitable size of rounded rectangle, in the object panel, set the rounded number roundness to 36, we want to turn the rounded rectangle into the screen on the pager, select it, open the Fill panel, and choose a linear gradient linear, To do as the figure edits



8, select the rounded rectangle, with the paint bucket tool to make the gradient from top to bottom fill, open the effect panel, bevel and Emboss>inset emboss, in the pop-up settings box as shown in the figure set



9, the following we give a key to the pager, using the Ellipse tool in the toolbox to drag and draw a small oval, the fill color is black, select the ellipse edit>clone cloned one, the cloned ellipse to hide the standby, select the ellipse, open the effect panel, bevel and Emboss >inset Emboss, as shown in Figure setting



10, open just hide the cloned ellipse, select it, open the effect panel, bevel and Emboss>inner bevel, in the pop-up settings box like figure set



11, select the two ellipses, modify>group their group, select the group after the ellipse, Edit>clone cloned one, move it to the side. So two buttons are formed, using the same method, and then draw a slightly larger button, with the rotation tool to rotate the big button a little angle. At this point the effect is as shown


12. Draw a Motorola icon and double-click the Polygon tool in the Toolbox to shapc:polygon,sides:3 in the Options box that pops up. Drag a positive triangle in the edit area, fill it with white, and use the node tool to drag the point on the edge of the triangle toward the middle.



13, with the Ellipse tool to draw a suitable size ellipse, move it to the top of the triangle, while selecting ellipses and triangles, modify>combine>punch. So we get a triangle with an arc.



14. Copy this triangle with an arc and move it to one side. Arrange the two triangles neatly, and select them modify>group to their group, so that the icon is complete, and use the Zoom tool in the toolbox to shrink the icon.

15, and then give the display a small horn, the method and the same as above, with an appropriate rectangular and triangular group or joint can be, and then use the effect panel shadow and Glow>drop shadow to the small horn appropriate add point projection. The next step is to add word and direction to the pager icon, I believe that everyone will, here no more said.

Well, a pager is done, go, have a cup of tea, I invite you ah!



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.