Illustrator make QuickTime logo tutorial

Source: Internet
Author: User
Tags numeric value
To give you illustrator software users to detailed analysis to share the production of QuickTime logo tutorial.
Tutorial Sharing:
Step 1
Create a 700*700px document. First, display the grid (View menu > Display grid) and the snap grid (View menu > Snap to Grid). Next, you want to make the grid line interval of 5px. Execute Edit menu > Preferences > Guides and grids, enter 5 in the Grid line interval box, and enter 1 in the secondary divider box. Then open the Info Panel (Window menu > info) so that you can preview the shape's size and position in real time. Remember to change the unit of calculation to PX (Edit menu > Preferences > Units > General). All of these settings will speed up your work schedule.

Step 2
Using the Ellipse tool (L), hold down the SHIFT key to draw a 420*420px circle. padding: None, stroke weight: 85px, stroke inside alignment, and then execute Object menu > expand Appearance.

Step 3
Next, set the grid line spacing to 2.5px. Execute Edit menu > Preferences > Guides and grids, and enter 2.5 in the Grid spacing box. Select the Rectangle tool to draw a 95*175.5px rectangle. Fill: Any color, then execute Object menu > Path > Add Anchor point. Select the direct Selection tool (a), select the left and right anchor points on the bottom, and move up to 47.5px (hold down the SHIFT key to select multiple anchor points). Now, the shape should look like the figure #3. Select it, and then execute the Object menu > Transform > Rotate. Enter 45 degrees and click OK. Next, execute the Effects menu > Styling > Fillet. Fillet radius Enter 3px, click OK, and then execute the Object menu > expand Appearance.

Step 4
Select the shape you want to draw in step 3 and put it in the position shown in the following figure. Select all the shapes and click the Add button to the shape area in the Pathfinder panel.

Step 5
Now paint the shapes. First, make sure that the Appearance palette is turned on. Now, select the shape of step 4, fill: r=8 g=145 b=228. Select this fill (select in the Palette), and then perform the Effects menu > Styling > Glow. Enter a numeric value such as #, and then click OK. The shape is still selected, adding a fill from the pop-up menu of the palette. Select the 2nd fill and apply a linear gradient like Figure 2. The 2 color of the gradient looks similar. Yellow text indicates opacity, and white text indicates position. Let's continue to paint. Add a new fill and apply the linear gradient as shown in Figure #3. Add one more fill, apply
The radial gradient as shown in Figure #4. Select it (select in the palette) to reduce the opacity to 70%. Add the last fill and apply a radial gradient. Finally, select all the paths and add the inner glow effect as shown in the figure.

Step 6
Execute Edit menu > Preferences > Guides and grids, enter 5 in the Grid line spacing box. Select the Rectangle tool (m) to draw a 60*260px rectangle. Select it, apply the 30px fillet effect (Effects menu > Styling > Rounded corners), and then execute the Object menu > Extended appearance. Select the Rectangle tool (m) to draw a shape as shown in Figure 3. Then select it and the rounded rectangle, and click the Subtract button from the shape area in the Path Finder palette. The resulting shape is shown in Figure 4.

Step 7
Let's look at the shape drawn in step 6. First, select it, and then execute the Object menu > Path > Add Anchor point. Now, select the Direct Selection tool (a), and select the anchor point, as shown in the high cursor, to move up to 5px. Then select the Convert Anchor Point tool (Shift+c), and click the anchor point to drag to the right. After dragging the anchor point has the effect of arc. Select the shape, and then copy it (CTRL+C,CTRL+F). Select a copy and move 45px down. Now, select the 2 shapes and click the Split button in the Path Finder palette. This will get a group of 4 shapes. Delete the 2 shapes you don't need, as shown in Figure 4.

Step 8
Now, let's take a look at the shape of step 7 after the split. First, fill: white, then add 4 more fills, and apply the linear gradient as shown in the figure.

Step 9
Next, split the step 7 and color the shape below. padding: r=8 g=130 b=228, and then add a fill to apply the linear gradient shown in Figure 2.

