{"id":14890,"date":"2012-10-26T15:57:07","date_gmt":"2012-10-26T19:57:07","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=14890"},"modified":"2012-10-26T16:07:54","modified_gmt":"2012-10-26T20:07:54","slug":"smooth-edges-in-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/","title":{"rendered":"Quick Tip: Keeping Smooth Edges in After Effects"},"content":{"rendered":"<h2 id=\"heres-a-quick-tip-that-will-keep-your-after-effects-graphic-project-looking-sharp-force-after-effects-to-use-whole-pixels-for-smooth-interpolation\">Here&#8217;s a quick tip that will keep your After Effects graphic project looking sharp! \u00a0Force After Effects to use whole pixels for smooth interpolation.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14961\" title=\"Adobe After Effects\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg\" alt=\"Adobe After Effects\" width=\"490\" height=\"58\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg 490w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg?resize=300,36 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg?resize=277,33 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg?resize=359,42 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/adobe-after-effects-all-ver1.jpg?resize=150,18 150w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/p>\n<p>If you&#8217;ve noticed that your graphics and text aren&#8217;t looking super sharp in After Effects, it&#8217;s likely they are not be positioned on whole pixels. \u00a0AE is set to interpolate elements in your project at a subpixel level. \u00a0While this is useful for pinpointing precise location and scale, it can result in soft or distorted edges on graphic elements in your project. \u00a0This is especially true when the graphic has keyframed motion.<\/p>\n<p>Graphic artist and programmer Chris Silich describes this:<\/p>\n<blockquote><p>&#8220;When things are tweened, even in the tiny actual size comp, they often moved at sub-pixel speeds&#8230;and when that happens, AE anti-aliases the whole thing, giving our cool block pixel art weird soft edges.&#8221;<\/p><\/blockquote>\n<p>Here&#8217;s an example of the type of edge distortion that he&#8217;s describing (notice the blurred edges on the top box):<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/26012119?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=ffffff\" frameborder=\"0\" width=\"500\" height=\"375\"><\/iframe><\/p>\n<p>So, how do you get that clean interpolation that we see in the second box? Chris uses an After Effects expression called <strong>Math Round<\/strong>, that will force AE to interpolate at whole pixels only. \u00a0The code for the <strong>Math Round expression<\/strong> is at Chris&#8217; post <a title=\"Snapping in After Effects\" href=\"http:\/\/chrissilich.com\/blog\/after-effects-expression-snapping-objects-to-whole-pixels\/\" target=\"_blank\" data-wpel-link=\"external\">here<\/a>.<\/p>\n<p>Further expanding on Chris&#8217; expression,\u00a0<a title=\"After Effects Snapping Whole Pixels\" href=\"http:\/\/motionworks.com.au\/after-effects-snapping-whole-pixels\/\" target=\"_blank\" data-wpel-link=\"external\">Motionworks.com.au&#8217;s<\/a> John Dickinson has created a simple AE preset of the <strong>Math Round expression<\/strong>. Just apply the preset to get <strong>smooth edges in After Effects<\/strong>. \u00a0Download the preset\u00a0<a title=\"MotionWorks AE Smooth Edges\" href=\"http:\/\/motionworks.com.au\/after-effects-snapping-whole-pixels\/\" target=\"_blank\" data-wpel-link=\"external\">here<\/a>.<\/p>\n<p>If you&#8217;re racking your brain trying to figure out how to get smooth edges in After Effects this is the trick!<\/p>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><img decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: none; float: right;\" src=\"https:\/\/img.zemanta.com\/pixy.gif?x-id=c442ae72-027b-4e36-a16a-32466ec0820d\" alt=\"\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!<\/p>\n","protected":false},"author":3,"featured_media":14966,"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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[30,39],"tags":[649,813,1355,1354,80,1356,51,5376],"class_list":["post-class-post-14890","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-video-editing","post-class-tag-adobe-after-effects","post-class-tag-ae","post-class-tag-after-effects-expression","post-class-tag-interpolation","post-class-tag-motion-design","post-class-tag-motionworks","post-class-tag-post-production","post-class-tag-video-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Quick Tip: Keeping Smooth Edges in After Effects - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!\" \/>\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\/smooth-edges-in-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Tip: Keeping Smooth Edges in After Effects\" \/>\n<meta property=\"og:description\" content=\"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-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:published_time\" content=\"2012-10-26T19:57:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-10-26T20:07:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/after-effects-quick-tip.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danny Greer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danny Greer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/\",\"name\":\"Quick Tip: Keeping Smooth Edges in After Effects - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2012-10-26T19:57:07+00:00\",\"dateModified\":\"2012-10-26T20:07:54+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\"},\"description\":\"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-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\":\"Quick Tip: Keeping Smooth Edges in 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\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\",\"name\":\"Danny Greer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"caption\":\"Danny Greer\"},\"description\":\"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Quick Tip: Keeping Smooth Edges in After Effects - The Beat: A Blog by PremiumBeat","description":"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!","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\/smooth-edges-in-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Quick Tip: Keeping Smooth Edges in After Effects","og_description":"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!","og_url":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2012-10-26T19:57:07+00:00","article_modified_time":"2012-10-26T20:07:54+00:00","og_image":[{"width":"150","height":"150","url":"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2012\/10\/after-effects-quick-tip.jpg","type":"image\/jpeg"}],"author":"Danny Greer","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Danny Greer","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/","name":"Quick Tip: Keeping Smooth Edges in After Effects - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2012-10-26T19:57:07+00:00","dateModified":"2012-10-26T20:07:54+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0"},"description":"Using a simple AE expression can give your text and graphics smooth edges in After Effects. Force AE to do whole pixel interpolation for clean motion!","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/smooth-edges-in-after-effects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/smooth-edges-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":"Quick Tip: Keeping Smooth Edges in 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":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0","name":"Danny Greer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","caption":"Danny Greer"},"description":"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2012\/10\/after-effects-quick-tip.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-3Sa","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/14890","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=14890"}],"version-history":[{"count":6,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/14890\/revisions"}],"predecessor-version":[{"id":14963,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/14890\/revisions\/14963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/14966"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=14890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=14890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=14890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}