Menu
After Effects is an incredibly versatile program when it comes to creating and animating text. Here’s a guide to some of the most informative and efficient video tutorials that will make you a kinetic typography master in no time.
After Effects can be a bit overwhelming initially, and text is no exception. Fear not… these After Effects tutorials explain things in an easy to understand way without leaving out the small details that some tutorials simply infer.
Veja mais: add text message flv video, need live video chatroom, fre simple add comment script, how to write arabic in after effects cc 2017, arabic text.jsx.
With the knowledge this guide provides, your creativity will no longer be limited by your software skills. We’ve arranged these in an order that we think provides the best learning process, starting with animation and ending with stylization. If you are already confident in one technique, you can just move on to the next one that is unfamiliar or needs practice.
1. Basic Text Editing and Animation
Before actually diving into typography and stylization, it’s essential that you understand how to edit text layers and apply text animations within After Effects. This great tutorial by After Effects wizard Mikey Borup leaves out little detail in explaining the mechanics of text layers. While creating text layouts in another program such as Illustrator might be more appealing to many users, it’s still very helpful to know how to create text on the fly within After Effects, as it is more forgiving to future changes.
2. Kinetic Typography Fundamentals
This is where things start to get fun. Kinetic typography is commonplace in all forms of modern media, especially music videos and speech-heavy content. Luckily, it doesn’t take too much technical prowess to make text more exciting — this video alone offers enough information for you to be able to immediately start creating fun and dynamic sound-driven text animations. With some tips on the actual logic behind kinetic typography, as opposed to just technical techniques, this tutorial one of the best on the subject.
3. Handwritten Text
![Arabic text script after effects دانلود Arabic text script after effects دانلود](/uploads/1/2/5/3/125314345/143863128.jpg)
The handwriting text effect is likely something you’ve seen before, and you may have found yourself wondering what techniques are involved. It’s surprisingly simple, as shown by this high-quality tutorial which features a stellar example to illustrate its potential. The use of strokes and matte layers to achieve this is a great way to improve your understanding of how they work and what ways they can be applied.
4. 3D Kinetic Typography
When you’re feeling comfortable with 2D typography, and have a decent understanding of 3D space in After Effects, you can give this PremiumBeat tutorial a watch to show you how to take your text to the next dimension. This provides some helpful tips in using the layer snap function as well.
5. 3D Text Extrusion
Want to add some depth to your text without coughing up the extra change for Element 3D? Look no further! Yet another PremiumBeat tutorial, this stacks dozens of 2D layers in 3D space to create the illusion of one 3D block of text. It works surprisingly well. With some adjustments, you can even add extra touches such as bevels or extrusion gradients.
6. Adding Textures to Text
Now that you have the mechanics of motion down, let’s look a bit more into how to add some aesthetic flair to your text. If gradients and plain text aren’t cutting it for you, textures are a good way to add character to your characters. While this is one of the simplest listed techniques, this tutorial from Rich Agullar includes all the detail you could need when it comes to using textures effectively with text.
7. Jittery Text Effect
If you’ve watched any “hipster-style” motion graphics over the past few years, you’ve undoubtedly come across this jittery text effect. While it has become a bit of an overdone gimmick as of late, it’s still a cool effect that you can implement in your text to compliment your overall style, or just make your titles feel a bit more lively.
8. Text Reflections
Reflections can bring a sense of gloss and elegance to your text, while also grounding it a bit more in its environment. There are multiple ways to create realistic reflections, but this combination of effects that Mikey put together is probably the most efficient, as it only requires one layer and updates as changes are made to the layer. He even demonstrates the ability to use it as an Animation Preset to speed up future workflow.
9. Text Shadows
Like reflections, shadows can better ground your text in its environment. Shadows also create a sense of depth and make the text stand out a bit better relative to the background. You may not have realized how many different possible shadow effects there are, but Mikey is sure to cover all of them here, whether they be 2D or 3D. With this tutorial, you can create nearly any kind of text shadow for any purpose.
10. Staggered Animation Effect
We’ll wrap up with this fun effect that time-staggers text strokes, resulting in a more colorful, unique variation of the popular handwritten text technique from the above tutorial.
Applying creative motion to text can actually be a lot of fun once you have the basics down. With these awesome tutorials, you’ll be on your way to successful text animation before you know it.
What After Effects tutorials did you find helpful with text? Let us know in the comments below.
Sign In
Register
- Access to orders in your account history
- Ability to add projects to a Favorites list
- Fast checkout with saved credit cards
- Personalized order invoices
Create Account
You can add text to a composition using text layers. Text layers are useful for many purposes, including animated titles, lower thirds, credit rolls, and dynamic typography.
You can animate the properties of entire text layers or the properties of individual characters, such as color, size, and position. You animate text using text animator properties and selectors. 3D text layers can optionally contain 3D sublayers, one for each character. (See Animate text with text animators and Per-character 3D text properties.)
Text layers are synthetic layers, meaning that a text layer does not use a footage item as its source—though you can convert text information from some footage items into text layers. Text layers are also vector layers. As with shape layers and other vector layers, text layers are always continuously rasterized, so when you scale the layer or resize the text, it retains crisp, resolution-independent edges. You cannot open a text layer in its own Layer panel, but you can work with text layers in the Composition panel.
After Effects uses two kinds of text: point text and paragraph text. Point text is useful for entering a single word or a line of characters; paragraph text is useful for entering and formatting the text as one or more paragraphs.
Vertical and horizontal point text (left), and paragraph text in a bounding box (right)
You can copy text from other applications such as Adobe Photoshop, Adobe Illustrator, Adobe InDesign, or any text editor, and paste it into a text layer in After Effects. Because After Effects also supports Unicode characters, you can copy and paste these characters between After Effects and any other application that also supports Unicode (which includes all Adobe applications).
Text formatting is included in the Source Text property. Use the Source Text property to animate formatting and to change the characters themselves (for example, change the letter b to the letter c).
After Effects automatically synchronizes missing fonts using the available fonts. The Resolve Fonts dialog is displayed when you open a project that uses fonts that are not installed. If the fonts are available from Adobe, you can choose to have them automatically synced to your Creative Cloud account and installed. After Effects replaces fonts that are not available online with the default font.
Note:
With the April 2017 release of After Effects CC, installing After Effects does not install a set of fonts. The same fonts installed with previous versions of After Effects, such as Adobe Myriad Pro, are available as part of your Creative Cloud subscription through Adobe Fonts.
Sequential frames in which Source Text has been animated
Best practices for creating textand vector graphics for video
Text that looks good on your computer screen as youare creating it can sometimes look bad when viewed in a final outputmovie. These differences can arise from the device used to viewthe movie or from the compression scheme used to encode the movie.The same is true for other vector graphics, such as shapes in shapelayers. In fact, the same problems can occur in raster images, but thesmall and sharp details of vector graphics cause the problems mostoften.
Keep in mind the following as you create and animate text andvector graphics for video:
- You should always preview your movie on the same kind of device that your audience use to view it, such as an NTSC video monitor. (See Preview on an external video monitor.)
- Avoid sharp color transitions, especially from one highly saturated color to its complementary color. Sharp color transitions are difficult for many compression schemes—such as the compression schemes in MPEG and JPEG standards—to encode. These compression schemes can cause visual noise near sharp transitions. For analog television, the same sharp transitions can cause spikes outside the allowed range for the signal, also causing noise.
- When text will be over moving images, make sure that the text has a contrasting border (such as a glow or a stroke) so that the text is still readable when something the same color as the fill passes behind the text.
- Avoid thin horizontal elements, which can vanish from the frame if they happen to be on an even scan line during an odd field, or vice versa. The height of the horizontal bar in a capital H, for example, should be three pixels or greater. You can thicken horizontal elements by increasing font size, using a bold (or faux bold) style, or applying a stroke. (See Formatting characters with the Character panel.)
- When animating text to move vertically—for scrolling credits, for example—move the text vertically at a rate in pixels per second that is an even multiple of the field rate for the interlaced video format. Such a rate of movement prevents a kind of twitter that can come from the text movement being out of phase with the scan lines. For NTSC, good values include 0, 119.88, and 239.76 pixels per second; for PAL, good values include 0, 100, and 200 pixels per second.
Note:
Apply the Autoscroll - Vertical animation preset in the Behaviors category to quickly create a vertical text crawl (for example, a credit roll).
- To avoid the risk of twitter that comes with vertical motion, thin graphical elements, and fields, consider presenting credits as a sequence of blocks of text separated by transitions, such as opacity fades.
Fortunately, many problems with text in video and compressedmovie formats can be solved with one simple technique: Apply a blurto the text layer. A slight blur can soften color transitions andcause thin horizontal elements to expand. The Reduce Interlace Flickereffect works best for the purpose of reducing twitter; it appliesa vertical directional blur but doesn't blur horizontally, so itdegrades the image less than other blurs.
Philip Hodgetts provides tips on the Creative COW website for getting thebest results when creating text or vector graphics for video.
This section documents scripting methods for working with text, and includes links to popular scripts and tutorials.
Create one or multiple text layers based on the contents of a text file
Christopher Green provides a script (crg_Text_from_File.jsx) on his website that allows you to create one text layer from all of the text, or you can create one layer for each line in the text file. The script also provides options for leading and other spacing.
You can read the baseline (x,y) locations for a text layer using scripting with the After Effects CC 2015 (13.6) update. The new sourceText.value.baselineLocs attribute for TextDocument objects returns an array of floats indicating the starting position of each line of text’s baseline x and y value.
Line wraps in a paragraph text box are treated as multiple lines.
The array returns float values in the form of:
line0.start_x, line0.start_y, line0.end_x, line0.end_y, line1.start_x, line1.start_y, line1.end_x, line1.end_y … lineN-1.start_x, lineN-1.start_y, lineN-1.end_x, lineN-1.end_y
Note:
If a line has no characters, the x and y values for start and end are the maximum float value (3.402823466e+38F).
You can read additional information through scripting about the font and style used in a text layer, including the location of the font file on disk.
Following are the read-only attributes for the textDocument object:
- fontLocation: returns string with path of font file, providing its location on disk (not guaranteed to be returned for all font types; return value may be empty string for some kinds of fonts)
- fontStyle: returns string with style information —such as bold, or italic
- fontFamily: returns a string with the name of the font family
The value returned is for the first character in the text layer at the current time.
This script displays a palette for editing the text of text layers in an unstyled form. If your text layer uses a complex animation, or is difficult to access or is hidden at the current time, editing the text when not animated or style can be useful.
Download this script from Jeff Almasol's website: Redifinery.
This script maps lines from a text file as Source Text keyframes on the selected text layer at successive markers on the layer. You can control the text line to use by entering a line number as the marker’s comment.
Download this script from Jeff Almasol's website: Redifinery.
This script displays a palette with controls for fixing various “plain text” punctuation into their “smart” typographical representations (for example, (c) is converted to the copyright symbol, ©).
Download this script from Jeff Almasol's website: Redefinery.
Todd Kopriva provides an example script on the Adobe website that demonstrates the text formatting features available through the scripting interface.
Salahuddin Taha provides a script on the After Effects Scripts website that enables entry of Arabic text (which flows from right to left).
Michael Cardeiro provides a script on the After Effects Scripts website that makes multiple versions of your compositions using information from a spreadsheet or database. The script goes through your spreadsheet line by line, making a new version of your composition with text layers in the composition receiving text from the spreadsheet automatically.
The After Effects Scripts website provides many scripts for working with text. Paul Tuersley provides a script on the After Effects Scripts website that allows you to search for and edit text layers throughout your After Effects project, create your own text style presets, and apply them to multiple layers.
Paul Tuersley provides a script on the AE Enhancers forum for importing Substation Alpha (SSA) karaoke files and automatically creating animated text layers from them.
For examples of expressions for the Source Text property, see Writing expressions for source text and MarkerKey attributes (expression reference).
When you enter point text, each line of textis independent—the length of a line increases or decreases as youedit the text, but it doesn’t wrap to the next line.
Thesmall line through the type tool pointer marksthe position of the text baseline. For horizontal text,the baseline marks the line on which the text rests; for verticaltext, the baseline marks the center axis of the characters.
Whenyou enter point text, it is created using the properties currentlyset in the Character panel. You can change these properties laterby selecting the text and modifying settings in the Character panel.
- Choose Layer > New > Text. A newtext layer is created and an insertion point for the HorizontalType tool appears in the center of the Composition panel.
- Double-click a Type tool. A new text layer is createdand an insertion point for the appropriate type tool appears inthe center of the Composition panel.
- Select the Horizontal Type tool orthe Vertical Type tool , andthen click in the Composition panel to set an insertion point forthe text.
Note:The pointer for a type tool changes depending on whetherit is over a text layer in the Composition panel. When the pointeris not directly over a text layer, it appears as a new text pointer ; clickto create a new text layer. Shift-click always creates a new textlayer.- Enter text characters by typing. Press Enter on the mainkeyboard (Windows) or Return (Mac OS) to begin a new line.Note:You can also choose Edit > Paste to pastetext that you have copied from any application that uses Unicodecharacters. Text receives the formatting of the first characterin the text layer into which it is pasted.
- To end text-editing mode, press Enter on the numerickeypad, select another tool, or press Ctrl+Enter (Windows) or Command+Return(Mac OS).
![Arabic Arabic](/uploads/1/2/5/3/125314345/365794345.png)
When you enter paragraph text, the lines oftext wrap to fit the dimensions of the bounding box. You can entermultiple paragraphs and apply paragraph formatting.
You canresize the bounding box at any time, which causes the text to reflow withinthe adjusted rectangle.
When you enter paragraph text, ithas the properties set in the Character and Paragraph panels. Youcan change these properties later by selecting the text and modifyingsettings in the Character and Paragraph panels.
- Select the Horizontal Type tool orthe Vertical Type tool .
- Do one of the following in the Composition panel to createa text layer:
- Alt-drag (Windows) or Option-drag (Mac OS) to definea bounding box around a center point.
Note:The pointer for a type tool changes depending on whetherit is over a text layer in the Composition panel. When the pointeris not directly over a text layer, it appears as a new text pointer ; dragto create a new text layer. Shift-drag always creates a new textlayer. - Enter text by typing. Press Enter on the main keyboard(Windows) or Return (Mac OS) to begin a new paragraph. Press Shift+Enteron the main keyboard (Windows) or Shift+Return (Mac OS) to createa soft carriage return, which begins a new line without beginninga new paragraph. If you enter more text than can fit in the boundingbox, the overflow icon appearson the bounding box.Note:You can also choose Edit > Paste to pastetext that you have copied from any application that uses Unicodecharacters. Text receives the formatting of the first characterin the text layer into which it is pasted.
- To end text-editing mode, press Enter on the numerickeypad, select another tool, or press Ctrl+Enter (Windows) or Command+Return(Mac OS).
You can edit text in text layers at any time.If you set the text to follow a path, designate it as a 3D layer,transform it, or animate it, you can still continue to edit it.Before you can edit text, you must select it.
Note:
Todisable the Path Options property group for a text layer, clickthe visibility (eyeball)switch for the Path Options property group. Temporarily disablingthe Path Options property group can make editing and formattingtext easier.
The pointer for a type tool changes, dependingon whether it is over a text layer in the Composition panel. Whenthe pointer for a type tool is directly over a text layer, it appearsas the edit text pointer ; clickto place the insertion point in the existing text.
- To select text with a type tool, do one of thefollowing:
- To select a range of text, click, move the pointer,and then Shift-click.
- To select a word, double-click it. To select a line,triple-click it. To select a paragraph, quadruple-click it. To selectall text in a layer, quintuple-click anywhere in the text.
- To use the arrow keys to select text, hold downShift and press the Right Arrow or Left Arrow key. To use the arrowkeys to select words, hold down Shift+Ctrl (Windows) or Shift+Command(Mac OS) and press the Right Arrow or Left Arrow key.
Note:
To select all text in a text layer andactivate the most recently used type tool, double-click the textlayer in the Timeline panel.
Online resources for selectingand editing text in text layers
Jeff Almasol provides a script on his redefinery website for editing thesource text of text layers.
Jeff Almasol provides a scripton his redefinery website that converts various plaintext punctuation into their “smart” typographical representations(for example, (c) is converted to the copyright symbol, ©).
JeffAlmasol provides a script on his redefinery website that sets keyframesfor the Source Text property of a text layer and sets the valuesto text from a text file; the keyframes are placed at times specifiedby layer markers on the text layer.
- With a type tool active, select thetext layer in the Composition panel to display the bounding boxhandles.
- Position the pointer over a handle—the pointer turnsinto a double arrow —anddo one of the following:
- Shift-drag to maintain the proportion of the boundingbox.
- Ctrl-drag (Windows) or Command-drag (Mac OS) toscale from the center.
You can drag with the move pointer inthe Composition panel to move a text layer. To activate the movepointer without leaving text editing mode, move the type tool awayfrom the text in the Composition panel; when you see the move pointer , dragto move the text. You can also hold down the Ctrl (Windows) or Command(Mac OS) key to momentarily activate the move pointer.
Note:
When you convert paragraph text to pointtext, all characters outside the bounding box are deleted. To avoidlosing text, resize the bounding box so that all text is visiblebefore conversion.
- Note:You can’t convert the text layer if it’s in text-editingmode.
- Using a type tool, right-click (Windows) or Control-click(Mac OS) anywhere in the Composition panel, and choose Convert ToParagraph Text or Convert To Point Text.When you convert from paragraph text to point text, a carriagereturn is added at the end of each line of text, except the lastline.Note:To display the bounding box of paragraphtext and automatically select a type tool, double-click the textlayer in the Timeline panel.
You can type and edit text in right-to-left writing styles such as Arabic, and Indic writing style such as Hindi.
There are a few limitations to using right-to-left and Indic text systems:
- Per-character animation works left-to-right and does not work with glyph characters.
To enable right-to-left or Indic text, follow these steps:
- In the Preferences dialog, change Text Engine to preferred language.
- South Asian and Middle Eastern: Works with right-to-left languages such as Arabic, Hebrew, and Indic languages.
- Latin: Works with other languages.
Horizontal text flows from left to right;multiple lines of horizontal text lie from top to bottom. Verticaltext flows from top to bottom; multiple lines of text lie from rightto left.
A. Horizontal point text B. Horizontalpoint text converted to vertical C. Horizontalparagraph text D. Horizontal paragraphtext converted to vertical
- Using a type tool, right-click (Windows) or Control-click(Mac OS) anywhere in the Composition panel, and choose Horizontalor Vertical.
You can switch the text direction between left-to-right and right-to-left. To change the direction, click the text direction buttons in the Paragraph panel.
Ligatures are typographic replacement characters for certain letter pairs if they are available in a given Open Type font. You can use font ligatures by enabling the Ligatures option in the Character panel. After Effects has ligatures in many fonts for character combinations in different languages. You can also enable the option using the Font Ligature checkbox at the bottom of the Character panel.
You can use Hindi digits use enabling the Hindi Digits option in the Character panel. You can also enable the option using the Hindi Digits checkbox at the bottom of the Character panel.
Text layers from Photoshop retain their styleand remain editable in After Effects.
If you imported thePhotoshop document as merged layers, then you must first selectthe layer and choose Layer > Convert To Layered Comp to decomposethe imported Photoshop document into its layers.
- Add the Photoshop text layer to your compositionand select it.
The layer becomes an After Effects text layer and nolonger uses the Photoshop text layer as its source footage item.
Ifthe layer contains layer styles, the layer styles are convertedto editable layer styles as if the Layer > Layer Styles >Convert To Editable Styles command had been used on the layer beforeconverting the text to editable text.
Create incredible motion graphics, text animation, and visual effects with Adobe After Effects. Design for film, TV, video, and web.
More like this
Twitter™ and Facebook posts are not covered under the terms of Creative Commons.
Legal Notices | Online Privacy Policy