起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 童趣大风车(ai教程)

童趣大风车(ai教程)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:教程IllustratorAI教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 在下面的步骤中,你将学习如何用ai 创建一个丰富多彩的螺旋桨风车。 对于初学者,你将学习如何建立一个简单的网

童趣大风车(ai教程)_qh.itpxw.cn

在下面的步骤中,你将学习如何用ai创建一个丰富多彩的螺旋桨风车。

对于初学者,你将学习如何建立一个简单的网格,以及如何创建使用基本的工具和效果。同时你将学会如何使用混合模式和外观面板中的图层样式为这些形状添加颜色和阴影。也将学习如何用一个简单的变换效果和新颜色,制作更多新的螺旋桨。

最后,你将学习如何创建一个丰富多彩的微妙质感背景。

1,创建一个新文档,设置网格

ctrl+N创建一个新的文档。单位选择为像素, 宽度为600px;高度为750px,然后单击高级按钮设置颜色模式为:RGB ​​,栅格效果为:屏幕(72ppi) ,并确保该使新建对象与像素网格对齐框未被选中,然后单击确定

启用网格视图>显示网格)和对齐网格视图>对齐到网格)。对于初学者,您将需要每个网格为5px,去编辑>首选项>参考线和网格,设置网格线间隔为5px的和次分隔线为1。它会减轻你的工作,  通过ctrl+“ 你可以轻松地启用或者禁用网格。

你也应该打开信息面板(窗口>信息)实时预览形状的大小和位置。不要忘了编辑>首选项>单位,常规选项设置为像素。所有这些选项将显著提高您的工作效率。

童趣大风车(ai教程)_qh.itpxw.cn

2,创建两个主形状

第1步

命名图层1为“橙色”。选择矩形工具(M) 。在工具栏,取消描边颜色,设置填充颜色为R = 255,G = 167, B = 0。创建一个135像素x55像素的矩形,这时对齐到网格就起到作用了。用直接选择工具(A)选中右上角的锚点。将其向左边移动55像素

改变圆角弧度的2种方法:

方法1:保持移动的锚点处于选中状态,在控制面板,在圆角框输入24PX此功能仅适用于CC用户方法2:更换这种效果最好的解决办法是圆形的任何一个角落,可以在本文中找到:20个免费的和有用的Adobe Illustrator脚本。将其保存到您的硬盘驱动器,回到AI中选中直接选择工具(A) 。选择锚点并转到文件>脚本>其他脚本。打开圆形的任何一个角落脚本,输入24PX半径,然后单击OK(确定)。最终的结果可能看起来有点不同。

童趣大风车(ai教程)_qh.itpxw.cn

第2步

在橘色形状上,并确保直接选择工具(A)仍然有效。选择左侧的锚点,设置圆角半径30像素。使用选择工具(V) ,选择您的整个形状和去效果>变形>下弧形。进入如下图所示的属性中,单击OK(确定),然后转到对象>扩展外观

童趣大风车(ai教程)_qh.itpxw.cn

第3步

让橘色形状仍处于选中状态,去效果>变形>下弧形。进入如下图所示的属性中,单击OK(确定),然后转到对象>扩展外观。形成底部形状。然后切换到直接选择工具(A) 。选择右下角的锚点, 设置圆角半径3px的。现在你的形状应该是第三图的样子。

童趣大风车(ai教程)_qh.itpxw.cn

第4步

新建图层,命名为“黄色”,设置填充颜色为R = 255,G = 194 B = 53,选择矩形工具(M) ,创建一个70×55像素形状,并将它放在最上层。选中该黄色矩形,切换到删除锚点工具( – ) ,删除右下角锚点。这时你的黄色矩形成三角形,如第二图像所示。

童趣大风车(ai教程)_qh.itpxw.cn

第5步

选中黄色矩形,去效果>变形>拱形。进入如下图所示的属性,单击OK(确定),然后转到效果>变形>下弧形。进入下图所示的属性,单击OK(确定),然后转到对象>扩展外观

