Fireworks教程-绘制Philips手机

Philips Sonicare For Kids4.4.0 210.05M / 简体中文

点击下载

Philips智家生活v1.077 80.40M / 简体中文

点击下载

Philips Airfryer appv3.13.0 51.43M / 简体中文

点击下载

在整理东西的时候翻出前些日子做的philips手机，就搞了个教程发上来了~不足之处多多指教！由于在绘制过程中的步骤太多，而且有些只是简单的调整节点和打孔，所以这里就不一一图例说明，只是加以简单的文字说明！还是那句话，讲的是方法，过程不一定相同！

1 首先以手机的翻盖为基础，画4条辅助线，并以此为基准画一个圆角矩形，矩形圆度设置为30；为了留出手机翻盖的轴部，使圆角一边成为直角(后来发现这一步可以省略)，并调整节点使之与辅助线吻合；最后添加水平的线性渐变色：#f3f6f7-#bob3b9；如下图

2 画一个小一点的圆角矩形，圆度为10，颜色 #303169、边为一px，颜色：#cccccc； 放在刚才的图层之上，并调整节点使之如下图；

3 复制上一步的兰色圆角矩形，放到下层，线形渐变色为#9c9ea5 -  #aca899； 并调整节点,使上边与第一个图层一致，选择下面的接点向下移动，使之如下图；

4 这一步制作那个翻盖上面的轴，如下图所示；并添加线形渐变，如图 #6d6a77 #eaeaec  #d3d5d8；

5 这一步制作那个翻盖轴步的高光部分，绘制一个白色的矩形，高为60，宽为8，并调节节点，使之如下图所示，并选择高斯模糊，模糊范围选择1.2,最后复制此图层3次；

6 绘制一条长20的线段，颜色#333333，使之稍有弯曲，如下图；并复制此图，颜色设置为白色,使之与第一条线段相邻，如下图，最后复制图样的两个线段放在轴的另一端，效果如下；

7 这步制作翻盖与轴间的缝隙，这一步没什么特别的方法，用钢笔画出大概的形状，然后调节接点，颜色为#3e3e3e,效果如下图所示；

8 沿着翻盖的边缘用钢笔勾出下左的效果，是为了制作翻盖与键盘部分的缝隙，颜色为 #abadb3,并添加内阴影 距离：4 柔化：1，透明度56，效果如下图所示；

9 制作手机边缘的音量控制键：绘制一个高40，宽8的矩形，圆度设置为100，调整如左图形式，并在上面画2条长度为10的白色线段，最终效果如右图；

10 这一步是沿着手机的边缘用线段勾出手机外壳接逢的效果，最终效果如右图；

11 制作手机的天线，这一步就是图层的叠加以及颜色的渐变；几个元素如下图；

12 这步制作手机翻盖轴上的高光部分，绘制一个如下左图一样的椭圆型，由下到上做白色到透明的渐变，在加上高斯模糊，模糊范围 1.5，最终效果如右图；

13 绘制手机兰色翻盖上的高光部分，绘制一个矩形，调整接点，使下面的节点沿着兰色的壳子拉长，颜色为白色，由下到上透明渐变，高斯模糊为0.7;效果如下图；另外2个边的高观制作方法基本相同，这里就不一一说明了；

14 到这里真个手机就基本绘制完成了，还有有些具体的修饰，我就不一一的图片说明，只是在这里给大家指出，前面的都解决的话，后面的这些内容大家自己没问题了！