签到

03月31日
尚未签到

共有回帖数 2 个

    Destiny

    等级：
    因为锤子T2手机发布会上播放的一段“放大镜”动画，昨晚“秋叶PPT的69群小伙伴们”展开了活跃的讨论，各路高手纷纷献计，PPT 2016的“变体”功能的强大也是令人为之惊喜。不过阿随君的2016还没有这个功能，所以呢还是在AE中简单快速地玩一下放大镜动画。
          说在前边的话：因为时间原因，阿随君并没有去复原锤子T2的原片，且这篇教程旨在展示AE制作放大镜动画的工作流程，如若偶有瑕疵，还请见谅。那闲言少叙，先来看一下今天教程的完成效果吧。
         
    （PS：为了将教程重点放在放大镜动画上，这里暂且用“圆形”代替了放大镜。当然，小伙伴也可以直接DL个带透明背景的放大镜素材，或者直接绘制都可以
    的，也都是很简单的。由于视频转gif的过程是有损的，画面质量请忽略。当然，为了达到演示级别，在真正的商业制作中还会有更多的特效手段可以使用，但这
    些不属于今天的教程内容，就忽略不计了。）
          所以，接下来言归正传。在AE中制作放大镜动画，原理上就是利用“放大”和“凸出”两个特效，它可以实现鼠标拖动放大镜时的实时放大即“指哪哪放大”，
    而且不需要对“被放大的元素”（如锤子T2手机）做任何多余的操作，只要把它放到你的图层面板摆好位置即可；也不需要提前准备一大一小两份，只要一份“手
    机”，效果会主动放大它。（当然，如果你的素材是3D的，那么还可以实现360°环绕放大效果，玩法多多，也欢迎小伙伴们开脑洞。）
          展开之前，预览一下工作流程
    新建合成，新建背景图层。
    将需要被放大的展示物品如手机（或者文字也一样）导入ae，并拖到图层面板。
    制作或导入放大镜，并设定放大镜扫过“手机”的位移动画，扫过的速度和节奏自由设置。
    新建调整图层，并把调成图层放在“放大镜”和“手机”之间。
    对“调整图层”添加“放大”和“凸出”效果，合理设置参数。
    完成，渲染输出作品。


         
    说起来好像很多步骤，但是只要稍有AE基础，了解基本操作，那整个工作流程半小时之内就可以完成了，熟练了可能不到十分钟就搞定哦。最关键的是，做好后，
    这个合成就可以当模板用了，随时可以更换展示物品，今后的T3、T4……T10扔进来就可以用，分分钟制作。
    那接下来，阿随君就分步骤介绍，跟大家分享下。
    Step1打开AE软件，新建合成，参数设置如图所示。        然后，按如图所示操作新建一个纯色层作为背景，也可以直接按快捷键Ctrl+Y来新建，参数设置参考图中数据。       新建好之后，可以如下图所示锁定它并设置“消影”，就是隐藏该图层。PS：背景图层，在创作中自然也是可以根据作品效果、风格等独特设置的。这里只是为了突出动画操作，采取了简洁化处理。当然，你也可以省略这一步。
    Step2       这里先以“文字的放大动画”为例展示。如图所示，选择文字工具，输入“幻方秋叶PPT”，文字参数设置参考图中数据。然后，把文字居中。

    楼主 2016-01-05 23:24 回复

    Destiny

    等级：
    Step3
          如图所示，选择“圆形工具”，按所示参数绘制“放大镜”，需要注意的是，在绘制前请确保没有任何图层被选中（如果在图层被选中的情况下，画圆则是给被选中的图层绘制遮罩了）。“放大镜”无填充色，描边蓝色30px。绘制好，请务必把圆形锚点放置圆心处。
       
    接下来，为“放大镜”制作位移动画。来到时间轴/图层面板，选中“放大镜”图层（即刚才绘制的圆形已被命名“放大镜”），按快捷键P即展开位移属性，将
    当前时间指示器移到起始帧，记录关键帧，然后把放大镜拖出画左；接着把时间指示器移到第12帧，记录关键帧，把放大镜移动到“幻”字上面；最后将时间指示
    器移动到3秒钟的地方，记录关键帧，把放大镜移除画右。PS：只有第一帧需要按码表，其他只要在不同时间点参数有变化，软件会自动记录。
          然后，选中三个关键帧，按F9，让位移运动更自然些。这一步完成。Step4      如图所示，新建调整图层，并把它移动到“放大镜”和文字层中间。Step5       选中”调整图层1“，如图所示，为它添加”放大“效果，该效果属于”扭曲效果组“。


          我们可以在效果面板上看到”放大特效“的所有参数，这里只需调整”中心“、”放大率“和”大小“即可，先看下三个参数是啥意思。中心：就是“放大”效果影响的、扩散的中心点/焦点，换言之它就是“放大镜”镜片的中心，也正是这个原因，只要把“放大镜”的位移数据赋予给“中心”，那放大效果就有了运动。你可以如图所示的复制粘贴，也可以直接用表达式完成。放大率：就是把“文字”放大的倍数。参数如图。大小：就是“放大”效果影响的范围，设置上需要把它调整到覆盖整个“放大镜”镜片。参数如图。

          设置完毕后，就已经完成一半了，可以按空格键预览下动画效果。

    1楼 2016-01-05 23:24 回复

    Destiny

    等级：
    Step6

         
    此时的动画，确实是放大了文字，但是我们知道生活中用放大镜看东西时，不仅有放大的效果，由于材质的特性它还会产生一定的变形。对此，就可以添加“凸出”
    效果来实现，在选中“调整图层1”的基础上，点击菜单栏的“效果扭曲凸出”来添加，或者也可以直接在效果面板搜索到后双击“凸出”。
    “凸出”效果的众多参数中，这里必需用到的是：
    水平半径和垂直半径：就是调节它来覆盖住“放大镜”镜片，参数如图。
    凸出高度：调节放大效果的大小，参数如图。凸出中心：即镜片中心，所以还是要把“放大镜”的位移数据复制粘贴给它。

          如图设置好之后，那么基础的放大镜动画就完成了。剩下的就可以进入根据需求调整和丰富细节等后续工作了。
    Step7

          那么，如果想放大其他文字该怎么办呢？So easy啦，只需选中文字层，然后选中文字工具重新输入文字即可了。

       
    至于，如何对图片应用放大镜动画，那也很简单，只需将图片比如案例中这支5s导入ae，再将它直接拖到时间轴面板的最下层，记得关闭文字层，就可以了。
    当然，如果是通过表达式建立的“放大镜”位移跟“放大”中心、“凸出”凸出中心的关系，那么只要更改“放大镜”的位移路径，那么就可以随意想放大哪儿就放
    大哪儿的效果喽。
          接下来，就是渲染导出了，在选中放大镜动画合成的基础下，选择菜单栏的“合成添加到渲染队列”，选择合适的格式和保存文件夹，点击渲染即可。
    如果你读到了这里，阿随君真的要为你点赞，一看就是好学的好童鞋来的。如果你对上述的操作，有哪些不熟悉的地方的话，欢迎来留言区反馈哦。或者你觉得跟AE君还是有距离感，那么不妨先点击下方蓝色链接，看看前两堂的gif教程哦。
    跟着阿随一起玩转gif图（1）

    跟着阿随一起玩转gif图（2）PS帧动画 教你分分钟把好玩的网络静态表情转成gif
          最后，想给小伙伴们说的是，做教程不易，为了第一时间分享“放大镜”动画，阿随君又一次熬到了凌晨后入睡，如果觉得这篇教程还不错，欢迎点击推荐，来鼓励支持阿随君继续做出更多的好教程、好干货哦，么么哒(づ￣ 3￣)づ
         
    好了，这就是今天的内容了。下一次gif教程，阿随君将继续分享“PS帧动画”的技巧，并分享如何优化gif，（如何将视频优化成gif，可能会有，也可
    能会是下下课哦）。2015年的最后一天，分享的又是一篇教程，不知道会有多少小伙伴喜欢，其实阿随君是做码字工作的啦。最后，祝大家2015大丰
    收，2016新年快乐！

    2楼 2016-01-05 23:25 回复

共有回帖数 2 个
  • 回 帖
  • 表情 图片 视频
  • 发表

登录直线网账号

Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知