[AE] 原创－图文－蝴蝶动画的制作教程【附带图片和工程文件】

[复制链接]

a376044347

该用户从未签到

9 主题	32 好友	4868 积分

禁止访问

积分: 4868

发表于 2012-8-19 11:43:42 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要登录才可以下载或查看，没有账号？╱人◕‿‿◕人╲订下契约（注册新用户）

本帖最后由 syl是喵星人于 2012-8-25 15:27 编辑

如果无法播放，请点击此处在新窗口打开

            教程制作：一个品德高尚的人。。。。。。。。当时我不知道账户名就是论坛里的名字，，，，就这么悲剧了。。成了一串代码。
   昨天我的萌徒弟看了帖子说太高端。。看不懂，，，于是我带着我的萌徒弟直接通过PS和AE做了一个蝴蝶的动画。其实并不难，今天早晨迷迷糊糊的看到有人发了一个3Dmax的通过椭圆形变形的一个，个人，感觉效果不是太好。于是今天送上一篇蝴蝶的教学贴，如何用AE制作三维的蝴蝶飞舞动画。（附加了工程文件）
   准备材料：蝴蝶的图片

一张
                        PS软件一个
                              AE软件一个

      过程：1，在PS中抠出蝴蝶，并且把左边的翅膀，右边的翅膀，身体分成3个单独的图层。并且命名（图层命名以便于AE中的区分）
                     具体操作：1、复制原始图层，删除原始图层
                                       2、先取出左下角的水印，把前景色调成白色，选框工具框住图层，快捷键Ctrl+Delete填充
                                       3，魔棒工具（因为是纯色底而且蝴蝶颜色和底色比较分明）容差20 delete删除白色部分，抠像完成。
                                       4、钢笔工具的选出左边翅膀，这是钢笔工具不必要太精细，只要在蝴蝶的翅膀与身体关节处处精细切割即可，其他地方只要保证需要部分在钢笔的范围内就行。选出后以路径建立选区，右键剪切至新的图层。

                                       5 、命名图层
                                       6、保存psd文件，这个文件里只有三个图层，左边翅膀，右边翅膀，身体

            2、AE的制作部分
                  1打开AE导入蝴蝶的PSD文件，导入时要选择第三种导入模式，使得蝴蝶的三个图层是单独的，新建一个1280*720的合成，帧速率为25（这是我们国家的常用标准）时间长度为15秒，把三个图层拖入我们的时间条。

这是导入对话框的选择
2.拼装过后，将3个图层都选中调节图层尺寸到适中，拖动图层拼装我们的蝴蝶，尺寸调节快捷键是S

                  3、快捷键Y，中心点移动。把蝴蝶的左右翅膀都移动到翅膀运动的关节点上，
                  4、开启三维层，三维层就是图中的那个立方体方块，开启后，操作台中的图层，就会出现空间位移的操作箭头
                  ，

                  5、同时吧左右翅膀与身体建立父子关系。身体作为父级，左右翅膀同时作为身体的子级。操作为，左右翅膀的时间条的上有一个天翼3G一样的一个图标（上面那张图靠右边的地方那个），鼠标按住图标拖出一条线，把线拖到身体图层即可。这样做的目的是为了我们的翅膀用表达式控制，减少工作量。并且后期蝴蝶的运动我们就不用管翅膀了。
                  6、给蝴蝶的翅膀K3帧动画，时间轴时间调节到0点，选中左边翅膀的图层, 按快捷键R，激活关键帧（就是按前面的小闹钟小秒表一下）分别在0秒、0.5秒、1秒时候Y轴旋转数值调节为0、-53、0。右边翅膀同样，只不过把-53变为53。
                  7、选中左边翅膀的图层的三个关键帧按快捷键alt+shift+"="。属性栏出现一个可以输入文字地方，在其中输入 loopOut(type = "cycle", numKeyframes = 0)             这个表达式。右边的翅膀一样。这个表达式就是让我们选择的三个关键帧无限的循环。这样蝴蝶的翅膀就在我们K蝴蝶位移动画的时候不断地煽动。
                  8、现在我们可以把翅膀的属性收起来了。时间归零。打开身体的属性，在这里我们要用到很多的属性，先在位置属性的第一个数值（也就是X轴位置数值）拖动，使得蝴蝶在画面的左侧，激活关键帧秒表图标。然后我们在合适的位置做位移动画。既然是三维的那么Z轴的唯一变化一定要有。并且蝴蝶的运动不是直线的，我们要用AE的钢笔工具（快捷键G)使得蝴蝶的运动路径更为的平滑。附图

调节z轴位移的时候，这个默认摄像机可以改为顶视图，更为方便。记得调回来就行。
   9，蝴蝶在飞的过程中朝向始终是它运动的方向，现在我们就要开始从0秒的时候拖动时间轴，保证Z轴的朝向始终在运动方向的反方向，这里我们一样要激活orientation 方向这个属性的关键帧，保持Z轴的箭头一直是曲线的切线。
         10。OK搞定了！如果想要好看，可以加入辉光（glow）效果.辉光半径为252（250不好听亲~~╭(╯3╰)╮），，

      至于烟雾效果，，我还要上下我的EVE,,,,,,所以以后再说，，原来做过类似的给原来玩的剑网3公会宣传动画半成品的几个截图。我这个视频里用的是三维做的单层的粒子，那个蝴蝶用了两层道理一样，只不过我少做了一次。虽然不玩了，但是还是给打个广告吧

萌徒弟要上大学了哦、！！加油哦！

附件奉上（里面有工程文件我的PS和AE的版本都是CS5.5的）

hudie.rar
http://kuai.xunlei.com/d/NUQPJZEIVKID

评分

参与人数 2	宅币 +40	贡献 +7	元气（技能点） +5	收起理由
syl是喵星人	+ 40	+ 7	+ 2	o(￣▽￣)ブ发糖
石头肉丸子			+ 3	鼓励原创教程！

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

合作站点账号登陆

[AE] 原创－图文－蝴蝶动画的制作教程【附带图片和工程文件】

╱人◕‿‿◕人╲定下契约

评分