基于工作过程的网页设计与制作教程

《基于工作过程的网页设计与制作教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、基于工作过程的网页设计与制作教程情境2：书法家庄辉个人网站动画的设计基于工作过程的网页设计与制作教程第五章网页动画的快速设计与制作1.项目展示与项目目标2.项目资讯3.项目计划与决策4.项目实施5.项目检查与评估项目展示与项目目标1项目展示与项目目标认识FlashSwish软件的界面掌握FlashSwish软件制作动画的基本方法掌握FlashSwish软件对动画的控制方法掌握文字动画的淡出效果的制作方法关键知识点一：Swish软件界面认识2.项目资讯菜单栏插入栏控制栏轮廓面板工具栏电影场景属性栏3.项目计

2、划与决策书法家庄辉个人网站动画主要是以反映褐色国画效果图片为背景，制作“中国书法家协会会员”、“国家高级美术师”、，“江苏省淮安书画院专职画师”三组文字动画。4.项目实施1）执行“开始”→“新建”命令，在场景中创建一个电影，在属性栏“电影”属性面板中输入动画的宽为996像素，高为185像素，具体参数如图所示。4.项目实施2）执行“插入”→“图像”命令，在“打开”对话框中选择素材文件夹中的“网站背景1.jpg”后点击“打开”按钮，图片就插入到场景中了，设置电影的变形属性标签，将锚点设置为“左上”，具体设置如

3、左图所示，图像插入的效果如右图所示。4.项目实施3）点击工具栏中的按钮（执行“插入”→“文本”命令），然后在文本输入区中输入“中国书法家协会会员”文字，调整文字的位置，设置文本的字体为“方正大黑简体”（也可以设置为“黑体”），字体大小为36点，颜色为黑色，为如图所示。4.项目实施4）在场景中选中“中国书法家协会会员”文字对象，执行“插入”→“效果”→“核心效果”→“变形”命令，然后浏览时间线如图所示。4.项目实施5）在控制栏中点击“播放”按钮测试一下动画效果，发现文字动画变化太快，用鼠标左键放在图5-18

4、中的第20帧的位置拖至50帧的位置，再次测试动画，速度适中，调整过的时间线如图所示。4.项目实施5）在控制栏中点击“播放”按钮测试一下动画效果，发现文字动画变化太快，用鼠标左键放在图5-18中的第20帧的位置拖至50帧的位置，再次测试动画，速度适中，调整过的时间线如图所示。4.项目实施6）当然大家可以给文本制作淡出的效果，用鼠标在“时间线”调板上的第60帧上点击右键执行“渐近”→“淡出”命令，再次在控制栏中点击“播放”按钮测试一下动画效果，此时的时间线如图所示。4.项目实施7）采用同样的方法分别输入“国家

5、高级美术师”和“江苏省淮安书画院专职画师”两组文本，然后做同样的设置，完成三组文字的动画效果。执行“文件”→“导出”→“swf”命令，即可弹出“导出为swf”对话框，选择路径，输入文件名即可保存，如图所示。4.项目实施如果再次插入图像将“网站背景2.jpg”、“网站背景3.jpg”、“网站背景4.jpg”、“网站背景5.jpg”分别插入生成的动画后预览的效果如图所示。4.项目实施5.项目检查与评估学习目标评价项目FlashSwish软件制作动画的基本方法能认识FlashSwish软件的界面能制作简单的Fl

6、ash动画熟练制作各种Flash动画能制作各种Flash文字动画课程小结基于工作过程的网页设计与制作教程第五章网页动画的快速设计与制作1.项目展示与项目目标2.项目资讯3.项目计划与决策4.项目实施5.项目检查与评估谢谢大家