论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

fireworks教程_Fireworks 绘制Philips手机

文章类别:Fireworks | 发表日期:2010-4-25 10:06:30

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

视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058