【01】AE特效开发制作特技-Adobe After Effects-AE特效制作快速入门-制作飞机,子弹,爆炸特效以及导出png序列图-优雅草央千澈

【01】AE特效开发制作特技-Adobe After Effects-AE特效制作快速入门-制作飞机,子弹,爆炸特效以及导出png序列图-优雅草央千澈

开发背景

优雅草央千澈所有的合集,系列文章可能是不太适合完全初学者的,因为课程不会非常细致的系统的去教一些很基础不过的东西,这种需要系统学习的同学建议需要去看很详细的几十集,几百集课程的那种,央央的博文以及内容分享是针对于有一定计算机基础,而且有一定的编程能力的同学,并且是学习能力会比较强的观看比较适宜,因为有些地方是比较跳跃的,但是针对有一定基础的同学没问题,零基础可能会卡在某些很小的问题地方,不过这些都不是事,只要你愿意努力学习,我相信都是小问题,而且不是还可以评论吗?

回到这里,为什么我正在写着飞机小游戏呢怎么就突然就搞来弄AE特效了,因为不满你们说,优雅草央千澈找了一下收费的素材站,吐血啊,十几块一个素材,哪用得起啊,我这些开发测试是非商业用途的学习提升,哪能这么奢侈!!!鉴于此问题,因此本文有必要用AE把做飞机游戏的素材做了,优雅草央央是个特别喜欢实战的人,直接开始吧。

实战开始

在这之前在给大家几个扩展知识,要知道基本概念,看一下了解即可,心中必须有数

基础概念知识

AE扩展知识

Adobe After Effects

Adobe After Effects 是一款强大的动画和视觉效果软件,广泛用于电影、电视、视频和网络项目中。它提供了丰富的工具和功能,包括:

  • 2D和3D合成:可以将2D和3D图像和视频融合在一起,创建出各种视觉效果。
  • 动画制作:可以为文字、图形和对象添加动画效果,制作出引人注目的动画片段。
  • 视觉效果:拥有大量的内置效果和插件,可以创建出惊人的视觉效果,如激光、风暴、UFO等。
  • 人工智能功能:利用AI技术,可以轻松地提取和分离背景中的对象,甚至处理风吹动的头发和透明元素。

好大家知道ae 是Adobe公司的了,至于怎么获得软件这里我就不讲了,可以去官方购买正版(或者某宝?某东?某多多?咳咳),言归正传。

根据之前做游戏的内容呢,我想把飞机做漂亮一点,再追加个boss,然后把子弹等这些 都做特效导出成序列图,把敌机也改造下,大概要做主角飞机(1),敌人机(1),子弹(1),boss敌人机(1)飞机爆炸特效(1)。

素材库扩展知识

AE(Adobe After Effects)自带的素材库位于以下几个位置:

一、预设库

  1. 打开AE软件
  • 启动Adobe After Effects软件。
  1. 访问预设库
  • 在菜单栏中选择"窗口(Window)"。
  • 在下拉菜单中找到并点击"预设(Presets)"。
  1. 浏览素材
  • 在弹出的"预设"面板中,你可以看到多个子文件夹,如"动画预设"、"效果预设"、"图层样式预设"等。
  • 点击相应的子文件夹即可浏览其中的素材。

二、素材库面板

  1. 打开素材库面板
  • 在AE界面左侧的面板栏中,找到并点击"项目(Project)"面板旁边的"素材库(Media Browser)"图标(通常显示为一个文件夹和一个播放按钮的组合)。
  1. 查看系统素材
  • 在"素材库"面板中,你可以看到AE自带的系统素材,如视频剪辑、音频文件、图片等。
  • 这些素材通常位于"系统预设"或类似的文件夹中。

三、特定插件素材

如果你安装了第三方插件,这些插件的素材库可能会在插件安装目录下的特定文件夹中。你可以查看插件的文档或设置来找到这些素材的位置。

四、自定义素材库

