WEB开发网
开发学院图形图像Fireworks Fireworks 绘制Philips手机 阅读

Fireworks 绘制Philips手机

 2006-12-22 08:48:24 来源:WEB开发网   
核心提示:在整理东西的时候翻出前些日子做的philips手机,就搞了个教程发上来了~不足之处多多指教!由于在绘制过程中的步骤太多,Fireworks 绘制Philips手机,而且有些只是简单的调整节点和打孔,所以这里就不一一图例说明,我就不一一的图片说明,只是在这里给大家指出,只是加以简单的文字说明!还是那句话,讲的是方法

在整理东西的时候翻出前些日子做的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 到这里真个手机就基本绘制完成了,还有有些具体的修饰,我就不一一的图片说明,只是在这里给大家指出,前面的都解决的话,后面的这些内容大家自己没问题了!

Tags:Fireworks 绘制 Philips

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接