网页制作PPT-ch10.pptVIP

第10章Fireworks基础和案例 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 10.2 案例43 QQ企鹅图形 10.3 案例44 “光盘盘面设计”图案 10.4 案例45 “个性图章” 10.5 案例46 “邮票” 10.6 案例47 自制相框 10.7 案例48 网站Banner动画 10.8 案例49 按钮和导航栏 10.9 案例50 弹出式菜单 10.10 案例51 切割网页模板 10.11 案例52 Fireworks 8与Dreamweaver 8协作 10.12 案例53 Fireworks 8与Flash 8协作 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 案例效果 立体字是很多网页图像中会用到的效果。而制作立体字的主要技巧与效果会有很多种，这可以根据需要去设计，只要善于使用Fireworks中的命令，就可以制作各种各样排列方式的立体字效果。 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 设计过程 略 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 相关知识 Macromedia Fireworks 8是设计和制造专业化网页图形的应用软件。使用Fireworks，用户可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像等，并且它支持在单个应用程序中创建和编辑位图和矢量图。如图10-11所示是软件的整体视窗，主要分为五个功能区域：菜单栏、工具箱、属性窗口、浮动面板区和工作区。 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 相关知识 1. 位图和矢量图 计算机以矢量或位图格式来存储和显示图形。 （1）矢量图使用的是称为“矢量”的线条和曲线呈现图像，与分辨率无关，即对矢量图进行移动、大小调整、形状和颜色更改等操作都不会改变其外观品质。 矢量图形有3个要素：路径、笔触和填充。 1）如图10-12所示，图中蓝色细线表示图形的路径，负责一个矢量图形的形状和位置，与颜色信息无关，通过修改路径可以调整图形的形状和位置。 2）红色部分称为笔触或描边，负责确定矢量图形轮廓的颜色和样式。 3）蓝色部分称为填充，负责确定矢量图形被路径包围着的部分的颜色和样式。 （2）位图由排列成网格的称为“像素”的点组成。计算机屏幕是一个大的像素网格，位图图像由网格中每个像素的位置和颜色值决定，在以正确的分辨率查看时，这些点像马赛克贴砖一样拼合在一起形成图像，因此与分辨率有关，即对位图进行编辑修改时都会影响图像品质。 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 相关知识 2. 菜单栏 菜单栏位于Fireworks视窗的上方，与其他许多软件一样，菜单栏提供了几乎所有的功能，结合一些组合功能键可以方便快捷地进行操作。 3. 工具箱 工具箱位于Fireworks视窗的左方，由“选择”、“位图”、“矢量”、“Web”、“颜色”和“视图”几部分组成，每部分均有各自的工具来完成对应的功能。其中图标右下角带有小黑箭头的均有扩展功能，在图标范围内长时间单击即可打开相应菜单选择其他工具。单击图标呈凹下白亮色显示时为当前正在使用该工具状态。 4. 属性窗口 属性窗口位于Fireworks视窗的下方，可以对当前选中的对象进行属性的设置。 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 相关知识 5. 浮动面板区 浮动面板区位于Fireworks视窗的右方，是一个整合了若干面板的集中区域。用户可以通过选择菜单“窗口”的下拉菜单来自行开启、关闭各个浮动面板，也可以缩放或移动某个浮动面板，来组合出适合自己的浮动面板区域。如移动鼠标至“优化”面板小黑三角左边，当光标变成带箭头十字架 时，按住左键拖动面板至其他区域，面板即成独立窗口；同样的方法，将面板拖动至集中区域，面板会自行整合进去。 6. 画布及图像的基础操作 （1）改变画布尺寸 操作步骤：执行“修改”→“画布”→“画布大小”命令或者单击属性窗口的“画布大小”按钮，输入新尺寸，单击“锚定”按钮以指定Fireworks将在画布的哪一边添加或删除，然后单击“确定”完成。 10.1 案例42 “欢迎您——2008北京奥运会”立体文字 相关知识 （2）改变图像尺寸 执行“修改”→“画布”→“图像大小”命令或者单击属性窗口的“图像大小”按钮，弹出如图10-14所示对话框，。 1）“像素尺寸”文本框中输入新尺寸，同时也可以更改度量单位。如果取消选择“图像重新取样”，则可以更改分辨率或打印尺寸，但不能更改像素尺寸。 2）在“打印尺寸”文本框中输入打印图像的新尺寸。 3）在“分辨率”文本框中输入新的分辨率，同时也可以选择像素/英寸或像素/厘米作为单位