童趣大风车(ai教程)_qh.itpxw.cn

第6步

直接选择工具(A) ,选中左上角的锚点,设置圆角半径10px的

童趣大风车(ai教程)_qh.itpxw.cn

第7步

禁用对齐网格视图>对齐到网格),打开智能参考线ctrl+).新建图层,命名为“路径”,使用钢笔工具(P) 大致创建一个简单的路径,如图中的第一个图像的黑色形状选择橙色形状,并将其使用Ctrl+C(复制),在前面画的路径面板上 ctrl+F (原位粘贴)。选择橙色形状,右击,排列>置于底层。在”路径“图层,同时选中橙色形状和黑色形状,打开路径查找器面板(窗口>路径查找器),然后单击交集按钮,完成后如图三。现在关闭智能参考线ctrl+U )。

童趣大风车(ai教程)_qh.itpxw.cn

第8步

然后选择黄色形状, 按住Shift+ctrl+] 将其置于最顶层。同时选中黄色形状和黑色形状,然后单击路径查找器面板中联集按钮。

童趣大风车(ai教程)_qh.itpxw.cn

第9步

选中黄色形状并复制(Ctrl-C),然后在“橙色”图层上粘贴(ctrl+F )。在“橘色”图层,同时选中黄色形状副本和橘色形状,然后单击路径查找器面板中减去顶层按钮。现在形状如图二所示。

童趣大风车(ai教程)_qh.itpxw.cn

3,添加颜色和光感

第1步

“编辑>首选项>常规”键盘增量设置为1像素。选中橙色形状,原位复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F)。选择顶部的副本,并使用方向键下移1px,右移1px。选择在这个步骤复制的两个形状,然后单击路径查找器面板中减去顶层按钮。选择生成的形状在外观面板上,设置填充颜色为黑色(R =0,G =0, B =0),然后点击“不透明度”,弹出透明面板。降低不透明度为25%,改变混合模式柔光

童趣大风车(ai教程)_qh.itpxw.cn

第2步

重新选择橙色的形状,原位复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F)。选择顶部的副本,并使用方向键下移3px,右移5px。选择在这个步骤复制的两个形状,然后单击路径查找器面板中减去顶层按钮。选择生成的形状在外观面板上,设置填充颜色为黑色(R =0,G =0, B =0),然后点击“不透明度”,弹出透明面板。降低不透明度为10%,改变混合模式柔光.

童趣大风车(ai教程)_qh.itpxw.cn

第3步

重新选择橙色形状,复制一个副本(Ctrl+C>Ctrl+F>Ctrl+F)。选择这个副本,并去对象>变换>旋转。设置角度为5度,然后单击复制按钮。确保新创建的形状被选中并向下移动5像素,向右移动5像素。选择在这个步骤复制的两个形状,然后单击路径查找器面板中减去顶层按钮。选择生成的形状在外观面板上,设置填充颜色为黑色(R =0,G =0, B =0),然后点击“不透明度”,弹出透明面板。降低不透明度为5%,改变混合模式柔光. 

童趣大风车(ai教程)_qh.itpxw.cn

第4步

重新选择橙色的形状然后去对象>路径>偏移路径。输入-1px偏移,单击确定。选中新建的形状,复制一个新的形状(Ctrl+C>Ctrl+F)。选择后复制的这个形状,将其移动1像素。选中在这个步骤做的两个形状,然后单击路径查找器面板中减去顶层按钮。将填充色改为如下图3中所示的线性渐变的形状,并降低它的不透明度为70%黄色的数值代表透明度百分比

童趣大风车(ai教程)_qh.itpxw.cn

第5步

重新选择你的橙色的形状,在外观面板中,使用添加新填色按钮添加第二填充。设置第二填充如图1所示 。注意:黄色的数字代表透明度百分比,而蓝色的数字“50”代表位置的百分比。

