当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks写实作品绘制实例:我的手机

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 Fireworks写实作品绘制实例:我的手机


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 38 ::
收藏到网摘: 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。