此外,你还可以创建自己的素材库,将常用的素材整理到一个文件夹中,并在AE中通过"项目"面板访问这些自定义素材。

在 Adobe After Effects(AE)中,合成(Composition)是一个非常核心的概念。

"合成"扩展知识

  1. 定义
    • 合成是一个容器,用于组合和排列各种素材元素,如视频片段、音频文件、静态图像、文本、形状图层等。可以把它想象成一个虚拟的舞台,在这个舞台上,你将不同的 "演员"(素材)按照一定的顺序和方式放置,来创建最终的视觉效果。
  1. 功能特点
    • 分层结构:合成具有分层的特性。就像在 Photoshop 中图层的概念一样,每个素材在合成中都占据一个独立的图层。这使得用户可以方便地对每个图层进行单独的操作,如移动、旋转、缩放、设置透明度、添加特效等,而不会影响其他图层。例如,你可以在一个合成中,将一个视频图层放在底层作为背景,然后在上面添加文字图层进行标题显示,再添加一个特效图层来制作光影效果,这些图层之间相互独立又可以相互配合。
    • 时间轴控制:合成与时间轴紧密相连。在时间轴上,你可以控制每个图层素材的入点(开始时间)、出点(结束时间)和持续时间。这对于制作动画和视频序列至关重要。例如,你可以让一个图像图层在合成的前 5 秒出现,然后渐隐消失,同时另一个视频图层从第 3 秒开始播放,通过这种方式来编排整个视觉故事的节奏。
    • 尺寸和分辨率设置:在创建合成时,你可以根据项目的需求设置合成的尺寸(如 1920×1080 像素)和分辨率(如全高清、4K 等)。这决定了最终输出的画面大小和清晰度。不同的合成可以有不同的尺寸和分辨率,以适应不同的输出平台,如手机屏幕、电脑显示器、电视等。
    • 渲染输出设置:合成是最终渲染输出的基本单位。你可以为每个合成指定特定的渲染设置,包括输出格式(如 MP4、AVI 等)、视频编码、音频设置等。这使得你可以根据项目的具体要求,如用于网络播放、线下活动播放、电影制作等不同场景,输出高质量的视频或动画作品。
  1. 实际应用场景
    • 动画制作:通过在合成中添加形状图层并设置关键帧,可以制作各种复杂的动画效果。例如,制作一个简单的圆形从小到大再到小的缩放动画,并且同时让它在画面中左右移动,这些动画操作都是在合成内部完成的。
    • 视频特效制作:当你需要为一段视频添加特效时,如添加模糊效果、颜色校正、扭曲效果等,将视频素材放入合成后,就可以在合成中添加特效图层并应用相应的特效滤镜。这些特效会根据合成中的时间轴设置和图层顺序对视频素材进行处理,从而得到具有特殊视觉效果的视频。
    • 动态图形设计:在制作动态图形,如广告片头、UI 动画等时,合成是组织和构建各种元素的关键。例如,制作一个包含多个图标、文字和装饰元素的 APP 启动动画,通过在合成中合理安排这些元素的位置、运动和交互,能够实现富有创意的动态图形设计。

第三方插件库安装方法-扩展知识

  • 下载插件:首先,从官方网站或可信的资源下载所需的粒子插件。
  • 解压缩:如果插件是压缩文件,解压到一个容易找到的位置。
  • 复制插件文件 :找到After Effects的插件目录。通常在Windows系统中是C:\Program Files\Adobe\Adobe After Effects\Plug-ins,而在Mac系统中是Applications/Adobe After Effects/Plug-ins
  • 粘贴插件文件 :将下载的插件文件(通常是.aex文件)复制到上述目录中。
  • 重启After Effects:完成文件复制后,重启After Effects,插件应该会自动加载。

图层的扩展知识

