注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

优品设计

简约至上 点石成金(http://www.upindesign.com

 
 
 

日志

 
 

用 AdobeIllustrator CS 设计图标 (2)

2006-09-30 08:40:24|  分类: 界面 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

8.把此图形复制一遍,按图中方式排列,同时选中两个图形,然后调出 Pathfinder 面板, 使用 Subtract form sharp area 制作出此图形的立体厚度。然后可以点击 Expand 按钮展开此合并图形。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

9 随后我们给这个图形也上色,同样使 G radient 面板,在这里我采用的圆行渐变模式。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

10.这一步我们准备为这个“面板”增加一些高光。先复制一个同样的图形填充为白色置于此“面板”下方。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

11.随后再复制一个同样的图形置此“面板”上方,并适当缩小一些,采用黑白两色线性渐变填充。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

12.随后同时选中此黑白渐变图形以及下面的“面板”图形,打开 Transparncy 面板,点击面板右下方的小箭头在弹出菜单中使 用 Make Opacity Mask

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

13.同时取消 Clip 选中状态,并勾选 Invert Mask 选项,这样我们就为这个“面板”图形增加了一个透明蔗遮罩,在这种状态下,黑白渐变图形(已被作为 Opacity Mask 中的图形)黑色部分表示了被遮物体(面板)的透明部分,所以刚才我们为“面板”下方添加的同样大小的白色图形是为了怕背景是有色的或是下方还会有其他物体从透明的“面板”透出。编辑 Opacity Mask 中的物体需要点击 Transparency 面板中的 Opacity Mask 区域再进行编辑。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

14.下面开始为这个面板添加一个屏幕。复制一个图形置于“面板”上方,大小如图,也采用线性渐变,因为光照方向原因。注意深色和浅色的方向和“面板”方面:我们在这里做个凹槽效果。

用 AdobeIllustrator CS 设计图标 (2) - 狗尾巴 - 优品设计

出处:蓝色理想

  评论这张
 
阅读(124)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017