自行车动画_AE制作彩色自行车动画

效果图

1.在Adobe Illustrator中准备好素材并将其导入Adobe After Effects

步骤1

在Adobe Illustrator中准备好素材。自行车添加更多细节，阴影或高光或某些配件，将第二个踏板添加到自行车，将使踏板旋转。将背景的大小更改为800 x 600像素。

将每个将要移动的部分放在单独的层上。将静态部件组合在一起，管子，车把和自行车的座椅。

在新文件中保存地面和云。为它们制作动画。将每个点和每个云保存在Adobe Illustrator中的单独图层上。

有三个Adobe Illustrator文件：一个用于自行车，一个用于地面，一个用于云。

步骤2

启动Adobe After Effects并开始制作一个新项目，转到文件>导入>文件，然后选择在Adobe Illustrator中创建的* .ai自行车图像。

步骤3

然后导入种类选择为合成，素材尺寸选择图层大小，然后单击确定就可以开始制作动画了。在左侧的“项目”窗口中找到您的文件，然后双击它以在中心的“合成”窗口中将其打开。使用标准工作区。

2.制作自行车轮胎动画

步骤1

在底部找到 “时间轴” 面板。在 “时间轴” 面板的左侧区域, 自行车的所有部件放置在 adobe illustrator 中的不同图层上。在左侧区域的时间轴面板里面选择自行车的后轮胎连同它的挡泥板 , 鼠标右键单击, 并从弹出菜单中选择预合成。双击预合成组将其隔离。双击所需的对象 , 将其在单独的 “合成” 窗口中打开即可。

步骤2

前往 “时间轴” 面板, 然后通过单击 “标签” 旁边的小三角形图标打开轮胎的下拉菜单。点击变换的三角形图标展开隐藏的功能，为了使车轮旋转, 点击旋转旁边的小秒表图标, 从而设置第一个关键帧。

步骤3

查看时间轴面板的主要区域。为车轮创建一个简单的双帧动画。选择时间指示器并将其移动到时间标尺的4s位置, 设置为结束帧。单击 “时间轴” 面板左侧的菱形图标 , 以设置第二个关键帧，在 “时间轴” 面板的底部, 可以找到刻度滑块， 可在时间轴上放大和缩小。

步骤4

将时间指示器保持在其终点 , 单击蓝色旋转值, 并将度值设置为360。在第二个关键帧中就会有一个新的旋转值。

步骤5

为自行车的前轮做同样的两帧动画。选择后轮的旋转属性, 并复制 (control-c) 。然后前往前轮, 双击将其隔离, 选择 “旋转” 并粘贴 (control-v) 。

单击 “时间轴” 面板顶部的选项卡来返回主合成窗口并检查两个车轮的动画。为了使动画无限的循环, 可以前往 “时间轴” 面板并找到 “工作区结束” 滑块, 就在时间标尺下。将滑块拉回到4秒, 将其放置在与时间指示器相同的位置。

3.踏板旋转动画

步骤1

制作前踏板的动画。选择所有部分并进行预合成。双击预组合组, 并在需要时通过按 “ctrl-+” 或简单地滚动鼠标滚轮进行缩放，从粉红色的圆圈开始制作动画, 把它放在底部。在 “时间轴” 面板中打开其 “变换” 菜单。

步骤2

点击 “旋转” 旁边的 “时间秒表”, 在时间轴的最开头创建第一个关键帧。将时间指示器移动到4秒, 并将 “旋转” 值设置为360度, 从而创建第二个关键帧。

步骤3

把踏板臂绑定到粉红色的圆圈上。确保踏板臂的支点在粉红圆圈的中心。保持踏板臂的选中状态, 按y(向后平移工具)并将中心锚点拖动到粉红色圆圈的中心。单击 “父子级的图标” 并将其拖到车轮图层上, 即可使用 “父子级”， 将踏板臂绑定到粉红色的车轮。

步骤4

选择绿色踏板, 将其绑定到踏板臂。

步骤5

打开绿色踏板的 “变换” 菜单, 然后单击 “旋转” 旁边的秒表以添加表达式。选择 “表达式: 旋转” 旁边的 “涡轮图标”, 并将其链接到粉红色车轮的 “旋转” 值上。将鼠标光标放在文本的末尾, 并添加值。

步骤6

后踏板踏板臂的锚点放在它的顶端 ，并将同样的两帧旋转动画应用到踏板臂上, 然后选择绿色踏板, 并使用父子级将其 “表达式: 旋转” 值绑定到踏板臂的 “旋转” 值。将 *-1 添加到 “时间轴” 面板中的文本字符串中。

4.对地面进行动画处理

在一个单独的 adobe illustrator 文件中有地面文件。允许文件 > 导入 > 将其放到我们的项目中。选择导入类型为合成, 然后将地面文件从左侧的 “项目” 窗口拖到底部的 “时间轴” 图层区域, 并将其放置在背景和自行车部件之间。