形状图层

  • 定义和用途:形状图层主要用于绘制自定义形状和路径,可以通过形状工具或钢笔工具创建,如多边形、线条、矩形等矢量图形。它允许对图形的形状、颜色、描边等属性进行详细调整,非常适合用于创建复杂的图形和动画效果。
  • 特点:形状图层具有独特的功能,如描边(形状的轮廓)、填充(轮廓的内部图形),以及一些其它的特定属性,如角度或数量。使用形状图层可以快速生成对称的形状,以及各种独特的图形。

调整图层

  • 定义和用途:调整图层用于对整个项目或特定图层进行色彩、亮度、对比度等属性的调整。它本身不承载任何视觉内容,而是通过调整下方图层的属性来影响视觉效果。
  • 特点:调整图层可以方便地统一项目的视觉风格,提高画面质量。例如,通过调整图层可以改变图像的色彩、亮度和饱和度,使图像更具有吸引力。

主要区别

  • 内容承载:形状图层承载的是矢量图形或路径,而调整图层不承载视觉内容,只包含调整属性。
  • 功能:形状图层主要用于图形绘制和动画制作,调整图层用于整体视觉效果的调整。
  • 对下方图层的影响:形状图层直接对下方的图层产生影响,调整图层通过调整属性间接影响下方的图层。

发射范围和发射角度扩展知识

发射范围和发射角度的设置方法

  • 发射器设置:在AE中,可以通过创建一个固态层作为粒子发射器,然后使用表达式或预设来控制粒子的生成。调整发射器的形状和粒子生成的范围,可以在粒子系统效果中调整"发射器"属性。例如,可以设置为圆形、方形或自定义形状。粒子的密度可以通过粒子数量属性来调整。
  • 常见插件中的发射范围和发射角度设置
  • Trapcode Particular:这个插件允许用户通过调整"Direction Spread[%]"来限定发射方向分散度,从而控制发射角度。
  • Optical Flares:虽然主要是一个光效插件,但也可以用来创建类似粒子的发射效果,通过调整其参数可以间接影响发射范围和角度。

发射范围

  • 定义:发射范围指的是粒子从发射器发出的区域大小。这个范围可以通过调整发射器的形状和大小来控制。
  • 调整方法:在AE中,可以通过创建一个固态层作为粒子发射器,然后使用表达式或预设来控制粒子的生成。调整发射器的形状和粒子生成的范围,可以在粒子系统效果中调整"发射器"属性。例如,可以设置为圆形、方形或自定义形状。

发射角度

  • 定义:发射角度是指粒子发射的方向范围。它决定了粒子从发射点出发,能够扩散到的角度区域。
  • 调整方法:特定插件如Trapcode Particular允许用户通过调整"Direction Spread[%]"来限定发射方向分散度,从而控制发射角度。

扩展知识

设置合成时间

新建合成时设置时间:打开AE软件,点击合成选项卡中的新建合成选项,在合成设置面板中设置开始时间码和持续时间。通过鼠标点击时间框输入需要的数字,并点击确定。

调整图层时间

通过时间轴面板:在时间轴面板中,可以直接拖动图层的时间指示器来调整图层的播放时间。

使用快捷键:选中图层后,使用快捷键Alt+[可以剪取前半部分图层,Alt+]剪取后半部分图层,从而调整单一图层的播放时间。

需要的第三方库

下载粒子插件库粒子素材库Particular

请注意,

素材库格式是aex,如果你下载的不是,是什么exe,注意大概率是木马,找素材库很重要,要仔细。

我们放入真正的插件

优雅草央央的版本是2024,插件目录为:

飞机爆炸特效

我们先来最难的,(如果用插件真的要简单好多好多),先做飞机爆炸特效,首先我们进入AE,新建合成-新建形状图层

右键图层-点击效果-使用AE幻影粒子ParticleIllusion

这里再点击启动幻影粒子系统,进入编辑区

将左侧幻影粒子demo拖进右边,我们的飞机是个正方形,因此搞成正方形

看上去像个烟花特效,然后我们调整一下 数量和大小,我把数量从原先16改为6,大小增大为200,再看看效果,不错有点像爆炸了

