中国设计秀
中国设计秀
  • 当前位置:首页 > 网络设计学院 > Illustrator教程

AI10创建彩虹笔刷教程

作者:vivi2009 源自:中国设计秀 时间:2011-03-14 13:54:31 点击: 关键字:Illustrator,Illustrator教程

  设计师和插画家Louis Fishauf倾其一生都在努力打破格局,将他的想象力和他的软件尽力发挥到极致。例如,在用Adobe Illustrator 10.0创作这幅作品时,他使用了一个自定义笔刷来为眼睛画上彩虹。实际上,他给笔刷添加了又一个渐变来加深眼睛的外边缘。从理论上来说,Illustrator的笔刷是不可以包括渐变的——但Louis Fishauf从不允许技术以它自己的方式独断独行。接下来,我们就来看看他是怎样用展开命令和图层面板将他的渐变转换为一个彩虹笔刷的。(图01)yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

AI10创建彩虹笔刷yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

图01

yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  1.创建两个矩形,并将其中一个填充为彩虹渐变yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  创建一个矩形,其宽度大概为高度的五倍,然后用选择工具,按住Alt(Windows)或Option(Mac OS)拖动矩形,将其复制。选择其中一个,点击色板中的彩虹渐变(如果色板中没有这一项,选择显示全部色板或显示渐变色板),对矩形应用彩虹渐变填充。图像色彩模式不用,渐变色也不相同。在这个矩形依然被选中的时侯,选择对象>展开(Object > Expand)命令。yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  Illustrator的笔刷不能包括渐变,但展开命令可以突破这个限制。展开命令将渐变填充转换为许多细微的单色薄片(其数量由展开命令中的指定对象数量决定)。然而,展开也会造成剪贴路径,Illustrator的笔刷同样不能包含剪贴路径。没关系,我们会在下一步中处理这些路径。(图02)yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

AI10创建彩虹笔刷yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

图02
  2.删除多余路径yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  在图层面板中,点击图层名称旁边的小三角,显示图层内容。继续点击三角,显示彩虹矩形中每一组关系的相关内容。选择剪贴路径(clipping path)的图标,把它拖动到图层面板底部的垃圾桶中删除。再将复合路径(compound path)图标拖到垃圾桶中删除。除去这些图标会删除你在第一步中创建的矩形的外框。(图03)yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 

AI10创建彩虹笔刷yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

图03
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  3.对第二个矩形应用渐变yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  选择第二个矩形,点击色板中的黑白渐变。在默认情况下,渐变是水平的。但你需要的是一个垂直的渐变来创建环绕彩虹眼睛周围的暗部区域。选择渐变工具,从矩形的底部到顶部拖动鼠标,调节渐变方向。在拖动渐变工具的同时按下Shift键,可保持渐变的直线方向。如果渐变有任何角度的倾斜,用这样的笔刷绘制彩虹眼睛则会出现不理想的状况。(图04)yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 

AI10创建彩虹笔刷yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

图04
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  4.调节渐变yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
yMS网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
  在矩形依然被选择的情况下,转到渐变面板,向黑色方向拖动渐变滑块,这样的设定会使矩形顶端的渐变范围缩窄、
 1/3    1 2 3 下一页 尾页
上一篇文章: Illustrator使用中关于Style的范例           下一篇文章: Illustrator CS设计精美质感图标教程
本文引用地址:http://www.cnwebshow.com/
本文关键字:Illustrator,Illustrator教程