二维动画制作

丁弋洵

目录

  • 1 课前准备
    • 1.1 课程介绍及软件安装
    • 1.2 课程学习方法
  • 2 二维动画制作基础
    • 2.1 动画的起源与发展
    • 2.2 动画原理及制作方式
    • 2.3 本章测验
  • 3 认识Flash
    • 3.1 Flash简介及应用领域
    • 3.2 我的第一个Flash作品
    • 3.3 Flash的工作界面
    • 3.4 Flash的时间轴和场景
    • 3.5 本章测验
  • 4 图形的绘制与编辑
    • 4.1 绘图工具箱
    • 4.2 矩形工具
    • 4.3 椭圆工具
    • 4.4 基本矩形与基本椭圆工具
    • 4.5 多角星形工具
    • 4.6 线条工具
    • 4.7 铅笔工具
    • 4.8 刷子工具1
    • 4.9 刷子工具2
    • 4.10 喷涂刷工具
    • 4.11 钢笔工具
    • 4.12 文本工具
    • 4.13 DECO工具1
    • 4.14 DECO工具2
    • 4.15 DECO工具3
    • 4.16 选择工具
    • 4.17 部分选取工具
    • 4.18 任意变形和渐变变形工具
    • 4.19 套索工具
    • 4.20 颜料桶工具
    • 4.21 墨水瓶工具
    • 4.22 滴管工具
    • 4.23 颜色面板
    • 4.24 渐变填充
    • 4.25 调色板
    • 4.26 样本面板
    • 4.27 橡皮擦工具
    • 4.28 手形工具和缩放工具
    • 4.29 绘制模式
    • 4.30 对象的组合和分离
    • 4.31 案例:雨伞的绘制
    • 4.32 案例:红心的绘制
    • 4.33 案例:香烟的绘制
    • 4.34 案例:鼠标的绘制
    • 4.35 本章测验
    • 4.36 实战演练
  • 5 元件的使用
    • 5.1 Flash中的元件
    • 5.2 图形元件
    • 5.3 按钮元件
    • 5.4 影片剪辑元件
    • 5.5 本章测验
    • 5.6 实战演练
  • 6 Flash中的动画制作
    • 6.1 逐帧动画的制作
    • 6.2 形状补间动画的制作
    • 6.3 形状补间动画案例:小草的生长
    • 6.4 动作补间动画的制作
    • 6.5 引导层动画的制作
    • 6.6 遮罩动画的制作
    • 6.7 骨骼动画
    • 6.8 3D动画
    • 6.9 Deco动画
    • 6.10 有声动画的制作
    • 6.11 本章测验
      • 6.11.1 帧的基本操作---测验
      • 6.11.2 逐帧动画---测验
      • 6.11.3 形状补间动画---测验
      • 6.11.4 动作补间动画---测验
      • 6.11.5 引导层动画---测验
      • 6.11.6 遮罩动画---测验
    • 6.12 实战演练
  • 7 脚本应用基础
    • 7.1 Action脚本简介和基本语法
    • 7.2 Action数据类型与运算符
    • 7.3 程序流程的控制
    • 7.4 认识动作面板
    • 7.5 本章测验
      • 7.5.1 Action脚本简介和基本语法---测验
      • 7.5.2 Action数据类型与运算符---测验
      • 7.5.3 程序流程的控制---测验
      • 7.5.4 认识动作面板---测验
  • 8 交互式动画
    • 8.1 跳转语句的学习
    • 8.2 事件处理
    • 8.3 Flash自定义函数
    • 8.4 鼠标事件
    • 8.5 复制影片剪辑的制作
    • 8.6 随机加载影片剪辑
    • 8.7 键盘事件
    • 8.8 控制声音播放
    • 8.9 本章测验
      • 8.9.1 跳转语句的学习---测验
      • 8.9.2 flash自定义函数---测验
      • 8.9.3 事件处理---测验
      • 8.9.4 鼠标事件---测验
      • 8.9.5 随机加载影片剪辑---测验
      • 8.9.6 键盘事件之keyboardevent类---测验
      • 8.9.7 控制声音播放---测验
    • 8.10 实战演练
文本工具