我们再调整下

着色强度 52,位置我移动居中,宽高 设置为600 因为飞机是正方形,发射角度59,发射范围234,数量改为4,再次运行,看起来很不错了

像飞机爆炸,零件掉落的样子了。我们可以导出了,我们导出 点击菜单栏的"文件"-"导出"-"添加到Adobe媒体编码器队列"

提示报错AEGP增效工具未安装 ,请下载后重试,大概就是 Adobe Media Encoder 这个没安装,下载安装下再试试。

等待下载过程中,我突然发现 这个效果更好看

super sparkle, 于是优雅草央千澈更换了这个特效,并且再做了调整,得到完美的结果。

并且增加了爆炸的火焰,这样就是2个图层合成的,并且火焰我只给他0.5秒,我们用Alt+]在5秒处减去后面的部分,整体爆炸特效维持,这次非常好看了

这里发现只有爆炸但是,突然就消失了很唐突,因此我们使用"Ctrl + D"再复制这段爆炸火焰出来一个图层,

然后我们使用关键帧反向,优雅草央千澈先按下p键-打开位置功能-这样才可以添加关键帧

在开始处添加,在结束处添加,然后我们点击右键-辅助关键帧功能------点击反向关键帧(发现不可用,经过查资料才知道我们还缺个AEscripts Keystone)

扩展知识

使用AEscripts Keystone插件(推荐)

AEscripts Keystone是一个可以解决时间反向关键帧不可用问题的AE插件。它提供了关键帧对齐、翻转、错开、复制、拉伸等功能,能够提高工作效率。

手动设置关键帧的步骤

选择关键帧:同时框选两个或以上的关键帧。

不过我想到了一个土办法,用缩放功能,添加关键帧我们将它从变大,缩小不就可以了,因此我们删掉多余这个图层。

在0.5秒处添加关键帧 在 1秒5 处添加结尾关键帧,并且缩小到0%

运行了下 发现毫无作用,突然我想到了一个问题,应该在幻影粒子系统中设置才会生效吧 (猜的)

果然聪明如我,我想到一个土办法,我发现下面的不透明度有用,那么让他渐渐消失岂不美哉,果然直接生效。

接下来我们导出看成品,mp4 效果很不错

左下角 选择 预设 png 序列图 导出

再来对比下我们原来项目的素材,是不是 不一样了很多

本文学的 内容太多了,优雅草央千澈用了大概5个小时来学习时间,总耗时是1天半,不过整体对AE软件有了初步上手级别,下一篇没这么复杂了,毕竟基础知识都学了一些了,下一篇子弹,飞机一篇就搞定。

相关推荐
Wangdy.3 天前
Adobe Lightroom 2025安装下载和激活指南
图像处理·adobe
暮光烛日16 天前
Adobe PR和AE2025到启动页面一会自动退出
adobe
reddingtons17 天前
使用 Edu 教育邮箱免费获取 Adobe 全系列软件的技巧分享
adobe
hanyongyi 153118 天前
Adobe illustrator软件科研绘图学习
学习·adobe·illustrator
众智创新团队18 天前
Adobe Premiere Pro的简单音频调节
adobe·音视频
云计算练习生20 天前
Adobe Photoshop下载安装和使用教程
ui·adobe·photoshop·ps
Black_Rock_br2 个月前
香港中文大学& Adobe 推出 MotionCanvas:开启用户掌控的电影级图像视频创意之旅。
人工智能·adobe·音视频
视觉小鸟2 个月前
【PS 2022】Adobe Genuine Service Alert 弹出
windows·adobe·photoshop
春末的南方城市2 个月前
单张照片可生成写实3D头部模型!Adobe提出FaceLift,从单一的人脸图像中重建出360度的头部模型。
人工智能·机器学习·计算机视觉·3d·adobe·aigc
humors2212 个月前
两种文件类型(pdf/图片)打印A4半张纸方法
adobe·pdf·打印·图片·打印机