文字动画的设置-菠萝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. 2012.10.16

    WordPress日志投票/顶踩插件WTI Like Post

    很久没写技术文了,大家近来来我的博客是不是有…

  2. 没有图片

    2009.09.14

    36个经典的JQuery导航菜单演示+下载

    现在很多网站或博客上都流行使用JQuery菜…

  3. 没有图片

    2010.03.25

    Adobe CS5功能介绍及相关视频

    Adobe在之前已经公布了很多cs5软件的新…

  4. 没有图片

    2009.09.15

    重装XP后,还需要做的10件事

    机器用时间长了,不是变慢就是中毒很深,有时也…

  5. 没有图片

    2011.04.04

    给你的页面添加返回顶部按钮

    大家应该都经历过,优秀的网页都会给人一个良好…

  6. 没有图片

    2011.11.16

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

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

评论

  1. 菠萝 2009.10.10 7:52下午

    @汤博客杂志站
    哈哈,欢迎来访!

  2. 汤博客杂志站 2009.10.10 5:44下午

    今天下午没事。到你博上来看看。,望回访。:》

  3. 菠萝 2009.10.10 1:54下午

    @90后的贼
    上机操作,不带图,再说了,发图也麻烦。

  4. 菠萝 2009.10.10 1:54下午

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

  5. 菠萝 2009.10.10 1:29下午

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

  6. 365hope 2009.10.10 12:01下午

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

  7. 菠萝 2009.10.10 11:00上午

    @我心疯狂
    呵呵,我也是边学边写,记录一下。以后当成资料查阅。

  8. 我心疯狂 2009.10.10 10:50上午

    好详细的笔记啊….
    我读了16年书,还没试过写笔记如此详细,字数如此之多》。。惭愧

  9. 90后的贼 2009.10.10 9:16上午

    要是能配两张图片多好啊

  10. 随影 2009.10.10 8:00上午

    看到精灵 我还以为是director 呢

  11. 菠萝 2009.10.09 8:30下午

    @老饕
    怎么了?

  12. 菠萝 2009.10.09 8:29下午

    @不死鸟
    沙发就这样没了,你速度很快!

  13. 老饕 2009.10.09 7:47下午

    我崩溃~

  14. 不死鸟 2009.10.09 6:50下午

    @不死鸟 坐着小板凳学习

  15. 不死鸟 2009.10.09 6:49下午

    沙发先

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!