然后添加第三填充色,如图2所示,且降低其不透明度为30%。

童趣大风车(ai教程)_qh.itpxw.cn

第6步

选中黄色形状,将其在当前位置复制两层(Ctrl+C>Ctrl+F)。选中第一层复制的形状,将其向上、向左个移动1个像素。然后选中这两个复制到形状, 单击路径查找器面板中减去顶层按钮。确保选中所得到的形状,改变其混合模式为柔光,添加如图2所示的渐变。

童趣大风车(ai教程)_qh.itpxw.cn

第7步

选中黄色的形状,并复制前两份(Control+C > control+f > control+f)。选择顶部的复制形状将它向右移动2px。重新选择在这一步中复制的两个副本, 单击路径查找器面板中减去顶层按钮。确保选中所得到的形状,降低其不透明度为50%,改变混合模式为柔光,添加如图2所示的渐变。

童趣大风车(ai教程)_qh.itpxw.cn

第8步

选中黄色形状,填充色换为如图1所示的渐变。然后选中所有的形状编组(Ctrl+G)

童趣大风车(ai教程)_qh.itpxw.cn

 

4.重新给风车着色

第1步

选择你的编组,去效果>扭曲和变换>变换。进入如下图所示的属性(不要忘记检查底部的左参考点),然后单击OK。然后转到对象>扩展外观。确保组内的形状被选中,只需单击Ctrl+G取消编组。在图层面板上,你会发现四个独立的组。

童趣大风车(ai教程)_qh.itpxw.cn

第2步

选中右侧的螺旋桨的组,将其对应的图层的渐变色改为如下图所示

童趣大风车(ai教程)_qh.itpxw.cn

第3步

选中左侧的螺旋桨的组,将其对应的图层的渐变色改为如下图所示

童趣大风车(ai教程)_qh.itpxw.cn

第4步

选中顶部的螺旋桨的组,将其对应的图层的渐变色改为如下图所示

童趣大风车(ai教程)_qh.itpxw.cn

第5步

