AE制作双环形登录加载动画的详细步骤

AE可以做到紧密集成和高度灵活的2D和3D合成，以及提供数百种预设的效果和动画，作品效果令人耳目一新。AE可以实现的功能超多，例如可以用来制作双环形登录加载动画，感兴趣的小伙伴一定要来看看下面的制作双环形登录加载动画的详细步骤。

1、打开AE软件，命名登录加载小动效，调整相应参数。

2、选中椭圆工具，按住shift键画一个正圆，不需要填充，只需要描边就好。

3、打开属性，点击旁边的添加，给圆圈添加修剪路径，然后给开始和结束，偏移量的值k关键帧，开始的值(0,25,50,80,100)结束的值(0,30,50,70,100)偏移的值(0,270)这些只是供大家去参考，具体可以根据实际去调整。选中所有关键帧，F9来个缓动。

4、选中外围圈圈，ctrl+d复制一层，然后按下s调整大小，然后调整一下修剪路径的偏移量，使其与外围大圈圈的修剪位置不一样，_圆偏移的值(120360)

5、ctrl+t打开文本功能，输入一个登陆的文字提醒，用椭圆工具画一个实心的小圆点，给实心小圆点的透明度K关键帧，开始为0不显示画面为100完全显示，ctrl+d复制两层，显示时间和显示位置错开来，选中三个小实心圆ctrl+shift+c预合成，alt+]裁剪有效时间，在复制一个预合成错开显示，这样就实现了圆点加载效果了。

最近几年，国风是越来越火热了~很多东西都是涉及到国风的，而今天我们就来分享一个关于国风国风水墨画AE设计教程给大家~帮助大家更好的掌握AE软件的操作以及学会更好的将国风元素融入到设计作品当中去~另外，还为大家提供了很多的AE课程学习，大家千万不要错过了~

AE制作中国水墨画效果操作步骤：

1、首先我们需要安装一个Turbulence2D插件！这个插件主要是一款二维流体效果模拟插件~

2、新建合成，命名为中国风，参数设置如下图所示。

3、在中国风的合成中，新建一个固态层，命名为背景，颜色可以随意设置，然后添加EffectGenerateRamp(特效生成渐变)特效，颜色可以设置为从白色到亮灰色RGB(175,175,175)的渐变颜色，渐变类型可以设置为Radial(径向)，固态层可以作为背景。

4、新建一个纯黑色固态层，命名为墨滴，并添加EffectJawsetTurbulence2D特效。

5、新建合成，命名为墨滴_源，参数设置与主合成中国风一致。新建的灰色固态层，颜色设置为RGB(169,169,169)，为其添加一个水滴形状的Mask，并为该层的位移、缩放和不透明属性设置动画，以达到墨滴滴入水的效果。读者不必严格按照上图所示的参数设置。基本规律是先快速下落，然后减慢速度，水滴在下落过程中逐渐增大，先增加不透明度，再降低到0。

6、在前层添加EffectStylizeRoughenEdges(特效风格化腐蚀边缘)特效，为Evolution(变化)设置表达式time100，其他参数如下图所示。

