当前位置: 首页 > 图文教程 > 平面设计 > 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-11-22   浏览: 59 ::
收藏到网摘: n/a

 

  今天我们带大家用Fireworks做一个写实作品:手机。主要技术是用明暗光影表现凹凸和质感,细节的表现要非常仔细。

  文章末尾提供.png文件供大家下载参考。

  制作步骤: 

  在Fireworks中新建一个300*520大小的新画布,白色背景,分辨率为72。因为我们将要画的这个手机从摆放的角度上看是左右对称的,因此我们可以先用钢笔工具勾画出机身左边的大至轮廓,然后用“细部”工具做细小的修改和调整后如图01。

  然后再复制这个轮廓,水平翻转后再移动到右边使其与左边的轮廓能够水平对齐,如图02。再通过“修改—组合路径—联合”选项,把这两个路径合成在一起,如此一来我们就得到了一个左右对称的机身轮廓了。

 
图01      图02

  接着对这个机身路径用颜色#C0BFC8进行实心上色,然后使用两次的“内斜角”特效,而且两次特效的设置完全相同。

 
图03

  我们把机身的整个路径复制多一个,并取消这复制出来的路径上的所有特效和填充。随后用“缩放”工具加Alt键的配合进行适当缩小,然后改用“线性渐变”进行填充,颜色由#FCFFF渐变至#BCBABF,羽化值为7。这样一来就使得整个机身有光泽和立体感。如图04。


图04

  我们再来画手机的显示屏外围的部分。之所以先画这一部分,是为了给以后的显示屏勾画带来位置上的坐标参考。

  同样先用钢笔勾画左边的轮廓,用“细部”工具做细微调整后,复制该轮廓并进行水平翻转,然后使这两个对象进行对齐,再对这两个路径进行“修改—组合路径—联合”,从而形成一个左右对称的新路径,如图05。


图05

   接着,用线性渐变对这个新路径进行上色,渐变色由#999999至#F1F1F3,如图06。


图06

  这时,我们再来画一个如下图般的对称轮廓,对称路径的画法前面已经讲过,在这就不多赘述了。如图07。


图07

  再给这一路径随便取个名子,就叫“W1”吧,然后把该路径再复制一个,取名为“W2”并把“W2”所在对象层的“眼睛”暂时关闭。因为一会我们还要用“W2”这个路径去“切割”另一个对象,所以暂时将“W2”进行保留。


图08

  同时选中“图07”中的对称路径和“W1”路径,然后使用“修改—组合路径—切割(打孔)”命令,形成一个新的组合路径,同样对其进行#999999至#F1F1F3线性填充,羽化值为1,如图09。


图09

  将该组合路径复制出多一个,使用“缩放”工具配合Alt键的使用,向缩放中心点缩小两个像素,然后用线性渐变进行填充,如图10。


图10

  再用钢笔工具画如下图般的对称路径,也用线性渐变加以填充,渐变色由#B7BBC6至#E0E1E6,如图11。