A case of Microsoft Windows logo Practice

Window| the title of Microsoft article using an example of the use of the icon, rather than the use of the production method in detail, because of the consideration of the production of this icon may have their own unique methods, so the content of this section is a kind of a move! I hope that you can learn from them useful knowledge, I think this is enough. Before you start the tutorial, first look at an effect diagram, as follows:

1, in the editing area to draw a square object, side length of 90 pixel size, fill color can be set, do not stroke color, as shown in the following figure.

2, select the rectangular object, select the tool of the toolbox tilt deformation, drag the mouse to the right direction, drag distance of about a square object with a length of 1/4 size distance can be, the specific operation can be seen in the following figure:

3. In order to facilitate subsequent operations, the edit view is enlarged to 400% view state for subsequent edits.

4. Select the selected tool in the Toolbox and click at the path node at the top right corner to select the path node. Click the mouse in the margin, press the ALT key on the keyboard, click the Path node again, drag the mouse to the right direction, and drag the node adjustment handle to the right, as shown in the following illustration.

5, the right side of the node to adjust the handle is not what we need, still click the ALT key on the keyboard, click the Path node, drag the mouse over the upper left, you can drag the top of the path adjustment handle out, as shown in the following figure.

6, drag the upper left adjustment handle, by adjusting its length and its direction to make the arc effect of the upper side edge, as shown in the following figure.

7, the upper edge of the arc effect has appeared, but the right edge is not required arc effect, so select the Toolbox selection tool, press the ALT key on the keyboard, click the right direction just dragged out the top of the path adjustment handle, drag the mouse to the direction of the node, until it coincides with the path node, as shown in the following figure.

8, through the operation of the 7th step, the arc of the right side of the appearance of elimination, is still a diagonal state, as shown in the following figure.

9, referring to the above 4~ the 8th step of the operation method, the lower left corner of the path node is also dragged and pulled out of the two sides of the node adjustment handle, and then the right side of the adjustment handle drag adjustment operation, as shown in the following figure.

10, by adjusting the right side of the adjustment handle, get a satisfactory radian effect, you can drag the left side of the adjustment handle to the disappeared state, the method reference to the 7th step of the specific operation, this step operation as shown in the following figure.

11. Zoom the edit view to the normal state, and the adjusted edit area object will look like the following figure.

12, select the Rectangle object, the fill is set as a gradient fill in the linear gradient fill, in the Pop-up Color gradient settings box to set the fill color from left to right in turn to "#F77521-#FF9E52-#A52C08", the specific effect shown in the following figure.

13, the color set up, click the deformation Rectangle object, will appear color adjustment handle, click the rectangular adjustment point, drag right down to adjust it, so that the change in the direction of the gradient adjustment, the adjusted object will be shown below the figure.

14, select the object of the editing area, press "Ctrl+shift+d" key, clone it. Select menu command "Modify | change | path | Flex path", in the Telescopic path setting box that pops up, make the relevant settings as shown in the following illustration: Set the orientation to "internal"; the width is set to "2"; the angle selects the first right angle method, the setting is finished click OK button.

15. Open the Layer panel, select the deformed rectangular object at the bottom, its fill direction to make a horizontal flip adjustment, that is, the color control handle of the circle point Adjustment point to the right side, and the rectangular adjustment point to the left side, still retain its previous color fill direction, the specific adjustment after the effect of the following figure.

16, press "CTRL + a" key, at the same time select the editing area of two objects, press "Ctrl+g" key, its group group as an object. If you are not satisfied with the shape of the composite object at the moment, you can choose the Zoom tool to make further adjustments. Here in the horizontal direction of an enlarged processing, the specific adjustment effect shown in the following figure.

17, according to the "Ctrl+shift+d" key, cloned three of the same combination of objects, the rules placed as shown in the following figure.

18, with the SHIFT key, select the right side of the two combination of objects, select menu command "Modify | deformation | Rotate 180 degrees", and then make further adjustments to the position of each combination object, until the best visual results. So you can initially complete the appearance of the Microsoft icon production.

19, select the lower left corner of the combination of objects, the gradient color to make further adjustment settings, from left to right gradient color: "#637DFF-#A5B2FF-#2928DE"; The gradient color of the combined object in the upper-right corner is "#7BAE10--#9CF300--# 5a7908 the gradient color of the grouped object in the lower-right corner is "#FFCF10--#FFFF63--#8C7500" in turn from left to right.

Note When you color the grouped objects in this step, you change the color of the two objects at the same time. Therefore, do not need to make a color adjustment for each object of the composite object.

After adjusting the gradient color of each combination object, we can make further changes to the filling direction by adjusting the color fill handle of each combination object, make the final effect more realistic, the fine adjustment work here needs everyone to realize in the process of operation, the author will not wordy, In conclusion, the ultimate goal of achieving the best visual effects is to be carefully adjusted to complete, this needs to be remembered.

OK, add the relevant text and other effect settings, and finally complete your own Microsoft icon works. This concludes the tutorial for this section.