7、新建合成，命名为噪声，参数设置与主合成中国风相同。为其添加EffectNoise&GrainFractalNoise(特效噪Noise(特效噪声&颗粒不规则噪声)命令，为Evolution设置表达式time50，其他参数如下图所示。

8、回到主合成中国风，在当前合成中加入合成墨滴_源和噪声，关闭显示。

13、在当前层添加EffectColorcorectionTint(特效色彩校正染色)命令，将颜色设置为RGB(0,54,255)。

14、新建一个合成，命名为Text_中国风，将中的中国风、gif材料添加到当前合成中，调整大小，并添加EffectKeyingExtract(特效抠像抽出)命令中，调整参数，抠出黑色文字。Turbulence2D的Fuel不能是纯黑色，所以在这里调整为灰色。

15、在当前层添加EffectColorcorectionLevels(特效色彩校正色阶)命令，将OutputBlack(输出黑)调整为10。

16、复制当前层，在下图中添加EffecBlur&SharpenFastBlur(特效模糊&锐化快速模糊)命令，将模糊值设置为10图所示。

17、回到主合成中国风，将合成Text_中国风加入当前合成；复制墨滴层，将复制层命名为Text，并重新指定Turbulence2D的缓存位置。

18、将FuelLayer指定为Text_中国风层，其它参数不变。

19、为墨滴层设置淡出动画，具体参数设置:第3秒不透明度为100%，第5秒不透明度为0%；将Text层和Text_中国风层的入口设置为2秒，然后为Text层设置淡入淡出动画。具体参数设置:第2秒不透明度为0%，第3秒不透明度为100%，第5秒不透明度为0%

20、复制Text_中国风层，命名为FinalLogo，将墨滴层的Tint特效复制到Text_中国风层和FinalLogo层，关闭Text_中国风层的显示，并在FinalLogo层中添加EffectSapphireTransionsS_DissolveBubble(特效转场气泡溶解)特效。为DissovePercent(溶解度)设置关键帧，具体参数设置:第2秒为100%，第3秒为10%，第5秒为0%；最后，在当前层添加一个淡入动画。具体参数设置:第2秒为0%，第3秒为20%，第5秒为100%

操作到这里，那么一个带有国风元素的中国水墨画效果就通过AE软件制作出来了，大家也赶紧跟着步骤操作起来吧~最后，学习AE软件，就来~

众所周知，C4D和AE都具有强大的动画视频制作效果，那么将两者结合起来会产生怎样的精彩作品效果呢如果你对此比较感兴趣的话，那么不妨接下来就跟着小兔一起学习“C4D+AE制作唯美流星雨动画效果”吧！教程比较详细，相信大家跟着操作能够制作出来~C4D+AE制作唯美流星雨动画效果步骤：首先，我们需要一个叫C4DImporter的aec文件，这个文件不用去下载，一般在C4D的安装文件ExchangePlugins文件夹中就可以找到，按照你的系统（win或者mac）和AE的版本（cs5cs6或者cc）选择好C4DImporter，把这个文件复制到AE中的Plug-ins文件夹即可。第一步建立一个粒子发射器，发射的对象是灯光，把发射器扩大，这里的生产比率就是在AE中会生成的流星的数量，假如电脑比较好的话可以把这个数量适当增加，这里因为电脑配置原因，我们设置为10。第二步：添加一个立方体，为它的位置K帧，让它随着灯光们一起运动，这里记得要把时间轴拉长。第三步：添加一个摄像机，为摄像机的位置和旋转K一个转换视角的动画，给立方体和发射器添加一个外部合成标签，勾选缓存。第四步：在渲染设置中勾选合成方案文件，勾选相对、包括时间线标记和包括3D数据，点击渲染。第五步：渲染后会出现一个aec的文件，把这个文件拖到AE的项目中去，在合成中添加一个纯色图层，给纯色图层添加particular效果，在emitter中找到emittertype，把类型改为light(s)，把lightname设置为灯光（跟C4D中的名称一样）。第六步：在particle选项中把类型改为sphere。第七步：调节一下粒子们的生命和生命变化、大小和大小变化，让粒子们变的灵活自然。第八步：在物理选项中找到air，调节一下turbulencefield中affectpro的大小，它会让粒子的运动有大气干扰的效果。第九步：改变一下粒子的颜色和不透明度，以及不透明度的变化比率。第十步：再新建一个纯色图层，添加上LUX效果，它会让灯光本身亮起来。第十一步：改变流星的颜色，调色有很多种方法，这里是使用了AK的调色插件VCcolorvibrance，这是一款轻量级的调色插件。第十二步：现在画面中只有一层粒子比较单薄，我们再复制一层particle粒子图层，调节一下生命大小等等参数。第十三步：再复制一层，把发射器类型改为BOX，把合成中的立方体的Z轴位置复制到发射器的Z轴位置上，拉大emittersizexyz的三个轴向，让粒子们遍布到整个画面中，把粒子们的大小和透明更改一下，这是在空间中弥漫的粒子效果，别忘了改变粒子的颜色。第十四步：找一个光球的视频文件，把立方体的位置数据复制粘贴过来，把它设置为立方体的子集，这个光球就会沿着立方体的运动轨迹运动，打开这个光球图层的三维层，我们会发现它的朝向不是面对着摄像机，右键这个图层，在变换中找到自动定向，点击定位于摄像机就可以了。第十五步：改变一下光球的材质，关闭接受阴影和接受灯光。第十六步：添加一个纯色图层，添加光学耀斑效果，给位置、强度、光照几个参数输入wiggle表达式。第十七步：在之前复制的一个粒子图层中，把粒子类型改为cloudlet，让粒子变成云雾的状态。第十八步：新建一个调整图层，添加摄像机镜头模糊，画一个蒙版选择相减，增加蒙版羽化，把其他的粒子图层的混合模式改为相加。最后一步：这里基本上就完成了，接下来就是调节一些发光啊颜色啊还有粒子的细节，制作完成直接输出即可。以上就是我们利用C4D+AE制作的唯美流星雨动画效果了，怎么样？是不是很好看呢？还没有动手制作的小伙伴就赶紧实践起来了哎~C4D和AE可能不是同一类型的软件，但是都可以进行动画制作，所以学会它们的结合使用，相信能帮助到你更好的动画效果制作~

随着视频制作的不断发展，AE文字圆环排版技巧已经成为了一种非常流行的效果，在许多**、广告和短片中都有所应用，越来越多的人开始使用AE文字圆环排版技巧来吸引视觉注意力。下面本文将提供一些关于如何使用AE文字圆环排版技巧的实用技巧和教程AE文字圆环排版技巧教程：1打开AE软件，新建合成主渲染，宽度和高度为1920×1080像素，帧率为30帧/秒，持续时间为10秒。2使用[文字工具]输入副本并调整，打开[标题/动作安全]，使用[椭圆工具]画一个完美的圆蒙版。3设置文本图层[路径-蒙版1]，反转蒙版，增加单词间距以填充路径的外轮廓。4点击“结束边界”关键帧，调整参数，使文本来回旋转。5将所有关键帧设置为“缓动”，在“图表编辑器”中调整曲线，可以调整文本来回旋转的速度。6[复制]和[粘贴]关键帧到后面，使文本保持来回旋转。7命名“预合成”文本1，然后在“项目”面板中选择“复制”多次复制，打开文本2合成，并将文本更改为笔画形式。8同样的方法，调整其他文字的字体，增加文字或字号。9将文本合成2~4拖动到主渲染合成中，缩小或放大，并将它们放在一起。10在第二层文字上，用椭圆工具画一个完整的圆蒙版，将蒙版羽毛调整到60左右，并通过蒙版扩展调整蒙版的位置。11[复制][蒙版]和[粘贴]到其他文字图层，同样进行调整，使其有层次感。12添加效果和预设填充到图层，并调整其颜色。13依次移动下几层的时间。在“全选”后，右键单击，选择“T时间-启用时间重映射”。14延长左边所有图层的填充时间，然后制作放大和缩小的视觉效果。在文本2合成中标记“缩放”关键帧，调整参数，使其呈现放大缩小的效果。15同时对所有关键帧设置“缓动”，在“图表编辑器”中调整曲线，调整文字放大和收缩的速度，并以同样的方式调整其他图层，完成制作。通过本文的学习，相信读者已经掌握了AE文字圆环排版的基本技巧，希望大家能够在今后的设计工作中运用得当，创造出更多优秀的作品。AE文字圆环排版技巧是一项非常实用的设计技能，希望大家能够多加练习，不断提高自己的设计水平。

“AE”全称AdobeAfterEffects，是Adobe公司推出的一款图形视频处理软件。

AE的主要功能有：

1、图形视频处理

AdobeAfterEffects软件可以帮助您高效、准确地创建大量引人注目的动态图形和令人印象深刻的视觉效果。

通过紧密集成和高度灵活的二维和三维合成，以及数百个预设效果和动画，Adobe为您的**、视频、DVD和MacromediaFlash作品添加了全新的效果。

2、强大的路径功能

像在纸上绘制草图一样，使用运动草图可以很容易地绘制动画路径或添加动画模糊。

3、强大的特技控制

AfterEffects使用数百个插件来增强图像效果和动画控制。它可以与其他Adobe软件和三维软件相结合。

当导入photoshop和iiustrator文件时，aftereffects保留层信息。

高质量视频后效支持44到3000030000像素的分辨率，包括高清电视（HDTV）。

4、多层剪辑

无限层**技术和静态绘画使后效应无缝合成**和静态。

5、高效的关键帧编辑

在AfterEffects中，关键帧支持具有所有层属性的动画，AfterEffects可以自动处理关键帧之间的更改。

6、无与伦比的准确性

后置效果可以精确到六千分之一像素点，并且可以精确定位动画。

高效的渲染效果后效果可以在不同大小上执行多个渲染的组合，或者执行一组任意数量的不同渲染组合。

-AdobeAfterEffects

在dribbble和behance上，你们可能见过很多用gif来表达设计理念的ui作品。很多人都想知道怎么来制作，怎样更好、更高效的表达自己的理念。很明显，动态的展现比静态的更形象，在这片文章中，我将教大家如何“动态化”自己的设计作品。

动态gif展现ui作品，优点在于：

1展示实际工作流程

2利用转场，来展示应用不同状态时的效果

3便于网络分享。

after effects cs6 or cc

photoshop cs6 or cc

after effects

1在一个合成中创建转场效果

2另外一个合成中创建展示效果

photoshop

4 优化gif图像

伦敦背景图一张

手机透视效果模板一张

一、基本构建

创建转场效果合成

打开ae，合成>新建合成(cmd+n)，尺寸为6401136，帧数29，持续6s

导入伦敦背景图像，将图像丢入合成1，调整背景图像尺寸，使其适合画布

创建3个蓝色框（用形状图层），这些蓝色框将从屏幕上方下落到屏幕底部，宽度213、214、213px。三个方框上方的方框宽度640px,输入相应文本。

用钢笔勾勒出云朵和6片雪花空心圆（勾勒的略水，见谅）

创建合成2

尺寸1280 x 720帧数29，时间6s

步骤 2 导入iphone背景,调整尺寸。

把合成1拖到合成2里面，那么合成2里面应该是这样：（ps，我加了一层背景层）

选中合成1，效果>扭曲>边角定位，让合成1的4个角对上模板中屏幕的4个角。

二、动效制作

下面，我们来分解一下动画：

1 3个蓝色方框变长，不同时的落下

2 透明框从底部往上移动，自始至终宽度不变。

3 4个框抵达目的地后，文字开始出现，蓝色框文字是比例扩大+从不透明变透明，透明框中得文字是从不透明变透明。

4 云朵图标，同时伴随雪花。

5 snowy文字出现。

形状图层中，可以控制的属性有比例、位置、不透明度、描边等等，本文的动效中，就充分利用了这些属性随时间的变化，打造出动画效果。

首先推荐2个脚本插件ease and wizz和repostion anchor point

一个方便做运动曲线，一个方便设置锚点位置。

三个蓝色框

打开合成1，选中三个蓝色框，设置如下

1最左面和最右面的蓝色框锚点在上方（利用anchor point插件设置）

2比例从0-100%

3利用ease and wizz选中关键帧，可以很方便的调节运动曲线。

透明框的运动，开始以很快的速度移动了大部分位移，后来速度减慢，缓缓移动到原位，设置如下

备注：ease and wizz中设置quad+out 运动效果比较平滑。

1三个蓝色框，当蓝色框触及到底部时，文字快速弹出，不透明度从0->100%,比例从0->100%

2透明框中的文字随透明框一起运动（位置设置可以参考透明框），但是，左侧的文字先到，右侧的-4度后到，注意时间轴中得设置。

当透明框的文本开始出现时，云朵出现，先是透明度从0-100%。

而比例开始时是60%，当透明度到了100%时，从60%->100%

雪花小圆点

当云朵动效完成后，雪花小圆点开始逐个出现。

1注意小圆点会错落的向右移动，然后弹回，注意运动顺序的调节

2此次也建议用quad+out

3注意小圆点逐个出现，因此透明度的变化要在时间轴上依次设置。

snowy文字效果

这里运用了蒙版运动，来打造snowy文本逐渐出现的效果，注意snowy不透明度也要变化（蒙版的不透明度变化是多余，请勿模仿）

方法1：ae+ps

1保存后，ae中合成>添加到渲染队列

完成设置后，点渲染

2用ps打开渲染出来的mov(文件>导入>视频帧到图层）

3cmd+shift+s 或者 文件>储存为web可用格式

1循环选项选择永远

2图像大小可以设置

3注意选择gif格式

方法2：licecap

如果你不想用ps的话，可以先调节ae中画布大小，再使用licecap这款录屏为gif的小软件录制，很方便，堪称最好用的gif录制软件。（有多平台版本）

录制效果：

cocoachina是全球最大的苹果开发中文社区，官方微信每日定时推送各种精彩的研发教程资源和工具，介绍app推广营销经验，最新企业招聘和外包信息，以及cocos2d引擎、cocos studio开发工具包的最新动态及培训信息。关注微信可以第一时间了解最新产品和服务动态，微信在手，天下我有！Ps、Flash、Ae都可以，用在交互动效中flash就可以AE是纯粹的视觉特效软件虽然定位是影视后期，但是网页也有使用，作为UI设计师用AE只能说你很新潮很厉害，AE也有自己基于JavaScript语言的表达式来实现高级动画控制，目前来看AE现在用的最多的领域是CG、多媒体行业的领域。

Flash给大多数人的印象，这是一个矢量动画软件，但是容易忽略的一点就是动画并非是Flash的全部，它并不像AE一样纯粹的构建视觉特效它还可以做游戏、做网站开发，能做很多东西一个明显的特征就是“交互性”，比如玩游戏就是一种交互。

作为UI设计师flash用于做动效就可以，毕竟AE做出来的东西更适合看。

AE模版如何替换其中出现的文字

AE模版替换其中出现的文字步骤如下:

1、打开某AE模板,重链接好脱机素材文件,时间线指针移到相应位置,就能看到编辑预览窗口上显示的内容对应时间线的某图层。

2、在相对应的图层上双击,一层层查找,找到最终修改文字的那一层。双击文字层,在编辑预览窗口就能看到这些字成了选中状态,此时,我们就可以改字了。

3、双击文字层改字,可以在文字面板里修改字体和调整大小。

4、回到总合成。

5、查看图层,会发现有一个MP4格式的成品素材,预渲染好的内容,放在了最上面,挡住了我们改后的内容。

6、把预渲染的成品视频“遮挡物”的小眼睛关掉,就能看到自己修改过的内容了。

7、其它文字的修改方法与上面相同,修改完所有需要修改的内容后,回到主合层,然后渲染输出。

AE模板中怎么把时间缩短而且不影响特效啊

1、首先,我们将AE软件打开进入软件主界面打开素材。

2、然后我们点击素材,右击选择-时间-时间伸缩选项。

3、也可以在上面的工具栏中选择:时间伸缩。

4、在已经打开的时间伸缩对话框中,系统默认比率是100。

5、当比率调整到小于100时,表示

加速度

。

6、当比率调整到大于100时,就意味着放慢速度,播放视频。

如何用AE创建简单的UI动效

在Dribbble和Behance上,你们可能见过很多用Gif来表达设计理念的UI作品。很多人都想知道怎么来制作,怎样更好、更高效的表达自己的理念。很明显,动态的展现比静态的更形象,在这片文章中,我将教大家如何“动态化”自己的设计作品。

动态GIF展现UI作品,优点在于:

1展示实际工作流程

2利用转场,来展示应用不同状态时的效果

3便于网络分享。

工具

AfterEffectsCS6orCC

PhotoshopCS6orCC

设计流程

AfterEffects

1在一个合成中创建转场效果

2另外一个合成中创建展示效果

3导出

Photoshop

4优化GIF图像

素材

伦敦背景图一张

手机透视效果模板一张

一、基本构建

创建转场效果合成

步骤1

打开AE,合成>新建合成(Cmd+N),尺寸为6401136,帧数29,持续6s

步骤2

导入伦敦背景图像,将图像丢入合成1,调整背景图像尺寸,使其适合画布

步骤3

创建3个蓝色框(用形状图层),这些蓝色框将从屏幕上方下落到屏幕底部,宽度213、214、213px。三个方框上方的方框宽度640px,输入相应文本。

步骤4

用钢笔勾勒出云朵和6片雪花空心圆(勾勒的略水,见谅)

步骤5

保存一下

展示合成

步骤1

创建合成2

尺寸1280x720帧数29,时间6s

步骤2导入iPhone背景,调整尺寸。

步骤3

把合成1拖到合成2里面,那么合成2里面应该是这样:(ps,我加了一层背景层)

步骤4

选中合成1,效果>扭曲>边角定位,让合成1的4个角对上模板中屏幕的4个角。

-----------------------------------------------以上为基本构建部分-------------------------------------------------------------------

二、动效制作

下面,我们来分解一下动画:

13个蓝色方框变长,不同时的落下

2透明框从底部往上移动,自始至终宽度不变。

34个框抵达目的地后,文字开始出现,蓝色框文字是比例扩大+从不透明变透明,透明框中得文字是从不透明变透明。

4云朵图标,同时伴随雪花。

5Snowy文字出现。

形状图层中,可以控制的属性有比例、位置、不透明度、描边等等,本文的动效中,就充分利用了这些属性随时间的变化,打造出动画效果。

处理过程

首先推荐2个脚本插件Easeandwizz和RepostionAnchorPoint

一个方便做运动曲线,一个方便设置锚点位置。

三个蓝色框

打开合成1,选中三个蓝色框,设置如下

备注:

1最左面和最右面的蓝色框锚点在上方(利用AnchorPoint插件设置)

2比例从0-100%

3利用Easeandwizz选中关键帧,可以很方便的调节运动曲线。

透明框

透明框的运动,开始以很快的速度移动了大部分位移,后来速度减慢,缓缓移动到原位,设置如下

备注:EaseandWizz中设置Quad+out运动效果比较平滑。

底部文字

备注:

1三个蓝色框,当蓝色框触及到底部时,文字快速弹出,不透明度从0->100%,比例从0->100%

2透明框中的文字随透明框一起运动(位置设置可以参考透明框),但是,左侧的文字先到,右侧的-4度后到,注意时间轴中得设置。

云朵

当透明框的文本开始出现时,云朵出现,先是透明度从0-100%。

而比例开始时是60%,当透明度到了100%时,从60%->100%

雪花小圆点

当云朵动效完成后,雪花小圆点开始逐个出现。

备注:

1注意小圆点会错落的向右移动,然后弹回,注意运动顺序的调节

2此次也建议用Quad+Out

3注意小圆点逐个出现,因此透明度的变化要在时间轴上依次设置。

Snowy文字效果

这里运用了蒙版运动,来打造Snowy文本逐渐出现的效果,注意Snowy不透明度也要变化(蒙版的不透明度变化是多余,请勿模仿)

效果:

原作者的做法:

效果:

结果:

----------------------------------------------------以上为动画制作部分--------------------------------------------------------------

三、导出

方法1:AE+PS

1保存后,AE中合成>添加到渲染队列

完成设置后,点渲染

2用PS打开渲染出来的mov(文件>导入>视频帧到图层)

3Cmd+Shift+S或者文件>储存为Web可用格式

备注:

1循环选项选择永远

2图像大小可以设置

3注意选择Gif格式

方法2:LiceCap

如果你不想用PS的话,可以先调节AE中画布大小,再使用LiceCap这款录屏为Gif的小软件录制,很方便,堪称最好用的GIF录制软件。(有多平台版本)

录制效果:

CocoaChina是全球最大的苹果开发中文社区,官方微信每日定时推送各种精彩的研发教程资源和工具,介绍app推广营销经验,最新企业招聘和外包信息,以及Cocos2d引擎、CocosStudio开发工具包的最新动态及培训信息。关注微信可以第一时间了解最新产品和服务动态,微信在手,天下我有!