选中几个形状的组,复制一层(Ctrl+C>Ctrl+F),并将其至于顶层 (Shift-Control+[ )。选择蓝色螺旋桨组, 单击路径查找器面板中联集按钮。将得到的新形状填充为白色,并把它置于顶层(Shift-Control+]

童趣大风车(ai教程)_qh.itpxw.cn

第6步

选中白色形状以及黄色形状,打开透明度面板(窗口>透明度),只需设为Make Mask按钮。

童趣大风车(ai教程)_qh.itpxw.cn

第7步

选择所有迄今取得的形状,去对象>变换>旋转。输入-45度角,然后单击确定。

童趣大风车(ai教程)_qh.itpxw.cn

5.制作木棒

第1步

启用网格对齐(视图>对齐网格)。选择矩形工具(M),创建一个10×200px形状,填充棕色,如下图所示。选中矩形,去效果“风格化>圆角。设置2px的半径,确定后。去效果“变形>下弧形“。设置数值如下图所示,确定后,到对象>扩展外观

童趣大风车(ai教程)_qh.itpxw.cn

第2步

选中矩形工具,设置其填充色如下图所示的线性渐变,然后按住 Shift+Control+[ 将其置于底层。

童趣大风车(ai教程)_qh.itpxw.cn

第3步

选中矩形形状,在外观面板中使用”添加新填色“按钮添加第二个填充。选择新的填充,降低其不透明度为70%,改变混合模式为柔光,添加下图所示的渐变色。然后去效果>路径>偏移路径。设置偏移-1像素,确定。

童趣大风车(ai教程)_qh.itpxw.cn

第4步

选中矩形形状,在外观面板中使用”添加新填色“按钮添加三个填充。选择新的填充,填充黑色,降低其不透明度为 6%,改变混合模式为正片叠底。去效果>路径>偏移路径,设置-1px偏移,确定后。去效果>艺术>胶片颗粒。设置如下图所示的数值,然后单击确定。

童趣大风车(ai教程)_qh.itpxw.cn

6.创建一个针头

第1步

使用椭圆工具(L),创建一个10 px的圆圈,用如下图所示的径向渐变填充它。

童趣大风车(ai教程)_qh.itpxw.cn

第2步

禁用对齐网格(视图>对齐到网格)。选中圆,复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F)。选择顶部的复制层向上移动1像素。重新选择在这个步骤做这两个副本,然后选择路径查找器减去顶层按钮。用黑色填充并降低其不透明度为20%。

启用对齐网格(视图>对齐到网格),然后去编辑>首选项>参考线和网格,在网格线间隔设置1像素。使用椭圆工具(L),创建一个4×2px的圆形,并把它作为第三个图像。给这个形状填充白色,降低其不透明度为70%,改变混合模式为柔光

童趣大风车(ai教程)_qh.itpxw.cn

第3步

禁用网格(视图>隐藏网格)对齐网格(视图>对齐网格)。重新选择你的10 px圈和两个小形状将它们编组(Ctrl+G)

将此组选中,在外观面板上添加新描边。设置1px的宽,颜色为R =35,G =31, B =32,降低其不透明度为10%,改变混合模式为正片叠底。继续选择这个编组,确保它仍然选择,然后去效果>路径查找器>添加,再去效果>路径>偏移路径。设置0.5px偏移。

现在,选择整组(只需点击该外观面板顶部的文本”组“),去效果>风格化>阴影。设置如下图左侧窗口中显示的属性。确定后,再添加如下图所示的其他两种阴影效果。

童趣大风车(ai教程)_qh.itpxw.cn

第4步

选中所有的形状,将它们编组(ctrl+G)

童趣大风车(ai教程)_qh.itpxw.cn

7.创建一个背景,并给风车添加一些阴影

第1步

选择矩形工具(M),画一个宽度为610px,高度为760px的矩形。选中矩形,将其置于底层(Shift-Control+[). 设置其填充颜色为R = 254,G= 211,B = 170。

将其居中对齐。打开对齐面板(窗口>对齐)。设置对齐画板(打开的弹出菜单中所显示选项如果你不能看到对齐部分如下图所示),确保你的形状被选择,点击“水平居中对齐,垂直对齐居中对齐”。完了后,你的矩形应覆盖整个画板上如下图所示。

童趣大风车(ai教程)_qh.itpxw.cn

第2步

选中背景矩形,在外观面板中添加第二个填充色,如下图所示的渐变填充。

童趣大风车(ai教程)_qh.itpxw.cn

第3步

选中背景矩形,在外观面板中添加第三个填充色,你需要对这个新填充设置一个内置模式。去色板面板,打开弹出式菜单,打开色板库>图案>装饰>装饰旧版。确保填充仍然被选中,添加“织物颜色”模式,降低不透明度到20%,改变混合模式为柔光,去效果>艺术>胶片颗粒。输入如下所示的数值,然后单击OK。

童趣大风车(ai教程)_qh.itpxw.cn

第4步

选择风车形状,去效果>风格化>阴影。分别设置6个阴影的数值如下图所示的属性 。

童趣大风车(ai教程)_qh.itpxw.cn

恭喜你,你做到了!

下面是完成图。我希望你喜欢这个教程,可以把这些技术应用到未来的项目。

童趣大风车(ai教程)_qh.itpxw.cn

随意改变风车的颜色吧~~

童趣大风车(ai教程)_qh.itpxw.cn 童趣大风车(ai教程)_qh.itpxw.cn 童趣大风车(ai教程)_qh.itpxw.cn
作者:Andrei Marius
原文地址:tuts

翻译作者:陌北默

本文由学UI网原创翻译,转载请注明出处。

转载请注明:起航学习网 » 童趣大风车(ai教程)

文章出自:http://qh.itpxw.cn/peixun/ui/201613652.html

文章标题:童趣大风车(ai教程)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------