网页设计与制作项目四.pptVIP

返回 上一页 下一页 返回 上一页 下一页 网页设计与制作 项目四　利用Fireworks CS6制作网页 认识Fireworks CS6 1 制作网站LOGO中的各类字体 2 制作网站LOGO中的各类图形 3 添加滤镜与制作动画 4 任务1　认识Fireworks CS6 Fireworks CS6的主界面 工作区 工具条 “属性”面板 组合面板 任务1　认识Fireworks CS6 任务1　认识Fireworks CS6 1 2 3 任务2　制作网站LOGO中的各类字体 立体字体 金属字体 透视文字特效 环形字体 印章文字 立体字效果 效果尽显的金属文字 透视阴影效果图 环形文字效果图 印章效果图 任务3　制作网站LOGO中的各类图形 制作圆角按钮 制作心形光晕图 制作奥林匹克五环旗 示范按钮 光晕效果心形图 奥运五环效果图 任务4　添加滤镜与制作动画 　　(1)建立新文件。启动Fireworks CS6，按Ctrl+N组合键新建一个工作区，设置工作区的宽度为400，高度为300,颜色为蓝色，其余为默认值。 　　(2)输人文本。首先单击文本工具，设置参数如下:字体为华文行楷，大小为20,颜色为红色(#FF0000)，其余为默认值。然后在文本框中输入文字，单击“确定”按钮。用箭头工具选择并移动文本到工作区稍微靠上的位置，接着在滤镜中选择“阴影和光晕”一“光晕”命令，设置具体参数如下:宽度为2，柔化度为1，颜色为黄色(# FFFF00)，透明度为6500，如图所示。此时文本效果如图所示。 发光属性设置 文本效果 任务4　添加滤镜与制作动画 (3)制作文本图形的分布路径。 文本附加到路径 文本属性设置 任务4　添加滤镜与制作动画 (4)开始制作动画。 “转化为元件”对话框 文本转化为元件 任务4　添加滤镜与制作动画 (5)克隆其他图例。 克隆并旋转多个元件 任务4　添加滤镜与制作动画 (6)创建动画。 补间实例 分散到各状态 任务4　添加滤镜与制作动画 (7)输出动画。 图像预览导出设置 任务4　添加滤镜与制作动画 旋转文字的最终效果图 任务4　添加滤镜与制作动画 　　(1)打开Fireworks CS6软件，新建一个白色背景的画布，画布大小设置为390 X 68像素，如图所示。 　　(2)使用左边工具条中的文本工具在画布中输入文字，然后在下方“属性”面板中调整文本的大小和字体，并将消除锯齿级别设置为“强力消除锯齿”，如图所示。 “新建文档”对话框 文字设置 任务4　添加滤镜与制作动画 　　(3)在“状态”面板中将状态1拖到“新建/重制状态”按钮上，重复2次，共制作成3个状态，如图所示。一般是看闪底素材有多少个状态，然后就制作多少个状态。 　　(4)编辑闪底素材。一般的闪底并不是想要的大小，有时会比字小，所以就需要编辑一下。首先打开闪底素材，单击下方“属性”面板中的“画布大小”按钮，调整为闪字画布大小，如图所示。 添加状态 更改画布大小 任务4　添加滤镜与制作动画 　　(5)在“状态”面板中单击洋葱皮按钮，勾选“多状态编辑”，并将结束状态滑块拖到最后一个状态上，框选所有图像内容，如图所示。 　　(6)框选中的是三个状态中的对象，使用移动工具将对象移到画布最左边，然后按Alt键并选择“移动复制对象至满画布”，闪底效果如图所示，然后保存并关闭闪底。 多状态编辑 闪底效果图 任务4　添加滤镜与制作动画 　　(7)回到闪字的制作画布中，选择菜单中的“文件”—“导人”命令或按Ctrl+R组合键，导入刚才修改并保存的闪底素材图，如图所示。 导人图片 任务4　添加滤镜与制作动画 　　(8)导人后会看到动画元件布满了整个画布，如图所示。选中闪图，按Ctrl+X组合键剪切下来。 任务4　添加滤镜与制作动画 　　(9)单击状态1中的文字并将其选中，选择菜单中的“编辑”—“粘贴于内部”命令，如图所示。 将文字粘贴于内部 任务4　添加滤镜与制作动画 　　(10)这时闪字动画已经制作好，预览效果如图所示。 闪字动画预览效果 (11)闪字动画制作完成后，接下来就是将这个闪字图像保存为GIF动画格式。 返回 上一页 下一页 返回 上一页 下一页