按键精灵循环设置(按键精灵循环语句)

冒冒泡百科 2023-11-22 阅读:6 评论:0
  虽然不是多么复杂酷炫的作品,但还是想以此做个记录。同时本文将侧重讲一些基础性的知识,希望可以为对AE感兴趣的童鞋做个学习参考……下面我们就开始吧!  先放效果镇楼!    第1步:在Illustrator里绘制图形    如果有logo...

抽苹果手机          潮牌盲盒

按键精灵循环设置(按键精灵循环语句)

  虽然不是多么复杂酷炫的作品,但还是想以此做个记录。同时本文将侧重讲一些基础性的知识,希望可以为对AE感兴趣的童鞋做个学习参考……下面我们就开始吧!

  先放效果镇楼!

  

  第1步:在Illustrator里绘制图形

  

  如果有logo的AI源文件,第一步就可以省略了,直接将做好的AI文件导入就可以了,但是AE并不支持AI文件的直接导入,所以我们还需要用PS来转换一下。。。

  1.打开AI源文件,整理图形,只留我们需要的图形即可,需要注意的是分开做效果的图层千万不可打组哦~

  2.下面这一步是关键的一点,AI右边工具栏选择——图层——释放到图层(顺序)

  

  然后可以看到图形已经被分解成一个个图层(必须是如图前面带彩色标注的,不然设置不正确)

  

  3.文件——导出——文件类型选择psd格式——保存。至此,AI阶段的编辑可以告一段落了。

  

  第2步:在photoshop中确认图层

  这一步是为了确保AI导出的文件的正确性,用ps打开刚刚存储的psd文件,如果是一个个独立的图层,则导出文件正确,如果只是一张合成的图片,则导出错误,文件不可用。如图:

  

  第3步:AE合成,进行关键帧编辑

  Tip:

  第一次使用AE的话,建议进行如下设置:

  (1)选择编辑——首选项——设置可返回次数,一般默认32次,具体可按个人习惯设置;

  (2)选择编辑——首选项——设置自动缓存时间和个数;

  (3)选择编辑——首选项——设置各种存储位置,缓存是默认存在C盘中的,为了个人电脑性能考虑最好改为“D盘”的位置(这点很重要啊!!!)

  1.导入PSD文件,直接拖拽或选择文件——导入,然后会有提示弹窗,记住一定一定一定要选择“合成——保持图层大小;图层编辑——“可编辑图层样式”!(重要)

  

  2.双击导入的合成文件,会在下方的编辑区域显示出各个图层,至此就可正式进入关键帧的编辑过程了!

  

  讲到这里就有必要实时插播一条重要Tip了!

  关于AE的保存问题:

  保存AE文件一定要在——文件——整理文件——收集文件——全部,然后会生成一个文件夹,确保移动或拷贝源文件的时候也必须同文件夹一起拷贝!不然会出现素材丢失的情况!!!切记切记!!!

  好了,下面就开始正式进入AE的编辑步骤了!

  第4步:编辑关键帧

  1.根据动效设计,我们可以先将logo图案部分跟文字部分分别打预合成(ctrl+shift+c)(相当于组合),这样做是为了使后面的编辑更加简洁明了。

  

  2.因为要编辑的图层中有一个白色素材,所以在白色背景上并不好编辑,我们可以先在图像合成设置中更改背景色(Ctrl+y)

  

  3.动作一:蓝色M生成动画

  开始这一步骤前可以先将其他图层隐藏,避免干扰。因为已经有蓝色M的素材,所以这里我们就不用用重新画图形的方式做这一步了,使用遮罩法,可以方便快捷的完成这一动作:

  一 新建固态层(纯色层)

  二 将新建的固态层移动到蓝色M层的下方,在轨道蒙版一栏选择“Alpha蒙板“蓝色M””,这样遮罩层就做好了;

  三 打开关键帧,点击图层下属性前的钟表标志,即可添加关键帧,之后拖动时间轴到时间点进行操作可自动添加关键帧;

  

  五 用钢笔工具如上图开始沿M边缘勾画出形状,在关键节点添加关键帧,软件会自动填补出路径,直到生成全部图像,注意关键帧之间的距离,让动画保持匀速流畅。

  4.动作二:蓝色圆的缩放和透明度变化

  一 蓝色M生成结束后,将原先隐藏的椭圆图层的隐藏关闭,缩放属性从的关键设置从100%-120%-100%设置三个关键帧,并调整时间,这样做出来的动作更灵动有趣;

  二 透明图关键帧从0%-100%,这个就不用多说了哈~

  

  5.动作三:蓝色圆跳出的同时,设置蓝色M透明度从100%-0%的关键帧,同时将白色M透明度0%-100%,让蓝色M迅速消失的同时白色M显示,制造出反白效果。注意衔接好关键帧即可。

  6.动作四:角标“TM”的动作

  这个就不用多讲了,同动作二的圆形的编辑方法,注意稍微错开点时间,有一点时间差会比较舒服;

  7.动作五:预合成1位置的移动

  一 先将刚才做好的预合成1的位置拖动到画布中心位置,注意这个时候先不用设置关键帧。当然这一步也可以放在一开始进行,差别不大;

  二 设置位置属性的关键帧,第一个关键帧打在中间位置,向左平移预合成打第二个关键帧

  

  8.动作六:预合成2(文字部分)的位移

  这一步想要做出来的效果是让文字随着蓝色logo的移动像抽抽屉一样的把文字抽出来,但是虽然同是位移动作,这一步可不能同上一动作相同做法,原因是文字部分需要先隐藏,然后从logo后面一部分一部分的抽出,所以这里我又用到了万能的“遮罩”。

  一 在预合成2中新建固态层,并创建图形,能全部遮住文字即可,模式一栏选“加”

  

  二 设置预合成2位置向右移动的关键帧,关键帧时间点一定要与预合成1的位移时间点同步。

  三 随着预合成2的位移,在相同时间点上设置遮罩形状的关键帧,跟随预合成1向左平移来变化图形形状,直到这一动作完成。

  

  9.动作七:为文字制作扫光效果

  一 选中预合成2,在“效果和设置”——“生成”中找到“CC光线扫射效果”

  

  二 双击“CC光线扫射”,即可在左侧面板中调整相关数值直至我们需要的效果,设置中心点的坐标关键帧即可完成扫射效果,文字扫光效果完成。

  

  至此,整个动效就基本完成啦,整体预览几遍(按键盘空格键),进行时间等的微调即可!

  第5步:渲染成视频

  1.Ctrl+M 添加到渲染队列,设置渲染参数,“渲染设置”可根据自己需求更改;“输出组件”推荐FLA或Quick Time格式;输出到选择我们一开始收集整理项目创建的文件夹即可,现在可以点击“渲染”啦!

  

  第6步:Photoshop中转换为gif格式

打开Photoshop,文件——导入——视频帧到图层,选择刚刚渲染出的视频导入到PS

  

2.文件——存储为web所用格式,设置为GIF格式,图片尺寸和百分比可以根据使用情况设置;循环选项可选择是一直循环下去还是只播放一次。

  

  好了,这篇小教程到此就结束了,第一次写还有很多不足,还请大家多多指正!我会继续努力哒~~~谢谢大家的浏览,下次有好东西再一起跟大家分享吧!

  

  原文转自IT985博客,已获得该作者独家授权。

抽苹果手机          潮牌盲盒

版权声明

本文转自网络。仅代表作者观点,不代表本网站立场。
冒冒泡百科

分享:

扫一扫在手机阅读、分享本文