Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator绘制卡通儿童玩具水枪效果图教程

Illustrator绘制卡通儿童玩具水枪效果图教程

发布时间:2019-05-08   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator绘制卡通儿童玩具水枪效果图教程等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator绘制卡通儿童玩具水枪效果图教程资源
给各位Illustrator软件的使用者们来详细的解析分享一下绘制卡通儿童玩具水枪效果图的教程。
教程分享:
先看看效果图

 

<center>手把手教你用Illustrator绘制卡通儿童玩具水枪</center>
一、创建新文档
按ctrl N创建的新文档。选择单位为像素,在宽度和高度框中输入600,然后单击高级按钮。选择RGB ,屏幕(72 ppi) ,并确保在对齐新对象像素网格选中该复选框,然后单击确定。启用网格(视图>显示网格)和对齐网格(视图>对齐到网格)。
对于初学者,您将需要网格线间隔设为5像素,所以去编辑>首选项>参考线和网格,设置网格线间隔为5和次分隔线为1。它会减轻你的工作,你可以很容易通过ctrl “ 键盘快捷键启用或禁用网格。你也应该打开信息面板(窗口>信息)预览大小和形状的位置。不要忘了度量单位的设置,去编辑>首选项>单位>常规为像素,所有这些设置将显著提高你的工作效率。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
二、创建主体,手柄和触发器
第1步
选择矩形工具(M) ,创建一个130 X 25像素的矩形,并设置其填充色为R = 255,G = 200,B = 0。 选中黄色形状,去效果>风格化>圆角。输入半径为5像素,单击确定,然后去对象>扩展外观。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第2步
选择矩形工具(M),创建一个35 * 75像素的矩形,设置填充色为橙色。切换到直接选择工具(A) ,选择矩形底部的两个锚点将它们向右拖动25像素。
选中矩形,去效果>风格化>圆角。输入半径为5像素,单击确定,然后转到对象>扩展外观。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第3步
重新选中黄色圆角矩形,并在当前位置复制一层(Ctrl C>Ctrl F ),然后将复制层置于顶层(按住Shift Ctrl ])。选中橘色形状和刚复制的副本,打开路径查找器面板(窗口>路径查找器),然后单击减去顶层按钮。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第4步
使用矩形工具(M) ,创建一个40PX的矩形,并把它置于顶层。保持选中状态,调出外观面板(窗口>外观)。取消填充色,设置描边颜色为R = 189,G = 15,B = 4,然后点击“描边”,打开描边面板。将粗细设为8像素,并设置对齐描边“使描边内侧对齐”按钮。
切换到直接选择工具(A) ,选择红色形状底部的两个锚点,将它们向右拖动15px。确保红色形状保持选定状态,去效果>风格化>圆角,设置半径为5像素,单击确定,然后转到对象>路径>轮廓化描边。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第5步
复制黄色和橙色形状(Ctrl C>Ctrl F )。将这些副本置前(按住Shift Ctrl ]),确保两个形状选中,在路径查找器面板点击联集。选择生成的形状和红色的形状,在路径查找器面板点击减去顶层。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第6步
选中白色圆角矩形,然后转到对象>路径>偏移路径。位移设置为-5px,然后单击OK(确定)。选择生成的形状,复制副本(Ctrl C>Ctrl F)。选择副本,将其向上移动5像素。
重新选中在这个步骤做的两个形状,然后在路径查找器面板中点击减去顶层按钮。给新形状填充颜色,R = 0,G = 104, B = 56,去效果>模糊>高斯模糊。设置半径为5像素,然后点击确定。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第7步
选择所有水容器(除了白色,圆角矩形),将这些形状编组(ctrl G)。将白色形状置于顶层(按住Shift ctrl ]),将它与新编组一起选中,在透明度面板(窗口>透明),点击制作蒙板按钮。
如果你不是CC用户,在打开的弹出菜单透明面板,直接去制作不透明蒙版。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第8步
使用矩形工具(M) ,创建一个5*30像素的形状,用如下所示的线性渐变填充它。选中新矩形,去效果>风格化>圆角。输入2.5px半径,单击OK(确定),然后转到对象>扩展外观。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第9步
使用矩形工具(M) ,创建一个10*20px的形状,给填充一个红色色。切换到直接选择工具(A),选择左边的两个锚点,设置边角为2px。选中红色形状,去效果>变形>上弧形。进入如下图所示的属性,单击OK(确定),然后转到对象>扩展外观。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第10步
禁用对齐网格(视图>对齐到网格),然后去编辑>首选项>常规,并确保在键盘增量设置为1像素。将红色形状的填充色改为线性渐变与5×30px的圆角矩形相同的填充色。
选中这部中改变填充色的形状,并复制两个副本(Ctrl C>Ctrl F>Ctrl F )。选择顶部的副本,并将其向右移动1px。重新选择两个副本,在路径查找器面板中点击减去顶层按钮。给新形状填充白色,降低其不透明度为30% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第11步
重新选择,与手枪(一个编辑在之前的步骤)的其余部分连接的形状,去效果>风格化>阴影。进入如下图所示的属性,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第12步
启用对齐网格(视图>对齐到网格),然后切换到网格线间隔1px的。使用矩形工具(M) ,创建一个10*54px的形状,用如下所示的线性渐变填充它 。选中此新矩形,切换到直接选择工具(A),设置边角为2px。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第13步
禁用对齐网格(视图>对齐到网格)。选中黄色圆角矩形,并复制两个副本(Ctrl C>Ctrl F>Ctrl F )。选择顶部的副本,并将其向右移动1像素。重新选择两个副本,然后在路径查找器面板中点击减去顶层按钮。给新形状填充黑色,降低其不透明度为30% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第14步
选中黄色圆角矩形,并复制两个副本(Ctrl C>Ctrl F>Ctrl F )。选择顶部的副本,并将其向左移动1像素。重新选择两个副本,然后在路径查找器面板中点击减去顶层按钮。给新形状填充黑色,降低其不透明度为30% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第6步
第15步
选中黄色圆角矩形,并复制一个副本(Ctrl C>Ctrl F)。。选择这个副本,将其向右移动1像素,然后复制它(Ctrl C>Ctrl F)。选择这个新的副本,将其向右移动1像素。重新选择在这个步骤做的两个形状,然后在路径查找器面板中点击减去顶层按钮。给新形状填充白色,降低其不透明度为70% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第16步
启用对齐网格(视图>对齐到网格)。使用矩形工具(M) ,创建一个2*3px的形状,用如下所示的线性渐变填充它,并把它放在下图放大镜内的位置。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
五、添加阴影和高光
第1步
使用矩形工具(M) ,创建一个2*15px的形状,填充黑色。选中它,降低其不透明度为30% ,改变混合模式为柔光。
再创建一个1*15px的形状,填充黑色。选中它,降低其不透明度为50% ,改变混合模式为柔光。
选中刚创建的两个矩形,将他们编组(ctrl G )。选中这个编组,去效果>扭曲和变换>变换,勾选对称X,在副本框中输入1,,水平移动68px,然后单击确定。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第2步
使用矩形工具(M) ,创建一个1*50像素的形状,填充黑色。选中它,降低其不透明度为25% ,改变混合模式为柔光。
再创建一个3×50像素的形状,填充黑色。选中它,降低其不透明度为15% ,改变混合模式为柔光。
选中刚创建的两个矩形,将他们编组(ctrl G )。选中这个编组,去效果>扭曲和变换>变换。设置如下图所示的属性,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第3步
使用矩形工具(M) ,创建一个1*20像素的形状,使填充黑色。选中它,降低其不透明度为15% ,改变混合模式为柔光。
再创建一个2×20像素的形状,填充黑色。选中它,降低其不透明度为15% ,改变混合模式为柔光。
选中刚创建的两个矩形,将他们编组(ctrl G )。选中这个编组,去效果>扭曲和变换>变换。设置如下图所示的属性,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第4步
使用矩形工具(M) ,创建一个2*20像素和1*20像素的形状,均填充黑色,选中它们,降低不透明度为15% ,改变 混合模式为柔光。
再创建一个2*15px的和一个1*15px的形状,均填充黑色,选中它们,降低不透明度为15% ,改变混合模式为柔光。
再次创建一个2*20像素和1*20像素的形状,均填充黑色,选中它们,降低不透明度为10% ,改变 混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第5步
选中所有的形状,然后复制它们(Ctrl C>Ctrl F )。选中所有的形状,在路径查找器面板中点击联集按钮。给新形状填充颜色为:R = 245,G = 160 ,B = 0。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第6步
选中上一步的橙色形状,把它置于底层(按住Shift Ctrl [),然后添加1像素的黑色描边,降低其不透明度为5%,在描边的弹出面板中设置对齐面板为外侧对齐 。返回外观面板中,选择现有的填充,去影响>风格化>阴影。进入如下图所示的属性,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
恭喜您!大功告成!
下面是它的外观。我希望你喜欢这个教程,可以在你未来的项目中应用这些技术。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
教程结束,以上就是Illustrator绘制卡通儿童玩具水枪过程,大家学会了吗?谢谢大家阅读本篇教程!
选中黄色形状,打开渐变面板(窗口>渐变),点击渐变缩略图,添加默认的黑色到白色的线性渐变。
在你的渐变面板中,设置角度为90度。然后移动到渐变的颜色,选择右边的滑块,设置颜色为R = 255,G = 230,B = 30,然后选择左边的滑块设置为颜色R = 245,G = 160 ,B = 0。添加新滑块,将其颜色设置R = 245,G = 160,B = 0时,将位置定于15% 。请记住,蓝色数字代表滑块的位置。依次增加五个新的滑块,然后使颜色和位置如下图所示。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第7步
选择橘色形状,将其填充色换为如下图所示的渐变填充。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第8步
选中手柄形状,在外观面板,使用添加新填色按钮。添加如下图所示的线性渐变。请记住,蓝色数字表示位置的百分比,而黄色表示不透明度的百分比。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第9步
选中手柄形状,在外观面板,并使用添加新填色按钮。单击“ 不透明度 ”,打开不透明面板。降低不透明度为5% ,改变混合模式为柔光,然后添加如下图所示的线性渐变。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第10步
选择红色形状,设置其填充色如下图所示的径向渐变。(小编提示:本步骤要给手柄加个阴影,如第14步的投影操作)

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第11步
使用矩形工具(M) ,创建一个35 * 40PX的矩形。选中这个形状,去效果>风格化>圆角,输入3px的半径,单击OK(确定),然后转到对象>扩展外观。将其填充色改为如下图所示的线性渐变。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第12步
使用矩形工具(M) ,创建一个35 *10px的矩形,设置填充色为白色(R = 255,G = 255,B = 255),降低其不透明度为20% ,改变混合模式为叠加。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第13步
去编辑>首选项>参考线和网格>网格线间隔设为1px。使用钢笔工具(P) ,创建一个10px的垂直路径,选中路径,取消填充,设置描边为5像素的暗红色,点击“描边”弹出面板,设置其端点为圆头端点。
切换直接选择工具(A),选择此路径底部的锚点,将其向右边移动8像素,然后去效果>变形>弧形,设置如下图所示的属性,单击OK(确定)。然后转到对象>路径>轮廓化描边。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第14步
选中红色形状,将其填充色改为如下图所示的线性渐变,然后去效果>风格化>投影。设置如下图所示的属性,单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
三、创建管道,喷嘴和水箱
第1步
去编辑>首选项>参考线和网格>网格线间隔,设置网格线间隔为5像素。使用矩形工具(M) ,创建一个 5*15px的矩形。切换到直接选择工具(A),选择这个形状右边的两个锚点,在顶端菜单栏设置边角为3px。
此功能仅适用于CC用户。代替这个效果最好的解决办法是圆角插件,可以在这篇文章中找到:《AI圆角插件!助你更快设计字体 Xtream Path1.4的安装使用教程》。将它保存到你的电脑上,返回到AI中选择直接选择工具(A) 。选择锚点并转到文件>脚本>其他脚本。打开圆形的任何一个圆角脚本,输入24PX半径,然后单击OK(确定)。最终的结果可能看起来有点不同。
选中此形状并用如下图所示的线性渐变取代现有的填充颜色。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第2步
使用矩形工具(M) ,创建一个5*20像素的矩形 。切换到直接选择工具(A),选择这个形状右边的两个锚点,在顶端菜单栏设置边角为3px。填充与上一步一样的渐变色。使用矩形工具(M) ,创建一个10*20像素的矩形,用同样的线性渐变填充它,并把它放在如图3所示的位置。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第3步
去编辑>首选项>参考线和网格>网格线间隔,设置网格线间隔为1像素。使用矩形工具(M) ,创建一个 25*12像素的矩形,如下所示的线性渐变填充它,并把它放于底部。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第4步
选中25*12像素的矩形,在外观面板,使用添加新填色按钮。填充如下图所示渐变,改变其混合模式为柔光,将其移动到现有填充色才下面。去效果>扭曲和变换>变换。拖动移动,垂直移动设为10px,然后单击确定。(小编注:变换应放在不透明度上面)

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第5步
使用矩形工具(M) ,创建一个1*12像素的矩形,设置填充色为黑色 。选中这个矩形,降低其不透明度为30% ,改变 混合模式为柔光,去效果>扭曲和变换>变换。移动水平为2px的,在副本框输入11,然后单击确定。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第6步
设置网格线间隔为5像素。使用矩形工具(M) ,创建一个70*10px的矩形,用如下所示的线性渐变填充它。选中这个形状,在外观面板中添加第二个填充色为R = 128,G = 130,B = 133,改变其混合模式为颜色加深。使用矩形工具(M) ,创建一个70*5像素的矩形,给其填充与第一个矩形一样的渐变,将其放在如图2所示的位置。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第7步
切换到网格线间隔为1 px。使用矩形工具(M),创建一个10*19px的矩形,用如下图所示的线性渐变填充它 。选中此矩形,切换到直接选择工具(A) ,在顶部的菜单栏的边角输入2px。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第8步
禁用对齐网格(视图>对齐到网格),然后去编辑>首选项>常规,并确保在键盘增量设置为1像素。选中红色圆角矩形,并复制两个副本(Ctrl C>Ctrl F>Ctrl F )。选择顶部的副本,将其向右移动1px。重新选择的两个副本,然后路径查找器面板中,单击减去顶层按钮。给新形状填充白色,降低其不透明度为30% ,改变混合模式为叠加。
选中红色圆角矩形,并复制两个副本(Ctrl C>Ctrl F>Ctrl F )。选择顶部的副本,将其向左移动1px。重新选择的两个副本,然后路径查找器面板中,单击减去顶层按钮。给新形状填充黑色,降低其不透明度为30% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第9步
启用对齐网格(视图>对齐到网格)。使用矩形工具(M) ,创建一个3*5像素的形状,填充蓝色。切换到直接选择工具(A) ,选择左边的两个锚点,设置边角为 2px。
用矩形工具(M) ,创建一个3*10px的形状,填充蓝色。重新选择直接选择工具(A) ,选择左边的两个锚点,设置边角为 2px。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第10步
重新选择两个蓝色形状,使用ctrl 8 (或转到对象>复合路径>制作),使之成为一个复合路径。选中新形状,填充线性渐变色与它旁边的形状一样的红色。
给这个新形状添加第二层填充色为黑色,改变其混合模式为柔光。使用矩形工具(M) ,创建一个1×15px的形状,给其填充黑色,降低其不透明度为50% ,改变混合模式为柔光。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
四、创建水容器
第1步
设置网格线间隔为5像素。使用矩形工具(M) ,创建一个130 * 50像素的形状,设置填充颜色为R = 57,G = 181, B = 74。 选中绿色矩形,去效果>风格化>圆角。输入半径为25像素,单击确定,然后转到对象>扩展外观。
使用矩形工具(M),创建一个90×10px的形状,设置填充颜色为R = 161,G = 218, B = 103,。选中此矩形,切换到直接选择工具(A) ,设置边角为 5像素。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第2步
在工具栏双击混合工具来打开混合选项窗口。在下拉菜单中选择指定的步数,数值为100。重新选择的两个绿色的形状,只需点击Alt Ctrl B组合来创建一个新的混合。最后应为图二所示。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第3步
使用矩形工具(M) ,创建一个90*5像素的形状,设置填充颜色为白色, 。 选中这个矩形,在外观面板中,选择现有的填充,改变其混合模式为叠加,不透明度为10%。去效果>风格化>圆角,输入2.5px半径,单击OK(确定)。去效果>模糊>高斯模糊,输入10px的半径,单击OK(确定),。
然后返回到外观面板,添加第二个填充色为白色,选择它。降低其不透明度为10% ,改变混合模式为叠加,去效果>风格化>圆角。输入2.5px半径,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第4步
使用矩形工具(M) ,创建一个100*25像素的形状,用如下图所示的线性渐变填充它, 。选中这个矩形,降低其不透明度为50%,改变混合模式为柔光,去效果>风格化>圆角。输入12.5px半径,然后单击OK(确定)。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
第5步
使用矩形工具(M) ,创建一个130 *50px的形状,设置填充颜色为白色 。选中新矩形,切换到直接选择工具(A) 。在顶部的菜单栏的边角输入25px。

 

<center>Illustrator绘制童趣十足的玩具水枪教程,PS教程,思缘教程网</center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的绘制卡通儿童玩具水枪效果图的教程解析分享的全部内容了,各位看到这里的使用者们小编相信大家现在非常的清楚了制作方法了吧,那么各位就快去按照小编上面分享的教程自己去尝试着绘制一下吧。

您可能感兴趣的文章:
自己动手开发jQuery插件教程
Highcharts教程(15) title标题、subtitle副标题
Highcharts教程(6) legend 图例选项
Highcharts教程(1) chart 图表选项
用示例说明filter()与find()的用法以及children()与find()的区别分析
jqPlot jquery的页面图表绘制工具
六款帮助你实现惊艳视差滚动效果的jQuery插件
教你如何使用JSP绘制饼图
Web前端设计模式 制作漂亮的弹出层
jQuery 绘图插件 jCanvas

[关闭]