教程:Adobe基本图形的After Effects和Premiere Pro

在本教程中, I’ll show you how to use the Essential Graphics panel that is now built into Adobe After Effects and Premiere Pro. 这是他们去年推出的一个很棒的功能, 但最近的更新增加了新功能, including the ability to download and install either paid or free motion graphics templates. Those are available now through Adobe Stock, which Adobe has really been pushing heavily. Adobe Stock在这两个静态图像方面都取得了很大的进步, 视频一直到4K, 现在是动态图形模板.

这是一个非常强大的面板，你可能没有利用. 一开始我很犹豫要不要使用它, because I didn't like the idea of everything being tied even more so into this single ecosystem, but the more I used it--such as on the project I’ll discuss in this article, which was an actual project I did for a client--I found it was just invaluable. 我真的看到了它能极大地改善我的工作流程.

这个项目

For this project, I was asked to create a lobby loop video for a bank chain. 基本上, it's a very generic video that's going to display on monitors in lobbies in their different locations around the state, consisting of information about a lot of the different things that are offered to people that bank with them--for example, 手机银行, 他们的移动应用程序, 通过他们的网站进行网上银行. Those are the kinds of things the bank wanted to promote to help people know all the tools that they have at their disposal as customers of that bank.

基本上, 我们创建了一个模板, which is going to be background video or a still that's just going to pan, 然后是主标题, 哪个是要点一, 你可以看到 图1(下面). And then there's text that changes under those three points with the blue checkmarks also shown in 图1. This was actually styled after some other graphics that one of my colleagues had created for them that were still graphics for brochures and posters and the like.

图1. The template we created in the Essential Graphics panel in After Effects for this bank lobby loop video

We tried to match the way the motion graphics look so that they would look similar to what people are already used to seeing in the bank’s other marketing materials. 因为那只是一堆要点和平淡无奇的文字, 没有太多的理由去疯狂地制作特效. So I built a simple set of effects that would be used on one page of bullet points. 然后, 使用基本图形面板, I was able to easily change those in Premiere Pro later without having to spend a ton of time in After Effects. 然后 I rendered everything out with an animation codec to bring into Premiere Pro later.

在After Effects中构建模板

我先向你们展示我在这里做的东西. 你可以在图层中看到我的画布 图2(下面). 每一个都是一组不同的要点，并有不同的标题. 我们有e语句(如图2所示), 巴兹, 哪个是他们自己的产品, 然后是一些一般的, 包括互联网, 手机银行和手机存款.

图2. 在After Effects中为银行项目创建画布

然后 I created a background graphic that would be the same for the entire series for that particular product. For example, the 巴兹 graphic shown in the upper-left corner of the Composition panel in 图2. 巴兹 and this corner graphic are not going to change, and they actually animate in. You can see that animation at the 3:10 mark in the video that accompanies this article. 你可以看到蓝色的幻灯片，然后东西逐渐消失, 但最重要的是, 你有一个单独的, 哪些是图1中显示的要点, 这些要点本身是完全独立的.

So, 我在Premiere Pro中引入了两个图形, 但是只有带有项目符号的部分是可编辑的, 你可以看到 图3(下面) 我已经打开了基本图形面板. 它有一个下拉菜单，显示我创建的所有图形, 所以你可以很容易地在它们之间切换, and then all you do is you dictate what properties you want to be editable in Premiere Pro.

图3. Choose Premiere Pro-editable properties in this drop-down in the Essential Graphics panel in After Effects.

如果你和别人一起工作，这是很好的, and you're the motion graphics designer and you don't want another editor accidentally messing up your work. 你可以说, “好吧, I'm going to limit the editor to only being able to change the text and nothing else." So, 这就是我所做的，只不过是为了我自己, 所以我不担心弄乱我自己的图像.

这里有你的要点, 我打了更多的文字要点1, 如图1所示, just so I could make sure that it would overflow and not run out of room in the text box. So, I have three points, plus the checkmark, and that's actually animated as well. You can see the check marks and the bullet points fly in at the 4:15 mark in the tutorial video, 我给它们做了一点模糊处理，让动作看起来更自然.

但即使有动画, 它保留了Premiere Pro中的所有功能, 我所要做的就是修改文本, and I have custom graphics that I can easily replicate throughout my timeline. 我在After Effects中做了一次, 然后导出这个动态图形模板, which essentially repackages it in the background for Premiere Pro to be able to use.