关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>Fireworks>>正文|Fireworks 绘制Philips手机

Fireworks 绘制Philips手机

[ 来路:蓝色理想      时间:2007-7-10 3:01:34    点击: ]

 

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

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

Fireworks 绘制Philips手机

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Fireworks动画制作基本类型  下一篇:Fireworks 打造精美导航效果

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号