课堂导入

 我们的动画中,加入了声音、图形,当然还需要有文字。那么我们如何来制作酷炫的文字效果呢?赶快加入到我们的学习吧!



学习目

1.学会使用文本工具的基本方法;

2.熟悉对文本工具属性面板的使用。

学习任务单


素材下载


教学视频

教学课件


教学内容

创建静态文本

  • 【步骤1】选择工具栏中的文本工具  ,将鼠标光标移至舞台中,鼠标光标变为 形状,按住鼠标左键拖动将出现一个虚线框。

  • 【步骤2】将虚线框拖至适当大小后,释放鼠标左键将出现一个右上角有小方框的文本框。

  • 【步骤3】在文本框中输入需要的文字,这里输入“我的地盘听我的”。如果要换行直接按【Enter】键,如果不按【Enter】键,当文字达到文本框右边缘时会自动换行。

  • 【步骤4】输入完成后,单击文本框外的任意空白处即可,此时文本框将消失。



设置文本属性



编辑文本

 在Flash 8中,用户可以直接使用剪切、复制和粘贴菜单来对文本进行移动、剪切和粘贴文本块操作。

  • 文本工具---T
    用鼠标左右拖拽文本框上方的方形控制点,可以缩小或扩大文字的行宽;
    双击文本框上方的方形控制点,文字将转换成单行显示状态,方形控制点转换成圆形控制点;

  • 文本的属性

(1)提示:默认文字只能使用纯色,不能使用渐变色,要想给文本应用渐变,必须将文本打散成形状;
(2)文字加粗前后效果变化不是十分明显;
(3)字符位置:正常—文本放在基线上、上标、下标;
(4)锯齿文字:可以渲染文本,以便更清楚地较小的文本;
(5)编辑格式选项:用于调整文本段落的格式;
(6)文本只有在水平方向排列时,超链接才可用

  • 文本的类型
    静态文本、动态文本、输入文本

  • 文本的转换
    变形文本 ---两次Ctrl+B
             ---[修改]-[变形]-[封套]
    填充文本 ---两次Ctrl+B
             ---[窗口]-[设计面板]-[混色器] /Shift+F9




文本变形处理

  • 【步骤1】文本变形处理的方法

  • 【步骤2】单击工具栏中的选择工具。

  • 【步骤3】右击舞台中的文本块,在下拉菜单中选择【任意变形】菜单    选项。

  • 【步骤4】此时文本中心和边角出现了控制点。

  • 【步骤5】用鼠标拖动这些控制点即可对文本块进行变形。


拓展资源

(一)思考一下:如何制作下图的文字并使它有闪光的动画呢?

(二)操作步骤

【步骤1】按照子任务1的方法新建一个大小为400像素×200像素的Flash文档,背景色为黑色。使用【文本工具】在工作区中写出“清仓特价”四个字,字体为“华文彩云”,大小为“80像素”,加粗,字体颜色为白色,如图所示。

【步骤2】选中文本,执行【修改】|【分离】命令二次,或者按【Ctrl+B】两次,把字体打散,再选择【颜料桶工具】,把字体中心填充成红色。填充之后的效果如图所示。在图层1的第30帧插入普通帧,图层1的作用是显示文字。

【步骤3】选择菜单【插入】|【新建元件】,弹出如图所示的【创建新元件】对话框,选择类型为“图形”,点击确定后进入新元件的编辑。绘制一个如图所示的无边长条矩形,在如图所示的颜色面板中选择类型为“线性”,将三个色标全部设置为白色,第一和第三个的【Alpha】值为零,中间的为75%。可以在如图所示的【库】面板中找到新建的元件。 

【步骤4】点击场景和元件按钮可以在场景和元件的编辑工作区之间切换。切换到场景工作区,新建一个遮罩层:图层2。在图层2的第1帧中添加刚才做好的元件,并将元件放在文本的最左端,如图所示。在图层2的第30帧按【F6】键插入关键帧,同样插入元件,放在文本的最右边,如图所示

【步骤5】在图层2的第1帧上右键单击,在弹出的菜单中选择【创建补间动画】,完成补间动画的创建。

【步骤6】选择【控制】|【测试影片】命令,或者按Ctrl+Enter键,测试动画效果。如图所示,图层2中的闪光棒会沿着文本划过。