Step 10
Copy the Blue shape, and then select the Rectangle tool (m) to draw the shape shown in Figure 1 in red. Then select it and a copy of the Blue shape and click the "Intersect with Shape Area" button in the Path Finder palette. The resulting shape, filled with the linear gradient shown in Figure 2, then adds a fill and applies the same linear gradient (as shown in the figure). Select these 2 fills to reduce the opacity to 30%.

Step 11
Hide the grid and turn off the snap grid. Perform Edit menu > Preferences > General, enter 1 in the keyboard increment box. Make a copy of 2 blue shapes, then select the top level copy and click the left key on the keyboard 6 times (move 6px to the left). Then select the 2 copies and click the Subtract button from the shape area in the Path Finder palette. The resulting shape, padding: r=0 g=30 b=157, reduces opacity to 10%. Perform Edit menu > Preferences > General, enter 0.5 in the keyboard increment box. Make a copy of the 2 blue shapes, then select the top-level copy and click the left key on the keyboard 3 times (move 1.5px to the left). Select the 2 copies and click the Subtract button from the shape area in the Pathfinder panel. The resulting shape, padding: r=2g=97 b=254, reduces opacity to 50%. Then make a copy of the 2 blue shapes, then select the top-most copy and click the right key on the keyboard 9 times (move 4.5px to the right). Select the 2 copies and click the Subtract button from the shape area in the Pathfinder panel. The resulting shape, padding: linear gradients as shown in Figure 6.

Step 12
Select the shape to draw after the 6 steps, Group (CTRL+G). Select this group to perform the Object menu > Transform > Rotate. Enter-45 degrees, click OK, and then put it in the position shown in Figure 2.

Step 13
Displays the grid and opens the snap grid. Select the Ellipse tool (L). First, draw a 320*280px ellipse, draw a 270*235px ellipse, and put it in the position shown in Figure 2. Select the 2 circles and click the Subtract button from the shape area in the Path Finder palette. Next, select the Rectangle tool (m) and draw a rectangle as shown in Figure 4. Then select it and the ellipse, and click the Subtract button from the shape area in the Pathfinder panel.

Step 14
Select the shape you want to draw in step 13, place it at the top (SHIFT + CTRL +]), place it as shown in the figure, and then fill the radial gradient. Don't forget that the white text represents the position, and the yellow text indicates the opacity.

Step 15
Select the Ellipse tool (L), draw a 295*35px ellipse, and then select the Convert Anchor Point tool (shift+ C) and click the anchor point as shown in the high cursor. Select the shape you just drawn, add an arc effect (Effects menu > Warp > Arc), and then execute the Object menu > Extended appearance.

Step 16
Select the shape you want to draw in step 15, place it at the top (SHIFT + CTRL +]), place it as shown in the figure, and then fill the radial gradient.

Step 17
Select a large, blue shape, and then execute the Object menu > Path > Offset path. Enter -3px, and click OK. Select the Pen tool (p) to draw a shape that is shown in red in Figure 2. Then select it and a copy of the Blue shape and click the Intersect button with the shape area in the Pathfinder panel. The resulting shape fills the radial gradient and then decreases the opacity to 85%. Next, you want to hide part of this shape. Copy it, and then open the Transparency Palette (Window menu > Transparency). Select the copy and populate the linear gradient shown in Figure 4. Now, select the copy and the original shape, open the Transparency Palette pop-up menu, and select New opacity mask. Finally, the resulting shape is shown in Figure 5.

Step 18
Finally, select all the shapes, groups (Ctrl + G). Select this group, and then perform the Effects menu > Styling > Projection. Enter the number shown in the figure, click OK, the logo is complete.

At last
Now the logo is complete. The following figure.

Okay, the above information is small make up to you illustrator this software users to bring the detailed production of QuickTime logo tutorials to share all the content, you see the users here, small series believe that we see here now is very clear the production method , then everyone will go to follow the small series on the above tutorial to draw a look at the effect of it.

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.