Illustrator 制作好看的蓝色矢量风格气泡

　　最终效果：

 
最终效果　　

1.新建文件，用矩形工具（M）画个矩形，填个较深颜色，让气泡显示的明显些。如图1。

 
图1 　　

2.用椭圆工具（L）画一个圆圈。如图2。

 
图2 　　

3.用钢笔工具（p）画出如图所示的形状，并原位复制那个黑圆圈（ctrl+c--ctrl+f），选择黑圈与新画的形状，用路径查找器里的“与形状区域相交”，取其交集，然后点击扩展。如图3。
图3 　　

4.继续用钢笔工具画出你认为应该有高光的区域。如图4。

 
图4 　

　5.用3.4中的方法作出其它的高光或反光区域。如图5、6、7。

 
图5

图6

 
图7

6.逐渐完善气泡上的各个高光及反光区域，不用在意他们的叠加次序，后期可以调整（ctrl+[ctrl+]）。在画的过程中，以尽量少的节点来画出想要的形状，以此来保持线条的光滑。如图8、9、10。
图8

图9

 
图10 　　

用椭圆工具（L）画一个圆。用美工刀工具（C）将圆切成两半，大体效果如图。删掉上半部分的圆，用添加锚点工具（+）添加几个锚点，用直接选择工具（A）选中相应节点，调整位置大体如图。通过调整锚点的控制柄，让图形圆滑些。（当然，这一步你也可以直接画三个小圆去剪切大圆的下部分。或者直接用钢笔工具画最下面的那个形状），如图11、12、13。
图11

 
图12

 
图13 　　

7.现在，气泡上的反光及高光范围已经基本画好，仅保留描边色看一下（位置不一定非得这样，按照个人对气泡的理解，觉得哪里该反光就画哪里）。如图14。
图14

8.给各部分填充颜色，首先隐藏刚开始画的那个黑色的圆，选中一块形状，用黑到白的渐变填充，适当降低透明度，并更改混合模式为“滤色”。如图15。
图15 　　

用同样的方法给其它部分上色（数值不一定完全按照这个来，随个人喜欢）。如图16、17、18。

 
图16

图17

图18 　　

9.因为对象较多，在上色的时候不可避免的会有误选的时候，可以通过锁定（ctrl+2）或者隐藏（ctrl+3）相关对象的方法尽量避免误选择。也可以通过图层管理器来方便的选择你想要的目标。如图19。
图19 　　

填充颜色不要仅局限于渐变，用网格填充会产生过度更加柔和的过度。如图20、21、22。

 
图20

 
图21

 
图22

10.深化一下细节，方法和上面的一样。没有固定的数值和位置，完全根据自己的想法来就行，在适当的地方添加更多的细节，让气泡看起来更精彩。如图23。
图23 　　

11.到现在，气泡已经大体完成了。显示刚才隐藏的那个黑色圆圈（ctrl+alt+3），将其删掉，我们已经不需要他了，卸磨杀驴：）。把气泡的其它部分群组（ctrl+g）。如图24。
图24 　　

12.多复制几个，调整透明度和大小，摆放的自然些。如图25。

 
图25 　　

13.气泡完成了，现在做几个小星星给气泡提提神。同样用钢笔（p）画一个三角形，填充黑-白的渐变，混合模式“滤色”，如图26。
图26

14.保持三角形的选中状态，用 效果--扭曲和变换--变换 来作出下面的样子，参数如图27。

 
图27 　　

15.把小星星成组（ctrl+g）旋转45°，复制一个，适当的调整大小，一个小星星就完成了。如图28。

 
图28

16.把星星成组。如图29。

 
图29 　　

17.多复制几个星星，放在气泡上。下面用网格工具（u）把背景色调整的更丰富一些。在背景上随意添加几个点，调整颜色，让背景看起来不那么单调。如图30。
图30 　　

18.给气泡上点色：大体的画如图31的形状，添加渐变色，可参考图中颜色，也可随意。

 
图31 　　

19.给刚才的图形用个模糊效果（效果--模糊--景象模糊），参数大体如图32。

 
图32 　　

20.保持这个图形的选中状态，更改它的混合模式为颜色减淡（大概吧，我也不认识英文）和透明度，让颜色看起来自然些。如图33。
图33 　　

21.同样的办法，添加点别的颜色。如图34。

 
图34 　　

最终的样子就是下面这样了，图35：

 
图35

最新评论