Cascading Style Sheets Tutorial

  Complete diagram: 

  Steps: 

  1. Canvas: 200 × 200, the point Elliptic tool, hold down the shift painting a Zhengyuan, in the Properties panel will circle wide and high-set to 96, eliminate jagged edge, color # 870 d94 Figure 1; 

  2. Selected Zhengyuan, in a copy in situ (ctrl c, ctrl v), the color changed to # 333333, painting tools with a rectangular length of this round of the rectangular, position display in Figure 2. 

  Hold down the shift, check the circular and rectangular, "modifications" - "Portfolio Path" - "drilling", the effect Figure 3; 

  Once again selected the first painting Zhengyuan, in effect panel select the "medial luminous" parameter in Figure 4 

  Select "projection" parameter in Figure 5 

  Results are shown in figure 6 

  4. To highlight levels flu in the semicircle at the bottom of the painting two lines, one white, one black, and then straight back in the middle tools draw a straight line (brushwork 2, soften lines, transparency 50), Figure 7 (To see more clearly, to enlarge to 200 percent special preview); 

  5. Broad contours out, followed by elliptical tools on the spot painting insects, appropriate direction and position adjustment, the effect Figure 8; 

  6. Below do some head-high.    Painting an oval, select linear gradual, gradual adjustment of the direction, see figure 9 

  Gradual parameters Figure 10; 

  7. Remember, the insects are back Luminescence Oh, the same painting an oval, white arrow tool will be adjusted to figure elliptical shape, color # ff00ff edge emergence, the emergence of 25, results in Figure 11. 

  Obviously, some of the high-spots and the middle of the back cover, so the board level in the middle and high-Dot moved to the back of results in Figure 12; 

  8. Tentacles did not elaborate on the production, a friend familiar with the pen tool can be directly Steel stroke path, I was drawn Henben method of…… 

  PNG source files: 

Tags: layout examples

Releated Posts

• Rational use HTML tags to CSS layout
• ASP deal with a form submitted by the Ajax examples
• AJAX prepared with examples and technical user registration Summary
• Making Guide website: CSS page layout realization
• CSS primary entry: (1) The overall layout statement

This entry was posted on Saturday, June 30th, 2007 at 12:00 am and is filed under CSS Tutorial By Examples. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.