当前位置:起点学习辅导网培训频道电脑知识学习网页制作Fireworks教程Fireworks写实绘制:我的手机

Fireworks写实绘制:我的手机

08-08 00:41:52浏览次数:625栏目:Fireworks教程
标签:fireworks教程下载,fireworkscs5教程,fireworks入门教程, Fireworks写实绘制:我的手机,
IT产品库 http://www.qidian55.com

1 2 3 4 5 下一页


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

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

  制作步骤: 

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

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

 
图01      图02

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

 
图03

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


图04

IT产品库 http://www.qidian55.com www.qidian55.com IT产品库 http://www.qidian55.com

上一页 1 2 3 4 5 下一页

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

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


图05

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


图06

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


图07

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


图08

IT产品库 http://www.qidian55.com www.qidian55.com IT产品库 http://www.qidian55.com

上一页 1 2 3 4 5 下一页

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


图09

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


图10

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


图11

  还记得“W2”路径吗!选中它并把它的对像层拉到最上的一层来,然后同时选中“图11”中的对象,并进行“切割(打孔)”命令,又形成一个新的组合路径,所用的填充色在上图中已设置好了,依然是#B7BBC6渐变至#E0E1E6,如图12。


图12

  这个时候我们可以来画手机的显示屏了,先勾画一个近似矩形的对称路径,用全黑色进行实心填充,羽化值为1,如图13。

[1] [2] [3]  下一页

,Fireworks写实绘制:我的手机
给资讯打分:
网友评论: