Illustrator绘制立体效果的白云云彩

2016-02-16 19:12 86 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Illustrator绘制立体效果的白云云彩,一起来学习了解下吧!

【 tulaoshi.com - Illustrator 】

这篇AI制作漂亮质感云朵教程是我刚刚在网络上学习的时候看到的一个教程,学习之后觉得挺不错的,教程制作的难度也不大,推荐一下和图老师的朋友们一起分享学习了。

我们先来看看最终的效果图吧:

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

具体的制作步骤如下:

新建一个200X150的文件,画出如图上的几个图形并使底边的图形对齐。

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

做这种图形要注意光源的位置(本图为右上角),再来画出对光部分的边(红色图形)和背光部分的边(黄色图形)。将图形全部选中合并(路径查找器-联集)成一个图中的蓝色图形,选中蓝色图形按CTRL+V和CTRL+F原地复制2个将其中一个向右上角移动适当距离,将他和另外一个蓝色图形选中,按路径查找器-减去顶层得到图中红色的图形,用同样的方法得到图中黄色的部分。

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

画出模拟光源(图中绿色部分),将蓝色图形原地复制一个,将蓝色图形和绿色图形同时选中,使用路径查找器-交集得到图中绿色的图形

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

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

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

下面我们开始画背景,光源为右上角,新建一个200X150的矩形,对矩形使用渐变(图中),

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

值从左到右分别为(0,0,0,0),(24,13.5,12,0),(56,44,39.5,0),径向渐变

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再将蓝色图形选中添加图中的径向渐变,值可以自己调整,效果最佳为最好

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

选中银色的云打开窗口-透明度面板将这里改为柔光,改完后的效果图下

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再来做图中的红色图形(对光部分的边),选中他,将他改为白色填充

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再选中图中的黄色图形(背光部分的边),选中他,将他改为图中的渐变填充具体值根据效果自己调整

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再调整绿色的部分,选中他,使用图中的渐变

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

值请自己调整

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再选中这个图形打开窗口-透明度面板将这里改为柔光,改完后的效果图下

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

用钢笔工具画出图中的图形

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

再根据最初的云用缩放工具调整出图中大小的云

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

云的渐变色为

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

最后使用混合工具对下图中选中的两个图形进行混合,

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

混合选项为

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

效果图为

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

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

调出透明度面板,将其模式改为下图中的正片叠底,效果如下

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

最后要添加高光部分,画一个白色的源,使用滤镜-模糊-高斯模糊,调整值到合适大小即可

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

用同样的方法调出另外一个高光,效果图如下

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

还可以在上面加上一些个人的标签(字母,图形等等)

Illustrator绘制立体效果的白云云彩,PS教程,图老师教程网

玻璃云的制作就完成了

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

延伸阅读
来源:Pconline 作者:优设译 云朵字制作方法有很多,不过思路基本类似。大致过程:先做好背景,可以直接使用素材;然后设定好想要的文字,并用烟雾或云朵笔刷沿着文字涂抹做出云朵字,也可以直接描边路径;后期添加装饰即可。 最终效果 1、新建一个1400*700像素的背景层,使用渐变工具在该背景层上拉一个从上至下的浅蓝色渐变。 2、渐变层...
本教程主要使用Illustrator绘制立体效果的黑色笔记本,教程难度不大,绘制的笔记本利用了一些基本形状,然后使用倾斜变换,运用效果制作皮革纹理就可以大致完成了。 先来看看效果图吧: 具体的制作步骤如下: 1、新建文档,使用矩形工具(M)绘制一个宽380*高500px的矩形。 2、选中新绘制的矩形,执行效果菜单风格化圆角。下一步,在圆...
本教程主要使用Illustrator绘制时尚立体效果的智能手机,教程难度算是中等,制作出来的手机挺漂亮的。推荐一下和图老师的朋友们一起分享学习了。 我们先来看看最终的效果图吧: 首先是界面 比较懒,界面做的很简单建一个矩形,比例我用的是15:9。渐变 然后就是简单的装饰了一下,放上一些图案将做好的界面转成符号,3D贴图使用 ...
按照本教程并学习如何在Adobe Illustrator中只使用一个形状来创建一个鳄梨。你将开始一个基本的形状,然后通过扭曲它,你将获得鳄梨的形状。从现在开始,您将添加露面逐一以创建鳄梨风格。您将创建果皮,果肉和种子,你将使用相同的形状添加辉光,亮点和阴影,但与现场效果的帮助:偏移路径,变换,转换为形状,电弧上,下弧和充气。如果这一切...
先看看效果图 1.我们开始制作使用星形工具制作海星的基本形状。我建议你采用跟本文一致的参数,这样在整个教程制作的过程中你就不需要再考虑尺寸对最终效果的影响了。 2.使用直接选择工具,略微移动海星的锚点,使其轮廓看起来更自然。 把各个尖锐的锚点转变成平滑过渡。(Shift+C拖动锚点即可) 移动海星5个锚点的手柄,效果如...

经验教程

138

收藏

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