文字动画的设置-菠萝AE学习笔记

实验项目13206303

文字动画的设置

实验目的

掌握路径文字的设置方法;

掌握文字动画的基本操作。

实验仪器(编号)材料、工具

计算机(装配After Effect 6.5)
[实验原理、实验内容步骤]

一、 熟悉并操作相关内容。

二、 完成下列作业:

1、文字沿路径运动:舞动的精灵

(1)利用composition-new composition(图像合成-新建合成组)命令打开新建合成对话框,对话框中,合成名为“舞动的精灵”,预设中选择web video 320×240,持续时间中设为5秒。

(2)用文字工具输入文字“舞动的精灵”,选中文字,在字符面板中设置文字的填充颜色为蓝色,描边颜色为白色,描边宽度为0.25。

(3)用钢笔工具在监视器窗口中绘制一曲线路径,使曲线路径的两侧与监视器窗口两侧重合,设mask1(遮罩1)的模式为None。

(4)在时间线窗口中,单击文字层左侧的小三角,打开path options(路径选项)属性,path后选择mask1,此时,文字沿路径排列。

(5)按home键使时间指针在合成开始处,单击First Margin(开始留白)左侧的小时钟加入第1个关键帧,并调整First Margin的数值,使文字在左侧曲线路径的开始位置。
按end键使时间指针在合成结束处,单击First Margin左侧的空格加入第2个关键帧,并调整First Margin的数值,使文字在直线路径的中间位置。

此时,预览动画,文字沿路径运动一圈到监视器中间停止。

(6)填加背景层:利用layer-new-solid(图层-新建-固态层)建立一固态层,并将其放置在最下层,为固态层施加效果滤镜render-ramp(生成-渐变),在效果控制框中,ramp shape(渐变类型)选择radial ramp(径向渐变),渐变颜色设为蓝色与黑色,调整颜色位置,使此层从中间的蓝色向外逐渐过渡为黑色。

(7)执行“图像合成-制作影片”命令打开渲染对话框,点击“输出组件”后的“无损”调出自定义设置对话框,format(格式)一项中选择“动画 Gif”,设置完成单击“渲染”按钮进行渲染。

2、文字的position与rotation动画:文字逐字螺旋飞入

(1)利用“图像合成-新建合成组”命令打开新建合成对话框,对话框中,合成名为“文字螺旋飞入”,“预设”中选择web video 320×240,Duration中设为5秒。

(2)用文字工具输入文字“文字螺旋飞入”。

(3)在时间线窗口中,单击文字层左侧小三角,单击text(文字)属性右侧的animate(动画)按钮,从中选择position(位置)动画类型。按home键将时间指针移至合成开始处,调整animator 1(动画1)中的position属性值,使文字全部位于监视器窗口左上侧之外。(注:在监视器中看不到文字)

(4)单击“文字”左侧小三角,打开“动画 1”属性,按home键将时间指针移至合成开始处,设置“范围选择器1”中的end属性值为100%,并单击“开始”属性左侧的小时钟,为其加入第1个关键帧,并调整“开始”的值为0%。

按end键将时间指针移至合成结束处,单击“开始”属性左侧的空格,为其加入第2个关键帧,并调整“开始”的值为100%。

此时,预览文件,文字逐字从窗口左上侧飞到窗口中央。

【第(4)步也可通过设置“偏移”属性来完成:

单击“文字”左侧小三角,打开“动画1”属性,将“开始”与“结束”的值分别设为0%与100%。

按home键将时间指针移至合成开始处,单击“范围选择器1”中的“偏移”属性左侧的小时钟,为其加入第1个关键帧,将其值设为0%。按end键将时间指针移至合成结束处,单击“偏移”属性左侧的空格,为其加入第2个关键帧,并调整它的值为100%。

此时,预览文件,文字逐字从窗口左上侧飞到窗口中央。】

(5)单击“动画1”属性右侧的Add按钮,选择“旋转”动画类型,为“动画1”动画再增加旋转动画。

(6)设置“动画1”中的“旋转”值为1x。

此时预览文件,文字逐字从窗口左上侧螺旋飞到窗口中央。

(7)将素材文件“背景2”导入素材窗口,并将其放置在合成的最下层。

(8)执行“图像合成-制作影片”命令打开渲染对话框,点击“输出组件”后的“无损”调出自定义设置对话框,format(格式)一项中选择“动画 Gif”,设置完成单击“渲染”按钮进行渲染。

3、文字的position与scale动画:跳跃的文字

(1)利用“图像合成-新建合成组”命令打开新建合成对话框,对话框中,合成名为“跳跃的文字”,“预设”中选择web video 320×240,Duration中设为5秒。

(2)用文字工具输入文字“跳跃的文字”。

(3)在时间线窗口中,单击文字层左侧小三角,单击“文字”属性右侧的“动画”按钮,从中选择“位置”动画类型。设置“动画1”中的“位置”属性值为0与-20。

(4) 单击“文字”左侧小三角,打开“动画1”属性,将“开始”与“结束”的值分别设为0%与10%。

