当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks 绘制时尚手机 [1]

FireWorks
Fireworks 三帧打造酷 Banner
Fireworks MX制水晶立体五星
Fireworks 做证券效果的 Logo
使用Fw MX插件 3D Primitives
Fireworks Edge滤镜与彩色描边
给玉兰油MM做个曲别针展示图效果
用Fireworks制作Logo心得体会
用Fireworks制作连续跳跃数字
巧用Fireworks设计个性化印章
Fireworks蒙版制作图片窗格效果
使用Fireworks制作漂亮的礼花
Fireworks文本路径结合操作
FW制作片头文字渐显渐隐动画
Fireworks轻松绘制banner广告
Fireworks网页切片应用详解
Fireworks绘制纸折扇(2)
Fireworks绘制纸折扇(5)
Fireworks绘制纸折扇(1)
Fireworks绘制纸折扇(4)
Fireworks绘制纸折扇(3)

FireWorks 中的 Fireworks 绘制时尚手机 [1]


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

这是一款较早前出产的一部时尚手机,但不知道为什么使用的人却比较少,但其酷炫的外观至今仍使我爱不释手。终于忍不住要用也来画一个。

新建一个550*350大小的画布。我们先来画机身,用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形,如图01般进行排列。

图01

再用“细部”工具点击直径为143像素的小圆,点选小圆底部的路径节点,然后用方向键将该节点向上移动10个像素,如图。

图02

然后选中所有对像,用菜单栏上的“修改—组合路径—联合”命令,把三个对象合成一个新路径。再用“钢笔”工具和“细部”工具为路径进行修整,使其变得更圆滑。如图。

图03

接着对该对象使用“条状”填充及“内斜角”特效,如图04、图05。

图04

图05

将该对象复制多一个,适当缩小后与原对象进行底部对齐,如图。

图06

然后将该对象的羽化值设为1,选用9%的“木纹”纹理,并修改“内斜角”特效的相关数值,如图。

图07

接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆,并用“细部”工具将两圆底部节点按方向键向上移动5个像素,用同样的方法再把和大圆左侧的节点向左移动5个像素。把两圆对齐后,使用“修改—组合路径—打孔”命令,形成一个新的组合路径。设置羽化值为1,描边色为#D7DAE9。如图08。

图08

再用“椭圆形”工具在机身上画一个直径为174像素的圆,以黑色实心填充,并用“细部”工具点选该圆下部的节点,用方向键向上移动5个像素。然后在该圆内再画一个直径为144像素的小圆,使其与大圆对齐后也用“细部”工具将其底部的节点向上移7个像素。完成后同时选中这两个对象,使用“打孔”命令,效果如图。

图09

接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径,必要时要用“细部”工具对路径的节点进行调整,然后设置羽化值为1,色彩填充如下图。

图10

    

继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径,然后采用“椭圆形”填充,色彩的过渡由#C6CBE1(左边的色彩滑块)至#FFFFFF,羽化值为3,效果如图。

图11