网页设计ppt电子课件教案第13章设计网页特效文字

《网页设计ppt电子课件教案第13章设计网页特效文字》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第13章设计网页特效文字教学内容：文字特效对于网页设计来说至关重要，利用Fireworks的各种工具如滤镜、样式、图层、色彩调整等可以设计出丰富多彩的文字特效。教学重点掌握文本工具的使用掌握文本附加到路径掌握文本属性的设置掌握文本的变形操作掌握状态面板的使用掌握GIF动画的制作教学目标和基本要求_________________________________________________________________________________________________________

2、教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第13章练习文件：exercise第13章本章各节课时分配及链接13.1任务52设计光晕文字效果——（）课时13.2任务52设计环绕文字效果——（）课时13.3任务54设计凹凸文字——（）课时13.4任务55设计网页GIF动画——（）课时13.5综合实训--设计宣传海报——（）课时本章小结思考与练习13.1任务52设计光晕文字效果本例制作具有视觉冲击的光晕文字特效，下面将对其制作方法来逐步讲

3、解。13.1.1简单讲评各种滤镜效果的配合使用使得晕光效果也变得千变万化。本例制作的光晕文字效果。13.1.2核心知识要更改文本属性，需要选择“窗口>属性”命令，打开“属性”面板，在面板中提供相应的选项。13.1.3实际操作步骤2使用工具箱中的“文本”工具，在图像上输入文字“开业大酬宾”。步骤3选中文字，在属性面板中设置文字的字体、颜色和字号。步骤4选中文本对象，选择“文本>转换为路径”命令，将文本转换为路径。步骤5选中文字，在属性面板中单击“添加滤镜”按钮，在弹出菜单中选择“阴影和光晕>光晕”命令。

4、13.2任务52设计环绕文字效果在各种多媒体作品中，经常可以见到环绕文字的特效，确实非常漂亮。13.2.1简单讲评有时候我们可能需要做一些圆形文字的环绕，其实这类文字实际上就是一种文字环绕路径的效果。13.2.2核心知识可以像对待任何其他对象那样选择文本块并将其移动到文档中的任何位置。在拖动鼠标创建文本块时，也可以移动该文本块。13.2.3实际操作步骤2使用工具箱中的“椭圆”工具在图像上绘制一个的椭圆。步骤3使用工具箱中的“文本”工具，在图像上输入文字。步骤4按住shift键同时选中椭圆和文字，选择“

5、文本>附加到路径”命令，将文本附加到路径。13.3任务54设计凹凸文字在本例中，我们将制作一个凹凸文字效果。13.3.1简单讲评本例应用“文本”工具、“纯色阴影”特效、“凸起浮雕”特效。13.3.2核心知识——文本变形在Fireworks中可以对文本进行缩放、倾斜和翻转。可以像编辑路径一样来编辑文本。（1）缩放：选择工具箱中的“缩放”工具，拖动变形手柄进行缩放。（2）倾斜：选择工具箱中的“倾斜”工具，将指针放到要进行倾斜的对象外部，指针变成倾斜指针，进行旋转鼠标指针。（3）扭曲：选择工具箱中的“扭曲”

6、工具，将指针放到要进行旋转的对象外部，拖动变形手柄。13.3.3实际操作步骤2选择要打开的图像，单击“打开”按钮，即可打开图像。步骤3选择工具箱中的“文本”工具，在“属性”面板中进行设置。步骤4单击属性面板中的图标，在弹出的菜单中选择“垂直方向从右到左”。步骤6单击属性面板中滤镜右边的+按钮，在弹出的快捷菜单中选择“斜面和浮雕>凸起浮雕”命令。步骤8选中文本对象，单击“属性”面板“滤镜”右边的，在弹出的菜单中选择“阴影/光晕>纯色阴影”命令，弹出“纯色阴影”对话框，单击“确定”按钮，设置纯色阴影效果后

7、的文字。13.4任务55设计网页GIF动画精美的图片是做网站必不可少的元素，尤其是GIF动画，可以让原本呆板的网站变得栩栩如生。大家见得最多的可能就是那些不断翻转的图像效果，以及风格各异的Banner广告。13.4.1简单讲评Fireworks对于专业程度要求更高，设计者的灵感可以得到更好的发挥，所以使用这个软件创作GIF动画会取得更好的效果。同时，Fireworks和另外两个网页设计软件Dreamweaver和Flash的紧密结合也是很大的优势。13.4.2核心知识在Fireworks中，使用“状态

8、”面板可以对状态进行各种操作。选择“窗口>状态”命令，打开“状态”面板。在面板中可以添加、移动、复制和删除状态；也可以设置每一状态的速率，即状态延时；还可以把对象从一个状态移动到另一状态。13.4.3实际操作步骤2选择“窗口>状态”命令，打开“状态”面板。步骤3右键单击“状态1”，在弹出的快捷菜单中选择“添加状态”命令。步骤4弹出“添加状态”对话框，在对话框中进行设置。步骤7返回01.jpg文档中，再次选择“编辑>粘贴”命令，此时将图像2粘贴到了01文档