Illustrator实例教程:打造漂亮的梦幻高光气泡

2016-01-28 18:16 51 1 收藏

Illustrator实例教程:打造漂亮的梦幻高光气泡,本例介绍运用AI创建一个漂亮的梦幻高光矢量气泡,主要学习运用钢笔工具创建气泡高光的形状,再用渐变填充工具填充高光颜色,另外还讲解了矢量星光的制作方法,希望能给朋友们带来帮助~~

【 tulaoshi.com - Illustrator 】

本文由 中国 fightting 编译,转载请保留此信息!

在学习中遇到问题可以到 论坛 发贴交流!

本例介绍运用AI创建一个漂亮的梦幻高光矢量气泡,主要学习运用钢笔工具创建气泡高光的形状,再用渐变填充工具填充高光颜色,另外还讲解了矢量星光的制作方法,希望能给朋友们带来帮助~~

最终效果:

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

1.新建文件,用矩形工具(M)画个矩形,填个较深颜色,让气泡显示的明显些。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

2.用椭圆工具(L)画一个圆圈。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

5.用3.4中的方法作出其它的高光或反光区域。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

用同样的方法给其它部分上色(数值不一定完全按照这个来,随个人喜欢)。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

填充颜色不要仅局限于渐变,用网格填充会产生过度更加柔和的过度。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

15.把小星星成组(ctrl+g)旋转45°,复制一个,适当的调整大小,一个小星星就完成了。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

16.把星星成组。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

19.给刚才的图形用个模糊效果(效果--模糊--景象模糊),参数大体如图。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

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

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

21.同样的办法,添加点别的颜色。

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国

最终的样子就是下面这样了:

Illustrator实例教程:打造漂亮的梦幻高光气泡_中国


对本文感兴趣的朋友请到这里与作者交流:http://bbs.jcwcn.com/viewthread.php?tid=302834

来源:https://www.tulaoshi.com/n/20160128/1467020.html

延伸阅读
标签: Illustrator
本文由 冰蓝飞翔 编译,转载请保留此信息! 在学习中遇到问题可以到 Illustrator版块 发贴交流! 这教程是我从一国外AI网站翻过来的,此教程很简单,主要用的到是封套工具。 先看图: 1.首先画一心型图,如下: 2.在心型图上画两条线段,弧度可自定,然后填充笔触颜色为白色,在轮廓小窗口里选择宽度为1,也可自定(保存一...
illustrator(AI)可以算作制作Logo标志的首选软件,像文中的彩色规则图形用AI做起来十分轻松,相信熟悉AI软件的设计师只需要看图就能明白具体做法,而这种规则花瓣图形也很适合用于标志设计,总之本文的主要目的就是给大家举出一个制作规则图形的思路,依照此方法可以做出许多自己需要的图形。 来源:活力盒子 翻译 最终作品如下: 步骤1 ...
标签: PS PS教程
本例引导初学者用镜头光晕滤镜和极坐标滤镜制作透明气泡。大家可以在此基础 上发挥想象力,作出更多的效果。 先请看效果图 [next] 新建文件如图设置参数 按Alt+Delete键填充黑色 执行滤镜——渲染——镜头光晕,把光晕拖到稍靠中心的位置,如图示 再执行滤镜——扭曲——极坐标,如图,选择极坐标到平面坐标,确定 [nex...
标签: PS PS教程
本文由 中国 飘零的枫叶 原创,转载请保留此信息!   本系列教程由中国互助课堂专为PS新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!   教程过程比较繁琐,主要是照顾新手朋友,其实制作起来很简单,大概五分钟就可完成 先来看看效果吧 [next]...
最终效果: 教程分3部分,背景;图形;文字。好了,开始吧! 1、新建矩形框,去掉填充、描边。 然后新建填充,填充渐变。 然后再在上层新建填充,填充亮一点的灰色,对灰色应用效果-艺术效果-胶片颗粒。然后把混合模式改为正片叠底 再在最上层新建填充,填充径向渐变(白色-灰色),在透明度面板把混合模式改为正片叠底。 2、...

经验教程

959

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部