1 / 34

平面动画设计与制作

平面动画设计与制作. 第四章 基础动画. 模拟任务介绍 1. 第四章 基础动画. 二、时间特效和滤镜动画 制作 时间轴特效和滤镜动画 （ 1 ） 时间轴特效类型 （ 2 ）基础滤镜的使用. 第四章 基础动画. 模拟制作任务 任务 4.3.1 我奉献我快乐. 第四章 基础动画. 模拟制作任务 任务 4.3.1 我奉献我快乐 设计结果 在宣传标语的背景中，公益标语“我奉献，我快乐！造福千万家”徐徐展开，其中还穿插了变形和变色动画。最后，一幅图片渐渐出现，呈现出温馨美好的社会风气。. 第四章 基础动画. 模拟制作任务

nelson
Download Presentation

平面动画设计与制作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 平面动画设计与制作

  2. 第四章 基础动画 模拟任务介绍1

  3. 第四章 基础动画 二、时间特效和滤镜动画 制作时间轴特效和滤镜动画 （1）时间轴特效类型 （2）基础滤镜的使用

  4. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐

  5. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 设计结果 在宣传标语的背景中，公益标语“我奉献，我快乐！造福千万家”徐徐展开，其中还穿插了变形和变色动画。最后，一幅图片渐渐出现，呈现出温馨美好的社会风气。

  6. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 设计思路 （1）利用已学软件，所学知识制作标语背景。 （2）制作标语的转换效果。 （3）编辑图片的展开方式。

  7. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： 首先通过自己所学软件，制作背景。 （1）创建一个新的Flash文档，设置舞台大小为550×440像素，背景为白色。 （2）选择“插入/新建元件”命令、建立一个类型为“图形”、名称为“背景”的元件，然后通过已学软件把制作好的背景保存已“.jpg”的形式。导入到库，并把背景图对齐到中心。

  8. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： 接着是制作文字的变化效果，这也是本实例的重点。 （1）选择“插入/新建元件”命令、建立一个类型为“图形”、名称为“文字1”的元件。 （2）进入元件编辑状态，使用文本工具，并在属性面板设置其属性，将字体设为楷体，大小为20，字母间距为15，颜色为黄色，在舞台上输入文字“我奉献，我快乐” 。

  9. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： （3）新建一个“文字2”的图形元件，进入元件的编辑状态。在舞台上输入文字“造福千万家”，文字属性如步骤（2）所示。 （4）选择“插入/新建元件”命令、建立一个类型为“图形”、名称为“心形”的元件。 （5）进入元件的编辑状态，使用椭圆工具，并在属性面板设置其属性，将笔触颜色设置为无，填充颜色设置为红色，在舞台上画一个椭圆。

  10. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： (6) 按下Shift+Alt快捷键向右拖动椭圆，复制出另一个椭圆。 (7) 选中左边的椭圆，在变形面板中选择旋转“30度”，并按下回车键确定。 (8) 选中左边的椭圆，在变形面板中选择旋转“-30度”，并按下回车键确定。

  11. 第四章 基础动画 • 模拟制作任务 • 任务4.3.1 我奉献我快乐 • 任务解析： • (9) 选中心形图案，在混色面板中将颜色设置为“线性”渐变，颜色从红色变为深红色。 • (10) 新建图层2，使用椭圆工具，绘制一个白色椭圆，再使用选择工具，将椭圆拉伸到心形的形状，为心形图案添加亮光效果。

  12. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： （11）回到主场景。将元件“文字1”拖入舞台偏上位置，选中文字，执行“插入/时间轴特效/变形/转换/变形”命令，在弹出的窗口将缩放比例改为200%，选择“更改颜色”，将最终颜色设为红色，其它默认。更新后预览确定，

  13. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： （12）可以看到时间轴上自动生成了一个长度为30的帧的动画，这就是时间轴特效动画，在背景图层的第100帧插入帧。 （13）选中“变形”图层的第30帧，在鼠标右键菜单中选择“转换为关键帧”。舞台上选择该帧文字“我奉献，我快乐”，将属性面板中的“循环”改成“单帧”。 （14）在该层第100帧处插入帧。 （15)新建图层，在该层第30帧插入关键帧，将“心形”元件拖入该帧。选中心形，执行“插入/时间轴特效/变形/转换/变形”命令，在弹出的窗口将效果持续时间改为20帧，旋转次数为2，并选择“结束时缓慢”，其它不变.

  14. 第四章 基础动画 • 模拟制作任务 • 任务4.3.1 我奉献我快乐 • 任务解析： • （16) 选中该层显示的最后一帧，在鼠标右键菜单选择“转换为关键帧”，舞台上选择该帧心形，将属性面板中的“循环”改成“单帧”，并在第100帧插入帧。 • (17） 新建图层，在该层第40帧插入关键帧，将库中“文字2”拖入舞台，选中文字执行“插入/时间轴特效/变形/转换/变形”命令，在弹出的窗口将缩放比例改为200%，选择“更改颜色”，将最终颜色设为红色，其它默认。更新后预览确定，第70帧效果。

  15. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： （18）选中新层第70帧，在鼠标右键菜单选择“转换为关键帧”，舞台上选择该帧文字“造福千万家”，将属性面板中的“循环”改成“单帧”，并在第100帧插入帧。

  16. 第四章 基础动画 模拟制作任务 任务4.3.1 我奉献我快乐 任务解析： 最后再添加图片，已转换方式出现。 （1）新建一个类型为“图片”、名称为“图片”的元件。进入元件编辑状态，将素材“4-3.1-图片.jpg”导入到舞台，并中心对齐。 （2）回到主场景，新建图层，在新图层71帧插入关键帧，将元件“图片”拖入到舞台右下角。 （3）在改帧选中图片，选中文字执行“插入/时间轴特效/变形/转换/变形”命令，在弹出的窗口中的“移动减慢”设为100，其它默认。更新后预览确定，并测试动画，并以“4-3.1-我奉献，我快乐.fla”保存。

  17. 第四章 基础动画 模拟任务介绍

  18. 第四章 基础动画 模拟制作任务（2） 任务4.3.2 美丽转身，经管校

  19. 第四章 基础动画 模拟制作任务（2） 任务4.3.2 美丽转身，经管校 设计结果 经管校在招生工作到来之际计划更新网站“教学环境”板块，希望网站设计师能利用Flash动画短片的形式表现出学院的如硬件教学环境。

  20. 第四章 基础动画 模拟制作任务（2） 任务4.3.2 美丽转身，经管校 设计思路 （1）用遮罩特效制作内部图像流动的文字 （2）用遮罩特效制作绽放的烟花 （3）利用已做好的烟火，制作其它颜色不一样的烟火 （4）将这些元件组合到舞台上

  21. 第四章 基础动画 模拟制作任务（2） 任务4.3.2 美丽转身，经管校 任务解析： 用遮罩特效制作内部图像流动的文字 （1）创建一个新的Flash文档，设置舞台大小为350×500像素，背景为黑色。

  22. 第四章 基础动画 模拟制作任务（2） 任务4.3.2 美丽转身，经管校 任务解析：

  23. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水

  24. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 设计结果 这个动画告诉我们，如果任由一滴滴水从未拧紧的水龙头中流走。最后的结果只能是地球毁灭，动画出现的字幕，给人以警醒与反思。

  25. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 设计思路 （1）使用绘图工具绘制水龙头和水滴图形。 （2）利用模糊特效制作水滴落下的效果。 （3）利用分离特效制作地球爆炸的效果。 （4）输入文字，已转换方式将文字徐徐展现。

  26. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （1）创建一个新的Flash文档，设置舞台大小为550×400像素，“背景”为白色。 （2）新建一个名称为“水龙头”的图形元件。进入元件的编辑状态，使用椭圆工具和矩形工具绘制水龙头，笔触颜色为无，填充为黑色。 （3）选中全部图形，在混色器面板中将填充颜色改为“线性”渐变，填充颜色从浅灰色渐渐到深灰色。

  27. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （4）新建一个名称为“水滴”的图形元件。进入元件的编辑状态，使用椭圆工具和矩形工具绘制水滴，填充颜色从白色到浅蓝色放射状渐变。

  28. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （5）新建一个名称为“水塘”的图形元件。进入元件的编辑状态，使用椭圆工具和矩形工具绘制水塘，填充颜色从白色到浅蓝色放射状渐变。

  29. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （6）新建一个名称为“文字”的图形元件。进入元件的编辑状态，使用文本工具，在属性面板中设置字体为黑体，大小为50字母间距为15，输入文字，其中“水”和“地球”为浅蓝色，问号为红色，其它都为黑色。

  30. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （7）回到主场景，将素材“4-3.3-地球.jpt”导入到舞台，调整大小。 （8）新建图层2，从库中将元件“水龙头”拖入到舞台。

  31. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （9）新建图层3，重命名为“水滴”，将库中的“水滴”元件拖入到水龙头出口位置，创建补间动画，在第10帧处插入关键帧，将水滴图形向下移动，形成滴落效果。 （10）新建图层4，重命名为“水塘”，在第11帧插入关键帧，从库中将“水塘”元件拖入到水滴下落的位置，选择“插入/时间轴特效/变形/转换/变形”命令，在弹出的窗口中的“持续时间”设为16，分辨率为15，缩放比例设为0.25。 （11）在“水滴”层第11帧上插入空白关键帧，选中该层前10帧，复制后在第27帧上粘帖帧，在之后1帧上添加空白关键帧。 （12）在“水塘”层的第27帧上插入空白关键帧，选中该层第11帧到第26帧，复制后在第37帧上粘帖帧，图层位置如图4-3.3-7所示。 。

  32. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （13）在图层2的第53帧上插入空白关键帧，图层1的第53帧上插入关键帧，执行“插入/时间轴特效/效果/分离”命令，在弹出的窗口中的“碎片旋转量”设为180，碎片大小为x轴和y轴都是50像素，其余不变。

  33. 第四章 基础动画 模拟制作任务（3） 任务4.3.3 生命之水 任务解析： （14）新建图层5，在第73帧上插入关键帧，从空中将元件“文字”拖入到舞台中央，根据效果完成效果。 （15）测试动画，并以“4-3.3-生命之水.fla”保存。

  34. 第四章 基础动画 小结 时间特效和滤镜动画 制作时间轴特效和滤镜动画 （1）时间轴特效类型 （2）基础滤镜的使用 模拟任务制作

More Related