Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator绘制立体效果的白云云彩具体教程

Illustrator绘制立体效果的白云云彩具体教程

发布时间:2019-04-10   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator绘制立体效果的白云云彩具体教程等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator绘制立体效果的白云云彩具体教程资源
今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说绘制立体效果的白云云彩的具体教程,各位想知道具体绘制步骤的使用者们,那么就快来跟着小编一起看看教程吧。
<script>ec(2);</script>
给各位Illustrator软件的使用者们来详细的解析分享一下绘制立体效果的白云云彩的具体教程。
教程分享:
新建一个200X150的文件,画出如图上的几个图形并使底边的图形对齐。

 

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

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
画出模拟光源(图中绿色部分),将蓝色图形原地复制一个,将蓝色图形和绿色图形同时选中,使用路径查找器-交集得到图中绿色的图形

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
下面我们开始画背景,光源为右上角,新建一个200X150的矩形,对矩形使用渐变(图中),

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
值从左到右分别为(0,0,0,0),(24,13.5,12,0),(56,44,39.5,0),径向渐变

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再将蓝色图形选中添加图中的径向渐变,值可以自己调整,效果最佳为最好

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
选中银色的云打开窗口-透明度面板将这里改为柔光,改完后的效果图下

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再来做图中的红色图形(对光部分的边),选中他,将他改为白色填充

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再选中图中的黄色图形(背光部分的边),选中他,将他改为图中的渐变填充具体值根据效果自己调整

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再调整绿色的部分,选中他,使用图中的渐变

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
值请自己调整

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再选中这个图形打开窗口-透明度面板将这里改为柔光,改完后的效果图下

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
用钢笔工具画出图中的图形

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
再根据最初的云用缩放工具调整出图中大小的云

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
云的渐变色为

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
最后使用混合工具对下图中选中的两个图形进行混合,

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
混合选项为

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
效果图为

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
调出透明度面板,将其模式改为下图中的正片叠底,效果如下

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
最后要添加高光部分,画一个白色的源,使用滤镜-模糊-高斯模糊,调整值到合适大小即可

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
用同样的方法调出另外一个高光,效果图如下

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
还可以在上面加上一些个人的标签(字母,图形等等)

 

<center>Illustrator绘制立体效果的白云云彩,PS教程,</center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的绘制立体效果的白云云彩的具体教程解析分享的全部内容了,各位看到这里的使用者们小编相信大家看到这里是非常的清楚了绘制方法了吧,那么大家就快去按照小编上面给大家分享的教程自己去尝试着制作下。

您可能感兴趣的文章:
基于jquery打造的百分比动态色彩条插件
JQuery最佳实践之精妙的自定义事件
jQuery示例收集
Bookmarklet实现启动jQuery(模仿 云输入法)
一个背景云变换js特效 鼠标移动背景云变化
7款风格新颖的jQuery/CSS3菜单导航分享
jqPlot jquery的页面图表绘制工具
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
6款新颖的jQuery和CSS3进度条插件推荐
当鼠标移动时出现特效的JQuery代码

[关闭]