当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:打造精美显示器图标

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 Fireworks教程:打造精美显示器图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-15   浏览: 100 ::
收藏到网摘: n/a

 效果图兼源文件

 

一、绘制一个矩形,并通过部分选定工具调节节点

增加立体效果,每个角均通过钢笔工具增加为2个节点

 

二、给矩形添加渐变效果

 

三、给矩形添加渐变效果

四、复制矩形并缩小,作为内框屏幕,使用放射性渐变,添加内容阴影 

 

五、制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

 

六、再画一个大的椭圆,用切掉我们不需要的部分。

选择两个路径,修改——组合路径——打孔

 七、得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键——编辑——粘贴为蒙板,得到如下效果

 

八、绘制两条斜线,制作屏幕下方立体效果 

 

九、使用上述高光绘制方式制作屏幕下方高光效果

十、使用放射性渐变绘制显示器开关按钮,并复制一个浅灰色的圆形放在按钮下,产生立体效果 

 

十一、利用矩形工具绘制底座支撑轴。并使用线性渐变填充

 

十二、利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充

 

十三、利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果