按home键将时间指针移至合成开始处,单击“范围选择器1”中的“偏移”属性左侧的小时钟,为其加入第1个关键帧,将其值设为-10%。按end键将时间指针移至合成结束处,单击“偏移”属性左侧的空格,为其加入第2个关键帧,并调整它的值为100%。

此时,预览文件,文字逐个向上跳跃并回到原位置。

【第(4)步也可通过设置“开始”与“结束”属性来完成,自己尝试】

(5)单击“动画1”属性右侧的“增加”按钮,选择“缩放”动画类型,为“动画1”动画再增加缩放动画。设置“动画1”中的“缩放”值为160%。

此时预览文件,文字逐个向上跳跃放大并回到原位置。

(6)将素材文件“背景3”导入素材窗口,并将其放置在合成的最下层。

(7)执行“图像合成-制作影片”命令打开渲染对话框,点击“输出组件”后的“无损”调出自定义设置对话框,format(格式)一项中选择“动画 Gif”,设置完成单击“渲染”按钮进行渲染。

4、文字的“填充”动画与“摇摆”动画:飘动的五彩泡泡

(1)利用“图像合成-新建合成组”命令打开新建合成对话框,对话框中,合成名为“五彩泡泡”,“预设”中选择web video 320×240,Duration中设为5秒。

(2)用文字工具在监视器窗口中输入一行小圆点(即英文输入法下的小句点,注意有些字体输出后是小方块,可选FZShuti。)。

(3)在时间线窗口中,单击文字层左侧小三角,单击“文字”属性右侧的“动画”按钮,从中选择“位置”动画类型。

(4)单击“文字”左侧小三角,打开“动画1”属性,将“范围选择器1”中的“开始”与“结束”属性值分别设为0%与100%,“偏移”设为0%。设置“动画1”中的“位置”属性值为200与300。

(5)单击“动画1”属性右侧的“增加”按钮,选择“选择-摇摆”动画类型,为“动画1”再增加随机运动效果。

此时,预览文件,小圆点在进行无规则运动。

(5)为文字增加随机颜色填充动画:
单击“动画1”属性右侧的“增加”按钮,选择“特性-填充-色相”动画类型,为“动画1”再增加颜色填充动画。

调整“填充色色调”的值,使小圆点的颜色各异。

此时,预览文件,随机运动的小圆点颜色各不相同。

(6)为文字增加随机缩放效果:
单击“文字”属性右侧的“动画”按钮,从中选择“缩放”动画类型。

单击“文字”左侧小三角,打开“动画2”属性,将“范围选择器2”中的“开始”与“结束”属性值分别设为0%与100%,“偏移”设为0%。设置“动画2”中的“缩放”属性值为1000%与1000%。

单击“动画2”属性右侧的“增加”按钮,选择“选择-摇摆”动画类型,为“动画2”再增加随机缩放效果。

将“动画2”中的“波动选择器1”属性中的“尺寸锁定”设为“打开”,使缩放时小泡泡的长宽比例不变。

此时,预览文件,随机运动的小泡泡颜色各不相同,且大小各不相同。

(7)将文字层再复制两层,改变这两层的位置及旋转值,使窗口中的小泡泡增多。

(8)执行“图像合成-制作影片”命令打开渲染对话框,点击“输出组件”后的“无损”调出自定义设置对话框,format(格式)一项中选择“动画 Gif”,设置完成单击“渲染”按钮进行渲染。

[数据处理]

1、文字沿路径运动:舞动的精灵

2、文字的position与rotation动画:文字逐字螺旋飞入

3、文字的position与scale动画:跳跃的文字

4、文字的fill color动画与wiggly动画:飘动的五彩泡泡

[实验结论及问题讨论]

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.03.03

    几行代码让你的WordPress兼容更多浏览器

    我们在设计主题的时候,经常遇到主题与浏览器的…

  2. 没有图片

    2009.07.06

    饭否 WordPress 插件 Fanfou Tools

    这个是fanfou.com的Wordpres…

  3. 没有图片

    2010.09.27

    Outlook 2010 的功能和优点

    Microsoft Outlook 2010…

  4. 没有图片

    2011.11.16

    MT主机博客在页脚添加MT Logo标志

    大家看到很多在使用MT主机的博客的页脚位置都…

  5. 2013.10.30

    博客升级到 WordPress 3.7.1

    才升级到WordPress 3.7正式版没几…

  6. 没有图片

    2013.04.23

    CentOS 6.4 系统各个目录的作用详解

    文章转载自网络,留作自己没事参考之用,估计对…

评论

  1. 菠萝 2009.10.10 1:54下午

    @随影
    Director现在不怎么用了。

  2. 菠萝 2009.10.10 1:29下午

    @365hope
    哈哈,过奖过奖!这是给他们做的培训课程,自己边整理,边做课程。

  3. 365hope 2009.10.10 12:01下午

    把这么复杂的教程写的如此详细,那可不是一般牛叉的人士干的事儿!
    特此表彰,继续前进!