Illustrator打造漂亮的梦幻高光气泡

2016-02-16 20:03 103 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Illustrator打造漂亮的梦幻高光气泡,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Illustrator 】

最终效果:

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

16.把星星成组。

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

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

Illustrator打造漂亮的梦幻高光气泡,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573255.html

延伸阅读
标签: PS效果 PS PS基础
效果图中的文字效果并不复杂,用简单的样式就可以做出来。不过装饰部分制作就要复杂很多,其中包括背景部分的光点,文字上面的小光束等,需要慢慢渲染。 最终效果 1、新建1280*1024px大小的文档,我们将背景图层添加图层样式--渐变,颜色从#f2d445到#98a843。 2、打开碎片素材1,拉入画布中,摆放好位子,改图层模式...
本教程 主要是利用图层样式来制作气泡效果。大致方法:先用选框工具拉出正圆选区,填充颜色把填充改为0,然后设置图层样式,制作出简单的气泡,再适当加点高光,效果就出来了。 最终效果 1、新建文件背景色为黑,新建一个图层,用椭圆选框工具拉一个正圆选区,然后填充白色,把填充改为:0%,然后取消选区,创建图层调出图层样式...
来源:PS学堂 作者:Ps_“有烟飘过 效果图中的文字效果并不复杂,用简单的样式就可以做出来。不过装饰部分制作就要复杂很多,其中包括背景部分的光点,文字上面的小光束等,需要慢慢渲染。 最终效果 1、新建1280*1024px大小的文档,我们将背景图层添加图层样式--渐变,颜色从#f2d445到#98a843。 2、打开碎片素材1,拉入画布中,摆放好位...
来源:PS联盟 作者:Sener 气泡制作方法有很多,最快的方法就是用滤镜,不过效果不够细腻。下面介绍用纯手工的方法制作,过程虽然复杂一点,不过效果比较逼真。 最终效果 图1 1、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,由上至下拉出图3所示的线性渐变作为背景。 图2 图3 2、新建一个组,用椭圆选框工具拉出下图...
图标大致由两个大的部分构成:气泡与中间部分的球体。气泡部分稍微复杂一点,由内外两个气泡构成,制作方法基本类似。绿色球体部分制作相对简单一点,直接使用素材合成即可。 最终效果 1、新建一个1000 * 750像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、新建一个组,...

经验教程

449

收藏

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