步骤2

双击以隔离地面组。从底部最大的椭圆开始。在时间轴图层区域中找到它, 然后打开下拉菜单。将使其更改其大小, 为此, 更改比例值。点击 “缩放” 功能旁边的秒表, 在时间轴的开头设置第一个关键帧。

步骤3

在4秒处创建第二个关键帧, 将时间指示器放在 “时间标尺” 的4s的位置上, 然后单击 “缩放” 旁边的小图标。

步骤4

在前两个关键帧之间添加另一个关键帧, 制作一个三帧动画。将时间指示器放在时间标尺的2秒处, 此时将 “缩放水平值”更改为 80%。这样, 将形状压缩一点, 使其在动画过程中间变窄。

步骤5

为两个较小的圆制作相同的三帧动画。这两个描绘的是自行车车轮下的阴影。这一次将中间关键帧中的 “缩放宽度” 设置为70%, 使所有其他设置与大点的设置完全相同。

步骤6

创建一个null对象。鼠标右键单击 “时间轴” 面板的图层区域, 然后选择 “新建” > “空对象”。它将显示在图层列表的顶部。选择所有的小斑点, 并使用父子级关系将点绑定到 null 对象。

步骤7

保持选择的点, 复制 (ctrl-d)。在 “时间轴” 面板中, 通过拖动重复图层将其放在顶部, 以便有两组点, 其中一组位于另一组之上。

步骤8

保持选择重复的点, 前往 “合成” 窗口, 使用 “选择工具” (v) 并将这些点向右拖动, 切记得按住 shift 键。将斑点放在画布外。

步骤9

选择工作区上的斑点并将其移动到另一侧, 以便左侧的第一个斑点位于工作区的边缘。

步骤10

在null 对象的帮助完成地面动画，使用 “位置” 值。打开 “空对象” 的 “变换” 菜单, 将时间指示器移动到0秒,然后单击 “位置秒表” 以创建第一帧。 制作第二个关键帧，此时, 单击并按住shift将null水平移动, 然后开始将鼠标光标向左拖动。移动它, 以便第二组的点 (重复) 取代第一组。而第一组应该在画布的左边缘之外移动。

对象在第二个关键帧中的最终位置在4s处。

5.制作云的动画

步骤1

动画组成中的最后一个元素是: 云，进行动画处理。在一个单独的 adobe illustrator 文件中放置了云, 将其导入到 “AE” 之后的项目中, 选择 “导入类型为合成”。然后将预合成组成的云组从右侧的 “项目” 窗口拖到底部的 “时间轴” 面板。

步骤2

双击以隔离云组。选择 “时间轴” 面板中的所有云并复制 (control-d)。前往 “合成” 窗口, 并将副本向右移动到画布外部, 将组的左侧放置在更靠近边缘的位置。

步骤3

创建一个空对象, 并使用父子级关系将所有云绑定到null。

步骤4

最后,为 null 对象创建一个简单的两帧动画, 这将使云在四秒内从右到左移动。

6.导出并检查

步骤1

返回所有元素的主 “合成” 窗口, 并在 “预览” 面板中点击 “播放” 以查看其工作状态。

步骤2

使用 adobe photoshop 制作动画gif 图像。转到 “导出” > “添加到渲染队列”。在 “时间轴” 面板中打开一个新的 “渲染队列” 选项卡。

选择最佳渲染设置。设置 “最佳质量” 和 “完全分辨率” 选项。单击 “确定” 关闭窗口。

步骤3

找到 “渲染设置” 下的 “输出模块”, 然后单击 “无损”。在 “格式” 下拉菜单中选择 “jpeg 序列”, 然后单击 “确定”。

如果需要是透明的gif动画，选择导出PNG序列。

步骤4

单击 “输出到”, 打开下拉菜单并选择目标。为一组 jpeg 创建一个新文件夹。然后单击 “渲染”。

步骤5

启动 adobe photoshop, 打开 (control-o) 文件夹, 选择第一个, 然后选中 “打开” 对话框底部的 “图像序列” 框。单击 “确定”。在弹出窗口中将 “帧速率” 保留为每秒30帧, 然后单击 “确定”。

步骤6

继续并转到 “导出” > “保存为 web” (alt-shift-control-s)。在 “保存为 web” 对话框中, 选择窗口右上角的 gif 格式。将 “循环选项” 设置为 “永远”, 以便我们让动画重复一次又一次。将所有其他选项保留为默认值, 然后单击 “保存” 将 gif图像导出到所需的目标文件下。

步骤7

如果将动画另存为视频, 在AE中, “导出” > “添加到渲染队列”, 然后移动到 “渲染设置” 下的 “输出模块”, 然后单击 “无损”。在 “格式” 下拉菜单中选择 “quicktime”, 然后单击 “确定” 将文件另存为 *. mov。