论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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 | 发表日期:2008-9-20 19:31:53

大家先看看下面这张效果图

下面就让我们一步一步把它制作出来吧,不会很难,放心。

1.新建文件,300*300,透明色。



2.在编辑区用矩形工具拖画出一个和编辑区差不多大小的矩形.打开fill填充面板,填充模式选linear(线形渐变),点击面板上的edit,我们把渐变色设为如图。



3.按住shift键,在编辑区拖画出一个正圆,打开fill填充面板,填充模式为radial,颜色选为white,black,效果如图



4.画一个椭圆,把它移动到圆的上面,填充方向与圆的相反,如图。



5.edit---clone克隆这椭圆,留一个备用,在图层面板中点它前面的眼睛把这个备用的椭圆隐藏起来.另外一个让它做牺牲吧,:).同时选中椭圆和圆,modify---combine---punch打洞.感觉还不对,这圆的上部还剩省一部分,用矩形工具画出一个矩形,拖到如图位置,同时选中圆和矩形,modify---combine---punch,这样我们把圆的上部分也去掉了.


6.把克隆的椭圆刑满释放出来,在图层中把它前面的眼睛点开,再次克隆它两次,点它前面的眼睛图标,把它隐藏起来.为了便于讲解,我们把下面的椭圆重新命名为a,上面的椭圆命名为b, (可以双击图层面板,给它们重命名).选中a,把填充色设为无(在fill面板中设为none),打开storke面板,设置如图



7.选中b,填充色设为无,打开storke面板,设置如下图,在电脑键盘上,按两下向上方向的键,再按两下向左方向的键.同时选中a和b,modify---group把它们组群.给它重命名为c.得到如图效果




8.选中这个缺了上部的圆,给它重命名为d,克隆它,edit---clone,给克隆出来的圆命名为e. 用椭圆工具在编辑区拖画出一个椭圆,大小和位置如下图所示,给该椭圆重新命名为f,克隆它,edit---clone克隆出的椭圆命名为g。



9.选中g和d,modify---combine---punch,结果如图



10.再用前面说过的方法,用矩形工具拖出一个矩形,同时选中这图和矩形,用combine---punch,给它重命名为h.(为了便于观察,我把别的图隐藏了),此时效果如图


11.选中h,打开fill填充面板,选中solid,填充色设为浅蓝色.打开罐口的眼睛图标,透明度设为16,把e拖到最上层,透明度设置为16,f的透明度为13,c的透明度为40,h的透明度为8.效果如图



12.我们给玻璃罐上加上反光,增强效果。在编辑区用椭圆工具按住shift画出一个白色的圆,再用椭圆工具画一个大点的椭圆,移动把圆的上面,它们的位置如图。



13.同时选中圆和椭圆,modify---combine---punch,这样我们得到了一段圆弧,选中该圆弧,打开effect面板,shadow and glow---glow, 在弹出的框中如下图设置,然后在图层面板中把它的透明度设为80。把它移到左边。玻璃的反光效果就出来了。



14.为了美观,我们再给玻璃罐加上个托架,在编辑区拖画出一个大小和玻璃罐差不多的圆,再画一个矩形,位置如下图所示同时选中它们两个,modify---combine---punch,这样我们得到了一个托架,



15.把这托架移动到h之下,也就是倒数第二层中,打开fill面板,填充模式选为pattern,如图设置



16.选中托架,打开effect面板,shadow and glow---drop shadow在弹出的面板中,设置如下



  效果出来了吧!
  再哆嗦两句,本实例主要是重点运用combine---punch,熟练地运用它,能够得到很多奇妙的图形.

 

 

上一篇:Fireworks常见问题解答(7) 人气:2132
下一篇:Fireworks中制作归途效果 人气:1462
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058