Illustrator design Transparent Color bubble effect Drawing Tutorial

To give you illustrator software users to detailed analysis to share the design transparent color bubble effect of the drawing tutorial.

Tutorial Sharing:

Look at the final effect first.

This article takes illustrator CS2 Chinese version as an example, the other version of illustrator may be slightly different in the procedure. The end of the article provides the. ai source file download reference.

The specific steps are as follows.

1. Run illustrator CS2 Chinese version, press CTRL + N to open the "New Document" dialog box, enter the name "bubble" in the dialog box, the document orientation is set to landscape, color mode with RGB color, the specific settings as shown in Figure 1. Set Finish Click OK.

Figure 1

2. Select the Oval tool in the toolbox, hold down the SHIFT key while dragging the mouse over the canvas and draw a circle, as shown in Figure 2.

Figure 2

3. Click the Stroke icon in the Toolbox and click the None button below, set the stroke of the circle to none, as shown in Figure 3. You can also set the stroke thickness to 0 in the stroke panel.

Figure 3

4. Keep the circle selected, click From White to black radial in the swatches panel, and change the fill color of the circle to the gradient fill shown in Figure 4.

Figure 4

5. To adjust the gradient color options in the Gradients panel, drag the diamond gradient slider above to the far right so that position appears as 87%, and then select the rightmost gradient slider and change its CMYK value to M100 in the color panel, as shown in Figure 5.

Note: If you can't see the color setting options shown in the color panel, you can click the small arrow in the upper-right corner of the panel and select CMYK and select the show Options command. If you don't see the options shown in the gradient panel, you can also click the small arrow in the upper-right corner of the panel, and then select the Show Options command.

Figure 5

6. In the transparency panel, change the opacity of the circle to 28%, as shown in Figure 6.

Figure 6

7. Select menu command "effect | style | projection" as shown in Figure 7.

Figure 7

8. In the projection dialog, set the opacity to the 15%,x offset setting to 8mm, the blur setting to 1.3mm, and the other default setting, as shown in Figure 8. Set Finish Click OK.

Figure 8

9. Select the Ellipse tool in the toolbox and draw an ellipse in the position shown in Figure 9, with the fill color set to white and the stroke color set to none.

Figure 9

10. Select the direct Selection tool in the Toolbox, select the anchor point below the ellipse, drag the adjustment handles on both sides, and change it to the shape shown in Figure 10.

Tip: Before you do this, you can first select the circle below and press ctrl+2 to lock it. This makes it easy to do the following.

Figure 10

11. In the opacity panel, change its opacity to 37%, as shown in Figure 11.

Figure 11

12. First lock the ellipse drawn above, then select the Ellipse tool in the Toolbox, draw an ellipse as shown in Figure 12, and set the fill color to K24, as shown in Figure 12, with a stroke of none.

Figure 12

13. Select the selection tool in the toolbox and rotate the ellipse to a certain angle to get the result as shown in Figure 13.

Figure 13

14. Select menu command "effect | blur | Gaussian blur" as shown in Figure 14.

Figure 14

15. Set RADIUS to 5 pixels in the Gaussian Blur dialog box, as shown in Figure 15. Set Finish Click OK.

Figure 15

16. In the transparency panel, change its opacity to 42%, as shown in Figure 16.

Figure 16

17. Select the Ellipse tool in the toolbox and draw a small oval in the position shown in Figure 17, with the fill color set to white and the stroke set to none.

Figure 17

18. Select the "Select Tool" in the toolbox and rotate the small ellipse to a certain angle to get the effect shown in Figure 18.

Figure 18

19. Press CTRL + A to select all the graphics, and then press and hold the ALT key while dragging to the side to copy another bubble, as shown in Figure 19.

Figure 19

20. After you deselect, select the circle separately, and then in the gradient panel, select the rightmost gradient slider and change its color value in the color panel, as shown in Figure 20, to get a bubble of another color.

Figure 20

21. The same method can be used to produce many different colors of bubbles, the final effect as shown in Figure 21.

Figure 21

Well, the above information is small set to you illustrator of this software users of the detailed design of transparent color bubble effect of the drawing tutorials to share the full content of the You see the users of the software here, I believe you are now very clear about the way to draw it, Then everyone to follow the small series of the above tutorial to draw their own transparent color bubble bar.