{"id":141635,"date":"2020-11-10T07:07:50","date_gmt":"2020-11-10T13:07:50","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=141635"},"modified":"2020-11-10T07:07:50","modified_gmt":"2020-11-10T13:07:50","slug":"animate-individual-letters-in-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/","title":{"rendered":"How to Animate Individual Letters in Adobe After Effects"},"content":{"rendered":"<h2 id=\"after-effects-has-a-number-of-typography-tools-the-most-powerful-being-the-text-animator-lets-see-how-to-animate-letters-with-this-tool\">After Effects has a number of typography tools, the most powerful being the text animator. Let&#8217;s see how to animate letters with this tool.<\/h2>\n<p>Text animators are essentially groups of selectors and properties that reside within a text element. Use the selectors to isolate a specific area of text, then add properties to animate. You can animate those properties via any of the parameters within the animator. These allow you to create some pretty complex movements, including adjusting individual letters, words, and lines of a text layer.<\/p>\n<p>To figure out how they work, let\u2019s take a step-by-step look at how to recreate this simple quote animation.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ie3N12n66IY?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<hr \/>\n<h3 id=\"add-text-selectors\">Add Text Selectors<\/h3>\n<p>For the first step, I\u2019ll break my text into the specific parts that I want to animate. This includes the quotation marks, the word <em>water<\/em>, the quote, and the name. I\u2019ll also create a group called <strong>Animate IN<\/strong>. Again, the beauty of this method is that I can do all of my animations within one single text layer.<\/p>\n<p>I\u2019ll use range selectors to isolate each element, which I\u2019ll add via <strong>Animate &gt; Add Text Selector &gt; Range<\/strong>. This will automatically create a <strong>Range Selector<\/strong> inside of a new <strong>Text Animator<\/strong> group.<\/p>\n<div id=\"attachment_141792\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/add-selectors.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-141792\" class=\"wp-image-141792 size-full\" title=\"After Effects: Add Selectors\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/add-selectors.jpg\" alt=\"After Effects: Add Selectors\" width=\"755\" height=\"425\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=300,169 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=543,306 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=560,315 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-141792\" class=\"wp-caption-text\"><em>Isolate each element with range selectors.<\/em><\/p><\/div>\n<p>Range selectors consist of three main parameters: <strong>Start<\/strong>, <strong>End<\/strong>, and <strong>Offset<\/strong>. Use the <strong>Advanced<\/strong> drop-down menu to specify if you want to target characters, words, or lines of text. The range can also be modified manually in the comp panel by clicking and dragging the relative <strong>Start<\/strong> and <strong>End<\/strong> bars. To keep things organized, I\u2019ll rename each animator according to the selection.<\/p>\n<div id=\"attachment_141794\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-141794\" class=\"wp-image-141794 size-full\" title=\"After Effects: Add Selectors \" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg\" alt=\"After Effects: Add Selectors \" width=\"755\" height=\"501\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=300,199 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=277,184 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=359,238 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=543,360 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=560,372 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/add-selectors1.jpg?resize=150,100 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-141794\" class=\"wp-caption-text\"><em>Stay organized by renaming each animator.<\/em><\/p><\/div>\n<hr \/>\n<h3 id=\"specify-the-properties\">Specify the Properties<\/h3>\n<p>Now that I\u2019ve got all of my assets selected in their own text animator groups, I\u2019m ready to add some properties to animate. To add a property to an animator, I\u2019ll click on the <strong>Add<\/strong> button just to the right of the animator, and navigate to the <strong>Property <\/strong>submenu.<\/p>\n<div id=\"attachment_141797\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/properties.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-141797\" class=\"wp-image-141797 size-full\" title=\"After Effects: Add Properties\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/properties.jpg\" alt=\"After Effects: Add Properties\" width=\"755\" height=\"425\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=300,169 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=543,306 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=560,315 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/properties.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-141797\" class=\"wp-caption-text\"><em>Add properties to animate.<\/em><\/p><\/div>\n<p>For the <strong>Water<\/strong> animator, I\u2019ll add <strong>Fill Color &gt; RGB<\/strong> and switch the color to <strong>blue<\/strong>. I\u2019ll add <strong>Position<\/strong> to the rest of the groups. I\u2019ll add <strong>Opacity<\/strong> to the <strong>Quotation Marks<\/strong>, and <strong>Skew<\/strong> to the <strong>Name<\/strong>. Last, but not least, I\u2019ll add <strong>Opacity<\/strong> and <strong>Position<\/strong> to my <strong>Animate IN<\/strong> group. Now, I\u2019m ready to animate!<\/p>\n<hr \/>\n<h3 id=\"animate-the-elements\">Animate the Elements<\/h3>\n<p>Many AE users find text animators to be complex and confusing. This is most likely due to the number of keyframable parameters available. Most of the text animators of my animation, however, are quite simple.<\/p>\n<p>For the <strong>Water<\/strong> group, I\u2019ll navigate to the <strong>Advanced<\/strong> section of the <strong>Range Selector<\/strong> and keyframe the <strong>Amount<\/strong> from 0% to 100%. Both the <strong>Quote<\/strong> and <strong>Name<\/strong> groups require simple <strong>Position<\/strong> property keyframes. While the <strong>Quotation Marks<\/strong> group requires two range selectors \u2014 it\u2019s a simple <strong>Position<\/strong> and <strong>Opacity<\/strong> animation to bring both of those selections to life.<\/p>\n<div id=\"attachment_141800\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-141800\" class=\"wp-image-141800 size-full\" title=\"After Effects: Animate Properties\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg\" alt=\"After Effects: Animate Properties \" width=\"755\" height=\"424\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=300,168 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=543,305 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=560,314 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties2.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-141800\" class=\"wp-caption-text\"><em>You&#8217;ll find that the text animators are quite simple to implement.<\/em><\/p><\/div>\n<hr \/>\n<h3 id=\"position-animation\">Position Animation<\/h3>\n<p>To get a smooth position transition, I\u2019ll need to keyframe the <strong>Offset<\/strong> of the <strong>Range Selector<\/strong>, specify a <strong>Shape<\/strong>, then tweak the <strong>Ease High<\/strong> and <strong>Ease Low<\/strong> properties.<\/p>\n<div id=\"attachment_141802\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-141802\" class=\"wp-image-141802 size-full\" title=\"After Effects: Animate the Properties\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg\" alt=\"After Effects: Animate the Properties\" width=\"755\" height=\"425\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=300,169 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=543,306 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=560,315 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Animate-Properties.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-141802\" class=\"wp-caption-text\"><em>You may need to experiment with different parameters to get used to them.<\/em><\/p><\/div>\n<p>The <strong>Shape<\/strong> property specifies how the <strong>Range Selector<\/strong> deals with transitions between each character, word, or line. The default <strong>Square<\/strong> will give a choppy, blocky look. I\u2019ll switch to <strong>Ramp Up<\/strong>, and then set both the <strong>Ease High<\/strong> and <strong>Ease Low<\/strong> to roughly 50%. The <strong>Shape<\/strong> and <strong>Ease High\/Low<\/strong> parameters tend to cause most of the confusion when it comes to text animators, so play around with these parameters to get comfortable using them.<\/p>\n<p>Once all of my properties are animated, it\u2019s a matter of timing the keyframes to get the specific look that I want.<\/p>\n<p><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/How-to-Animate-Individual-Letters-in-After-Effects_1-1.gif\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-141915 size-full\" title=\"After Effects: Quote Animation\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/How-to-Animate-Individual-Letters-in-After-Effects_1-1.gif\" alt=\"After Effects: Quote Animation\" width=\"750\" height=\"422\" \/><\/a><\/p>\n<hr \/>\n<h3 id=\"advanced-techniques\">Advanced Techniques<\/h3>\n<p>This example is only the tip of the text-animator iceberg. You can get much more in-depth with your animations. As you saw, you can add multiple selectors and properties to each animator, and then multiple animators to each text layer. Each <strong>Range Selector<\/strong> also has its own blend mode, which can give you some pretty interesting results when working with multiple selectors.<\/p>\n<p>As always, practice makes perfect. If you\u2019re looking for another fun project, take a look at <a href=\"https:\/\/www.premiumbeat.com\/blog\/create-karaoke-graphics-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">this tutorial<\/a> where I demonstrate how to use text animators to create karaoke graphics.<\/p>\n<hr \/>\n<p><em>Cover image via\u00a0<a href=\"https:\/\/www.shutterstock.com\/image-photo\/close-vintage-dirty-typewriter-letteters-copy-1113824861\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"external\">rangizzz<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>After Effects has a number of typography tools, the most powerful being the text animator. Let&#8217;s see how to animate letters with this tool.<\/p>\n","protected":false},"author":75,"featured_media":141805,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[30,3291],"tags":[5375,467],"class_list":["post-class-post-141635","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-after-effects","post-class-category-motion-graphics-2","post-class-tag-after-effects","post-class-tag-motion-graphics"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Animate Individual Letters in Adobe After Effects<\/title>\n<meta name=\"description\" content=\"After Effects has a number of typography tools, the most powerful being the text animator. Let&#039;s see how to animate letters with this tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Animate Individual Letters in Adobe After Effects\" \/>\n<meta property=\"og:description\" content=\"After Effects has a number of typography tools, the most powerful being the text animator. Let&#039;s see how to animate letters with this tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/boonelovesvideo\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-10T13:07:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/11\/06165958\/typography-tools.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Boone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@boonelovesvideo\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Boone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/\"},\"author\":{\"name\":\"Jason Boone\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/4b58958c8b26eceafd8eb7515a8acef9\"},\"headline\":\"How to Animate Individual Letters in Adobe After Effects\",\"datePublished\":\"2020-11-10T13:07:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/\"},\"wordCount\":800,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/typography-tools.jpg\",\"keywords\":[\"After Effects\",\"motion graphics\"],\"articleSection\":[\"After Effects\",\"Motion Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/\",\"name\":\"How to Animate Individual Letters in Adobe After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/typography-tools.jpg\",\"datePublished\":\"2020-11-10T13:07:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/4b58958c8b26eceafd8eb7515a8acef9\"},\"description\":\"After Effects has a number of typography tools, the most powerful being the text animator. Let's see how to animate letters with this tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/typography-tools.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/typography-tools.jpg\",\"width\":1000,\"height\":584,\"caption\":\"How to Animate Individual Letters in Adobe After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-individual-letters-in-after-effects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"After Effects\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/category\\\/after-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Animate Individual Letters in Adobe After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/4b58958c8b26eceafd8eb7515a8acef9\",\"name\":\"Jason Boone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g\",\"caption\":\"Jason Boone\"},\"description\":\"While not wandering around Paris, Boone creates tutorials for Adobe Premiere Pro and After Effects. Follow him at boonelovesvideo.com\",\"sameAs\":[\"https:\\\/\\\/www.boonelovesvideo.com\",\"https:\\\/\\\/www.facebook.com\\\/boonelovesvideo\\\/\",\"https:\\\/\\\/x.com\\\/boonelovesvideo\"],\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/jasonboone\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Animate Individual Letters in Adobe After Effects","description":"After Effects has a number of typography tools, the most powerful being the text animator. Let's see how to animate letters with this tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"How to Animate Individual Letters in Adobe After Effects","og_description":"After Effects has a number of typography tools, the most powerful being the text animator. Let's see how to animate letters with this tool.","og_url":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_author":"https:\/\/www.facebook.com\/boonelovesvideo\/","article_published_time":"2020-11-10T13:07:50+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/11\/06165958\/typography-tools.jpg","type":"image\/jpeg"}],"author":"Jason Boone","twitter_card":"summary_large_image","twitter_creator":"@boonelovesvideo","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Jason Boone","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/"},"author":{"name":"Jason Boone","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9"},"headline":"How to Animate Individual Letters in Adobe After Effects","datePublished":"2020-11-10T13:07:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/"},"wordCount":800,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/typography-tools.jpg","keywords":["After Effects","motion graphics"],"articleSection":["After Effects","Motion Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#respond"]}],"copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/","name":"How to Animate Individual Letters in Adobe After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/typography-tools.jpg","datePublished":"2020-11-10T13:07:50+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9"},"description":"After Effects has a number of typography tools, the most powerful being the text animator. Let's see how to animate letters with this tool.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/typography-tools.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/typography-tools.jpg","width":1000,"height":584,"caption":"How to Animate Individual Letters in Adobe After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"After Effects","item":"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/"},{"@type":"ListItem","position":3,"name":"How to Animate Individual Letters in Adobe After Effects"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9","name":"Jason Boone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g","caption":"Jason Boone"},"description":"While not wandering around Paris, Boone creates tutorials for Adobe Premiere Pro and After Effects. Follow him at boonelovesvideo.com","sameAs":["https:\/\/www.boonelovesvideo.com","https:\/\/www.facebook.com\/boonelovesvideo\/","https:\/\/x.com\/boonelovesvideo"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/jasonboone\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/typography-tools.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-AQr","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=141635"}],"version-history":[{"count":26,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141635\/revisions"}],"predecessor-version":[{"id":142030,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141635\/revisions\/142030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/141805"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=141635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=141635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=141635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}