动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Fireworks教程 ]的信息

本月文章推荐
.用Fireworks“铸造”古钱币<2>.
.Fireworks制作文字效果的总结.
.FW MX 2004新增等高渐变填充.
.Fireworks4制作超酷金属字.
.同一色系的图片.
.Fireworks里做立体倒影.
.Fireworks MX 2004制作巧克力按钮.
.按钮制作.
.详解Fireworks MX 2004丰富的图像.
.圆形文字的环绕制作<2>.
.创建按钮(Buttons)和导航条(N.
.Fireworks MX 之初体验2-1.
.古代智慧结晶 用Fireworks“铸造.
.学用Fireworks中的特效(二).
.Fireworks MX之旅:耳目一新的界面.
.无缝背景图制作之二.
.Fireworks MX 2004新功能.
.Fireworks MX 之初体验3-1.
.Fireworks绘制简洁精致的Rss图标.
.Fireworks图片魔术:黑白照片的彩.

一起来视频聊天!Fireworks绘制逼真摄像头

发表日期:2005-7-2 |


  想视频聊天但却没有摄像头,这可怎么办?别急,这就为大伙送上一个!

最终效果图

  启动Fireworks,新建一个450*400大小的画布。在“工具”面板中点选“椭圆形”工具,然后在画布上先画一个179*179的正圆。接着在“属性”面板里将该圆的笔触颜色设置为无色。在“填充类别”里选择渐变选项中的“椭圆形”,然后在填充色的预选框中设立三个颜色滑块,其色彩数值从左至右依次为:#FFFFFF、#EAEAE8、#ADADAD。回到画布区后,再用“指针”工具调整该“椭圆形”渐变的填充手柄,如图01。

图01

  将该圆形对象进行复制,然后改变复制对象的填充手柄,使填充色的中心向右侧偏移,效果如图02所示。然后在“属性”面板的填充色预选框中为其设置两个渐变滑块,色值分别为:# 8E8D8A、# EDEDEF,而色彩滑块上的三个不透明度滑块的百分比从左至右则依次为:100%、93%、0%。

图02

  为了使摄像头上的这个球形更有立体感,我们用“钢笔”工具在该圆形的右侧画出球形的反光区域,然后在“属性”框中对该路径采用无笔触描边的“线性”渐变填充,填充手柄的设置如图03所示,而“线性”渐变中左右两个色彩滑块的数值分别为:#FFFFFF、#EDEDEC。色彩滑块上左右两个不透明度滑块的百分比分别为:100%和0%。

图03

  现实中的摄像头多由两三个塑料外壳拼装而成,所以在拼装的交接处就难免有些小裂缝。下面我们就来绘制这些小裂缝。先用“钢笔”工具画出摄像头上的一条裂缝路径,如图04。

图04

  为了画出这些小裂缝的凹陷效果,我们需要有这样的两条路径配合才行。将这路径再复制一份,打开“层”面板后可以看到,刚复制出来的新路径会位于原路径的上一层。为了便于辨认,可以双击对象层中的名称,对这两个路径进行重命名,如图05所示。因为复制的这条路径要在稍候才需使用,因此可点击该对象层左边的“眼晴”图示,使该路径暂时处于不可编辑的隐藏状态。

图05

  回到画布区中,点选原裂缝路径后,通过菜单“修改——改变路径——扩展笔触”命令,打开“展开笔触”设置窗口,在“宽度”输入框中设置该路径的扩展数值为3,其它设置如图06所示。

图06

  点击“确定”按钮后,在画布区中可以看到,原来的开放路径变成了一个封闭路径。而这个封闭路径将用于呈现裂缝凹入效果的过渡色。在“属性”面版中对这个路径进行无描边色的实心填充,填充色值为#959595。如图07。

图07

  从图07中不难看出,这条裂缝的左右两端太粗了,在透视上显得不真实。所以我们再用“部分选择”工具对这条路径的左右两端的节点进行适当的移动,但移动的距离不要过大,只要略微缩小裂缝两端的宽度即可。在实际操作当中,我们可以把画布的显示比例放大到1600%,从而能够更精确地对路径节点进行调整。完成后效果如图08。

图08

  在“层”面版中恢复显示刚才被我们隐藏起来的“复制的裂缝路径”。我们将借用这条路径来绘制裂缝在凹入时的深黑效果。点击“修改——改变路径——扩展笔触”菜单命令,在“展开笔触”设置窗口中设置该路径的扩展宽度数值为1。而其它设置则保持不变。然后同样用“部分选择”工具将这条裂缝两端的宽度进行适当地缩小。完成后在“属性”面板中为这个对象使用无描边色的“线性”渐变填充。效果如图09所示。其中左右两个线性渐变的颜色滑块色值分别为:#000000和#CCCCCC。

图09

  采用同样的方法,把摄像头上的另一条裂缝也画出来,如图10。

图10

  我们接着来画摄像头顶部的按钮。用“钢笔”工具先勾画出按钮的外形路径后,对这一路径使用无描边色的“椭圆形”渐变填充,填充手柄的设置如图11所示。而“椭圆形”渐变中,左右两个颜色滑块的色值分别为:#6A7D9B和#A8B4CC。

图11

  这个按钮和摄像头的连接处自然也有一个缝隙。使用我们刚才采用过的方法,在这个按钮和摄像头的交接处出绘制制出这条缝隙。如图12。

图12

  下面我们开始来绘制这个摄像头前部的镜头。用“椭圆形”工具画一个104*106大小的椭圆,然后把它移到摄像头的合适位置。接着在“属性”面板里对该椭圆进行无描色的实心填充,填充色为:#2E2E2E。在“边缘”选项中选择“羽化”,设置羽化数值为1。最后在“属性”面板的右侧为其添加一个“投影”特效,设置其投影色为:#555555。其它设置参数如图13所示。

图13

  用“椭圆形”工具再绘制一个103*106大小的椭圆对象。将它移到黑色椭圆的正中位置,然后在“属性”面板里对这个椭圆对象使用无描边色的“线性”渐变填充,填充手柄的设置如图14所示。“线性”渐变中左右两个颜色滑块的数值分别为:#7E89A0和#434B56。

图14

  再画一个97*99大小的椭圆,经适当调整后,同样采用无描边色的“线性”渐变进行填充,左右两个颜色滑块的数值分别为:#98A3BA和#7C8DAF。如图15。

图15

  把这个椭圆再复制一份,然后用“缩放”工具将复制的椭圆缩小至83*85大小。接着在“属性”面板中对该椭圆采用无描边色的“椭圆形”渐变填充。填充手柄的设置如图16所示。其中三个颜色渐变滑块的色值从左至右依次为:#919191、#353535、#000000。

图16

  为了呈现镜头外玻璃镜片的反光效果,我们先用“钢笔”工具勾画出镜片的高光范围。然后在“属性”面板中对这个高光对象采用无描边色的“线性”渐变进行填充,效果如图17所示。左右两个颜色滑块的色值均为:#FFFFFF,而上面两个不透明度滑块的百分比数值则分别为:100%、0%。

图17

  镜头的高光部分有了,接下来要画的就是反光范围了。我们把刚才绘制83*85大小的椭圆对象再复制两份出来。并把这两个椭圆移到画布的一边。用“缩放”工具将上层的椭圆对象放大到115*116大小,而下层的椭圆对象则缩小至74*75。然后将这两个椭圆对象按图18所示进行叠加。因为这两个对象都是黑色的,为了使大家能够较清楚地看到这两个对象叠加时的位置,我把这两个对象的填充色做了修改。但这不会影响作品的最终效果。

图18

  将这两个椭圆对象同时选中后,使用“修改——组合路径——打孔”菜单命令。使其形成一个月牙般的组合路径。把这个路径移至摄像镜头的下端后,在“属性”面板里为该对象使用无描边色的“线性”渐变填充。左右两个颜色渐变滑块的数值分别为:#888888和#000000。

图19

  至此,这个摄像头的上半部分就绘制完成了。我们接着来画这个摄像头的底座。先用“钢笔”工具画出底座的轮廓,然后在“属性”面板里为该对象使用无描边色的“线性”渐变填充。“线性”渐变中的三个颜色滑块的色值依次为:#FFFFFF、#313131、#BFBFBF。在默认情况下,新绘制的对象都会位于所有对象的最上层,因此我们可以点击“工具栏”上的“移到最后”按钮,使该底座对象移至所有对象的最后一层。如图20。

 图20

  为了使这个底座呈现立体效果,我们可将这个对象再复制一份,经“部分选择”工具的适当修改后,在“属性”面板里为该复制对象采用无描边色的“椭圆形”渐变填充。填充手柄的设置角度如图21所示。而“椭圆形”渐变中,设置左右两个颜色滑块的色值分别为:#B4B4B3和#F0F0EE。接着在“边缘”选项中选择“羽化”,并设置其羽化数值为6。

图21

  仔细看一下就不难发现,此时摄像头的上半部分与底座之间还缺乏一个投影效果。我们用“椭圆”工具画一个172*172大小的正圆,在“属性”面板中为该圆使用无描边色的实心填充,填充色为:#000000。在“边缘”选项中再为其设置数值为2的“羽化”效果。经对象层的位置调整,将它放置在所有对象层的倒数第三层,如图22。

图22

  最后我们来为这个摄像头绘制一个投影。使用快捷键Ctrl+A,将当前画布上的所有对象同时选中。然后点击“复制”、“粘贴”按钮,将所有对象进行复制,而新复制出来的所有对象会处于被选中状态,此时再点击菜单“修改——组合路径——联合”命令,把复制出来的所有对象合成一个组合路径。然后在“属性”面板中为这一组合路径使用无描边色的实心填充,填充色值为:#9B9B9B,边缘羽化值为6。用“缩放”和“倾斜”工具将该组合路径进行适当变形后,在“工具栏”中点击“移到最后”按钮,将该对象放置到所有对象的最后一层,从而形成摄像头的一个投影效果,如图23。

图23

  为了使该投影能够产生出“本影”和“半影”的逼真效果。我们为该投影对象再添加一个“运动模糊”特效。然后根据当前摄像头的投影角度,在特效的设置窗中输入合理的相关参数。在本例中,我为该特效设置的“角度”为341度,“距离”的数值为12。点击“确定”后,一个逼真的摄像头也就绘制完成了。最终效果如图24。

图24

上一篇:Fireworks动画优化与导出详解 人气:12652
下一篇:logo系列玻璃效果 人气:18434
浏览全部Fireworks的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-9-6 Movie34电影搜索引擎 v3.0
2008-9-6 wap2.0仿帝国建站喜用 v2.0
2008-9-6 免费人才招聘网 宽屏版 v3.01
2008-9-6 喜喔喔视频采集程序 v1.0 beta
2008-9-6 ASP客户管理系统
2008-9-6 主流驿站中秋祝福程序
2008-9-6 php实现msn协议的类
2008-9-5 Coppermine Photo Gallery v1.4.
2008-9-5 清松网络日记本 v2.4
2008-8-23 Mini WinMount V0.4
2008-8-23 Vista优化大师3.11正式版
2008-8-23 Wine 1.13
2008-8-23 KlipFolio 5.0 Build 5899-80
2008-8-23 Windows Sysinternals Desktops
2008-8-23 OneTap Movies1.2破解版
2008-8-23 AnnotaterPDF阅读1.1.503 破解版
2008-8-23 SoundMeter分贝测量仪 v1.0汉化破
2008-8-23 iDrum音乐节拍1.0破解版
  发表评论
姓 名: 验证码:
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | Html转换js | js/vbs加密 | md5加密 | 进制转换
实用工具:汉字翻译拼音 | 符号对照表 | 个税计算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号