Illustrator绘制漂亮的水晶质感按钮图标Word下载.docx
- 文档编号:17338787
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:15
- 大小:1.13MB
Illustrator绘制漂亮的水晶质感按钮图标Word下载.docx
《Illustrator绘制漂亮的水晶质感按钮图标Word下载.docx》由会员分享,可在线阅读,更多相关《Illustrator绘制漂亮的水晶质感按钮图标Word下载.docx(15页珍藏版)》请在冰豆网上搜索。
然后打开图层调板(F7),在对象名上双击,重命名为“金属底座”,如图1:
图1
2、为了让它在最后看起来更真实,我想要给这个正圆一些透视,使用"
自由变换工具"
(E),鼠标移动到正圆对象定界框右下角的空心方点上(如没有显示对象定界框,请按快捷键Shift+Ctrl+B使之显示),当鼠标变为双向箭头时,按下鼠标不放,再同时按下Shift+Ctrl+Alt键不放(此时鼠标变为一个虚的三角形),按住的鼠标往右拖移,让底座圆做垂直方向的透视变形!
3、按>
键切换到渐变填色,(Ctrl+F9)调出渐变调板,设置"
径向渐变"
,然后用渐变工具(G)在圆中拉了径向渐变,并设置描边为黑色,粗细为2Pt,如图2:
图2
4、打开外观面板(Shift+F6),按Ctrl+/给底座圆“添加新填色”,对这个新填色,用渐变工具(G),从左上角往中心拉出黑白径向渐变,再在"
透明度调板"
中设置此渐变的混合模式为"
滤色"
,如图3:
图3
二、绘制"
金属凹边"
1、选中"
底座圆"
路径,然后"
对象>
路径>
偏移路径"
,得到新路径,在图层面板中命名为“金属凹边”,如图4:
图4
2、对此偏移路径,(Shift+F6)打开外观面板,点右上角的倒三角菜单,选择“简化至基本外观”,如图示5:
图5
3、填充设为无色,设置一个描边大小(比如为5Pt),Ctrl+C复制一份(到粘贴板)以备后用,再"
轮廓化描边”,然后填充线性渐变如图示6:
图6
三、绘制"
金属上抛光面"
1、(将二-3中复制的路径)Ctrl+F粘贴到前面,得到新路径,在图层中命名为"
。
2、按>
键,切换到渐变填色并调出渐变调板,按住Ctrl键鼠标点击工具栏中的"
渐变方框图标"
,将渐变重置为默认的黑白渐变!
如图示7:
图7
然后,在渐变调板中设置色标,并用渐变工具(G),拉出黑白线性渐变,描边设为无,如图8:
图8
四、绘制"
内部蓝渐变"
(这一步,我要用一个路径画出内部复合渐变)
1、再画一稍小的椭圆,图层命名为"
,位置稍偏上右,如图9:
图9
2、填充一径向渐变,并设置描边为灰色,粗细为4Pt,如图10:
图10
3、(如一-4)打开外观面板(Shift+F6),按Ctrl+/给椭圆"
添加新填色"
,并用渐变工具(G),从右下角往右,拉出径向渐变,如图11
图11
在"
,如图12:
图12
五、开始做"
内部标牌"
1、用"
圆角矩形工具"
,拖画出圆角矩形,不松开鼠标,同时按↑或↓来调整圆角大小,填充白色,描边为无,如图13:
图13
2、文本工具(T)点击并输入英文Graby,然后"
文字>
创建轮廓"
(Shift+Ctrl+O)。
3、选择矩形和文字路径,Shift+Ctrl+F9调出路径查找器,从矩形减去文字路径,如图14:
图14
4、把标牌置于水晶按钮上,并运用"
效果>
风格化>
投影"
,并做了适当角度的旋转,如图15:
图15
六、内部内发光
1、选择工具(V),选择"
,Ctrl+C复制,再Ctrl+F原位粘贴到前面,按D键,使它为默认的填充描边,然后菜单命令"
,得到小一些的椭圆,用浅蓝色填充,设置如图16:
图16
2、执行菜单命令"
羽化"
(羽化半径适当),再(Ctrl+Shift+F10)调出透明度调板,设为滤色模式,35%透明度,如图17:
图17
七、高光部分
1、选择工具(V),选择上一步偏移路径剩下的大椭圆,Ctrl+C复制到粘贴板(以备后用)
2、画一路径形状,与此椭圆相减,得到一形状区域如图18:
图18
3、为这一路径命名为"
质感高光"
,填充一种青色,调出透明度调板(Ctrl+Shift+F10),设为滤色模式,85%透明度,如图19:
图19
4、将1中复制的椭圆Ctrl+F粘贴到前面,选择椭圆及"
,透明度调板中,点开右上角倒三角菜单,选择"
建立不透明蒙版"
,如图20:
图20
5、单击蒙版缩略框(图21红圈处),进入蒙版编辑
图21
6、选择蒙版路径,按Ctrl点击渐变小方框(图021红圈处)即用默认渐变填充蒙版路径,渐变工具(G)调整渐变,做出渐隐效果,最后再点左侧对象缩略图,回到图层,如图22:
图22
八、完美演绎
同样用建立不透明蒙版的方法我加上了左上高光,和右下高光,最后,我把"
的不透明度降为了80%,并为底座加上的阴影,得到最终效果图23:
图23
到此,教程完毕!
下面是最终效果:
图24
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Illustrator 绘制 漂亮 水晶 质感 按钮图标