跳到主要内容

Photoshop和After Effects的动力学排版技术

  • 所需知识:+$Intermediate After Effects and Photoshop skills
  • 要求:+$Adobe After Effects CS5.5, Adobe Photoshop CS5.1
  • 项目时间:+$Two to three hours
  • 支持文件

在这本有用且实用的教程中,您将学习有价值的技巧,这些技巧将在您的课程中一遍又一遍地使用Photoshop中和After Effects工作。请观看下面的最后一部电影,了解所涵盖的一些技巧。这是一个实验性的艺术项目 - 为响应这首歌而创作,那天由艺术家,理查德沃克

在Photoshop中,您将发现如何使用经常被忽视但功能强大的变量功能自动将文本输入到常规文本文件的类型图层中。

在After Effects中,您将使用标记创建可使动画更容易的视觉参考点,添加空值以将单词组合成句子,以便它们可以作为组轻松制作动画,使用文本预设创建每个角色的动画并添加表达式以创建闪烁灯光效果。我还将向您展示如何控制新的Light Falloff属性以帮助控制3D阴影。

+$01. Variables

变量是Photoshop的一个被忽视的功能,但如果您为屏幕图形设计文本则非常有用。我们将使用变量自动将文档中的文本导入单个Photoshop图层,从而节省大量时间 - 更不用说打字了。
打开01_Variables_Start.psd然后去图像>变量>定义

+$02. Setting up Text Replacement

在对话框中,单击文字替换复选框,你会看到名称字段填充文本 -TextVariable1。基本上,我们为每个层分配一个代码,我们可以用它来引用文本文档中的变量数据。忍受我;你会明白为什么很快!

+$03. Assigning names to layers

点击箭头,旁边下拉菜单进入下一层,即命名文字02。点击文字替换复选框。该名称字段将填充文本 -TextVariable2。重复此过程,直到所有11个图层与等效名称匹配。

+$04. Importing data from text files

点击下一个按钮打开数据集。点击加载按钮然后选择文件按钮导入数据集对话。选择Lyrics.txt来自的文件Angie_Taylor_Kinetic_Typography文件夹然后单击。列表底部显示相应的名称,值和图层。

+$05. Applying Data Sets

点击应用然后。在里面图层面板使用文件中的文本更新文本。想象一下,在多个文档中处理大量图层时,这会让生活变得更加轻松。只需编辑文本文件并更新数据集即可自动更新图层。

+$06. Preparing files for After Effects

在Photoshop中规划布局的样式。使用标题安全导游帮助布局文本和键入工具预设菜单,使用字体样式快速格式化。在里面图层面板将单词组织成句子 对于歌曲的每个部分。这将节省After Effects的时间。

+$07. Understanding Project Structure

+$In After Effects, openAngie_Taylor_Kinetic_Typography.aep-01_Main Setup_start可比。 Photoshop文件已导入After Effects项目。图层组在主要合成中显示为嵌套合并。包含音轨的音频文件已添加到comp中。使用效果组合创建了动画背景comp。

+$08. Add markers in time with the audio

选择那天.mp3然后双击大号打开音频的关键波形。这将有助于您在完成后续几个步骤时为您提供指导。RAM预览Comp,一边听音频,一边打*键(Shift +8)在每个句子的开头添加标记。

+$09. Adding lyrics to Comments field

双击每个标记逐个进行编辑。将歌词输入或粘贴到评论字段然后单击。注释将作为可视参考显示在图层上,以帮助您导航时间轴。使用Ĵķ在标记之间跳转的键。

10.修剪图层

Photoshop文件中的每个图层都应从相应的标记开始。点击跳转到第一个标记ķ。选择01_ 6月1日层和命中Alt + [修剪点。跳到下一个标记然后点击Alt +]修剪退房点。重复以相应地修剪其他图层。

11.移动图层

双击10经常图层打开嵌套的comp。跳转到第一个标记那天.mp3通过选择它然后击中ķ键。选择图层和单击[移动它指向时间标记。对其他图层重复此操作,以便每个图层都从后续标记开始。

12.使用空值和父母来创建组

图层>新建>空对象添加Null图层。选择所有Photoshop图层,然后选择空1作为他们的父母下拉菜单。这为我们提供了一组控件,用于动画单词组,同时保留其各自的动画。

13.动画Null

搬去30:10。选择空1然后命中Alt + A键为...添加关键帧锚点财产并同时暴露它。搬去31:11擦洗锚点X.值得你看到这个词在屏幕的中央。这将自动添加新的关键帧。RAM预览

14.调整运动模糊

打开02_Things是瞬态的来自01_Main Setup_Start可比。这里,规模回转锚点已经关键帧创建一个复杂的动画。请注意09:04运动模糊不够详细。去构图>构图设置然后点击高级标签。增加快门角度200自适应样本限制64

15.使Photoshop文本可编辑

双击05_我出去的时候可比。请注意,Photoshop文件中的文本在此处显示为渲染层。要将Photoshop图层转换为可编辑文本,请选择它然后转到图层>转换为可编辑文本。打开图层查看文本物业集团现已上市。

16.应用动画预设

预置可以基于每个单词自动为文本设置动画。在“效果和预设”面板中,键入用语言模糊隔离预设。使用时间标记14:10,将其拖到文本图层上。击中ü揭示关键帧。将最后一个关键帧拖到17:04RAM预览

17.添加照明

来自项目小组,打开04a_Here_to_stay_StartComp -RAM预览。打开环境图层 - 通过将环境光线降低到20%来使场景变暗。打开点光源图层和注意投射阴影。双击点光源打开灯光设置。改变衰减菜单到平滑- 注意光束有硬边。点击

18.调整光线衰减和阴影

在时间轴中,更改衰减距离300当光逐渐消失时,这会使边缘变得柔和。改变半径800加宽光线投射的“光束”。改变暗影黑暗80%阴影扩散30对于更柔和,微妙的阴影。RAM预览

19.用表达式动画光

要使灯光闪烁,请选择强度的财产点光源通过单击时间轴中的名称来覆盖图层。去吧动画菜单并选择添加表达式。表达式将添加到selected属性中,文本字段将显示在时间轴中的属性旁边。

20. Wiggle表达

表达式如下:
LightOption.intensity
编辑表达式文本,使其显示为:
摆动(10,50)
按Enter键(不返回!)然后RAM预览看到灯光闪烁。你可以调整频率通过更改括号中的第一个值。调整振幅通过更改第二个值。

所以你有它,一些有价值的技巧和窍门,我发现在创建动力学排版动画时很有用。我希望你喜欢这个教程,并发现这些技巧很有用 - 快乐的关键帧!

扩展您的知识

+$If you’d like to learn more techniques like these check out+$Angie's Video Workshop+$. This comprehensive course includes over seven hours of video tutorials and covers other techniques used in the final video.

+$There are some free example movies from Angie's workshop available to view+$here on her blog

+$Angie Taylor+$is an author, animator and creative director. She produces animation, illustration and motion graphics for television and film and is the author of “Design Essentials for the motion media artist” and "After Effects Learn by Video".

喜欢这个?阅读这些!



翻译字数超限