{"id":74614,"date":"2025-04-12T01:50:38","date_gmt":"2025-04-11T15:50:38","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=60971"},"modified":"2025-12-12T14:38:22","modified_gmt":"2025-12-12T03:38:22","slug":"stretched-text","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/stretched-text","title":{"rendered":"The rise of stretched text: nostalgia and motion design"},"content":{"rendered":"\n<p>Anyone with formal training in graphic design will tell you never to manually scale a piece of text. \u201cIf you want it wider, use the extended version,\u201d they will say. But knowing rules empowers us to break them, and as long as you know what you\u2019re doing, stretched text has become a crucial part of the modern motion designers\u2019 bag of tricks.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/effects.jpg\" alt=\"Effects of After Effects Title animation by Jake in Motion\" class=\"wp-image-90990\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/effects.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/effects-300x200.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/effects-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/stretch.jpg\" alt=\"Stretched text Tutorial by @raybanda on Youtube\" class=\"wp-image-90991\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/stretch.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/stretch-300x200.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/stretch-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/future.jpg\" alt=\"Future is Loading by Soukaina Sabbaji on Dribbble\" class=\"wp-image-90992\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/future.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/future-300x200.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/future-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/maxresdefault-1024x576.jpg\" alt=\"Swiped Mac | Apple at Work by the Underdogs\" class=\"wp-image-90994\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/maxresdefault-1024x576.jpg 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/maxresdefault-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/maxresdefault-768x432.jpg 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/maxresdefault.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/spotify-1024x576.jpg\" alt=\"Spotify\u2019s Wrapped 2024\" class=\"wp-image-90995\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/spotify-1024x576.jpg 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/spotify-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/spotify-768x432.jpg 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/spotify.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Why is stretched text so popular, and what has caused its rise? Our theory is that this <a href=\"https:\/\/elements.envato.com\/learn\/font-trends\">font trend<\/a> harks back an unintentional <a href=\"https:\/\/elements.envato.com\/learn\/90s-graphic-design-trends\">element of 90s design<\/a>. Back then, the novelty of desktop publishing enabled anyone with a home computer to innocently stretch and skew letters across party invitations, flyers, and lost cat posters. We subconsciously store these offensive memories, and over time, they evolve into something that we want to see again because that old hatred is now nostalgia. And we push this stretching and warping past its limits until it gains a life of its own, which we now embrace.&nbsp;<\/p>\n\n\n\n<section class=\"elements-product-embed elements-product-embed--carousel elements-product-embed--has-info\">\n            <div class=\"elements-product-embed__info\">\n                            <div class=\"elements-product-embed__info-left\">\n                    <h3 class=\"elements-product-embed__title\">\n                        Unlimited creative assets. Access to AI tools.                    <\/h3>\n                <\/div>\n            \n                            <div class=\"elements-product-embed__info-right\">\n                    <a\n                        class=\"elements-product-embed__more\"\n                        href=\"https:\/\/elements.envato.com\/\"\n                        target=\"_blank\"\n                    >View all<\/a>\n                <\/div>\n                    <\/div>\n    \n    <div class=\"slider\">\n    <div class=\"slider__items\">\n                    <div class=\"slider__item\">\n                <div class=\"elements-product-embed__item\">\n    <a\n        class=\"elements-product-embed__link\"\n        href=\"https:\/\/elements.envato.com\/enfonix-stretch-font-FJX7DC2\"\n        target=\"_blank\"\n    ><\/a>\n\n    <div class=\"elements-product-embed__meta\">\n        <h3 class=\"elements-product-embed__meta-item elements-product-embed__meta-item--title\">\n            Enfonix &#8211; Stretch Font        <\/h3>\n        <span class=\"elements-product-embed__meta-item elements-product-embed__meta-item--author\">\n            limitype        <\/span>\n    <\/div>\n\n            <img decoding=\"async\"\n            class=\"elements-product-embed__image\"\n            src=\"https:\/\/elements-resized.envatousercontent.com\/elements-cover-images\/525a1fc0-6b56-41ce-a244-fc635c1eb66f?w=900&#038;cf_fit=scale-down&#038;q=85&#038;format=auto&#038;s=177b9fbceb5e6387fd96bd34267fc15f2bd7f0a18dca4b93369da02bf6d9c91f\"\n            alt=\"Enfonix - Stretch Font\"\n        >\n    <\/div>\n            <\/div>\n                    <div class=\"slider__item\">\n                <div class=\"elements-product-embed__item\">\n    <a\n        class=\"elements-product-embed__link\"\n        href=\"https:\/\/elements.envato.com\/moon-berry-modern-futuristic-font-FXESKZL\"\n        target=\"_blank\"\n    ><\/a>\n\n    <div class=\"elements-product-embed__meta\">\n        <h3 class=\"elements-product-embed__meta-item elements-product-embed__meta-item--title\">\n            Moon Berry &#8211; Modern Futuristic Font        <\/h3>\n        <span class=\"elements-product-embed__meta-item elements-product-embed__meta-item--author\">\n            PandekaStudio        <\/span>\n    <\/div>\n\n            <img decoding=\"async\"\n            class=\"elements-product-embed__image\"\n            src=\"https:\/\/elements-resized.envatousercontent.com\/elements-cover-images\/1d158b41-92d4-4750-b092-e24ca3364604?w=900&#038;cf_fit=scale-down&#038;q=85&#038;format=auto&#038;s=86ab3c6e038c5d13961bd6f045686928e1f3138d42cb9b94b26aeb9757673a5a\"\n            alt=\"Moon Berry - Modern Futuristic Font\"\n        >\n    <\/div>\n            <\/div>\n                    <div class=\"slider__item\">\n                <div class=\"elements-product-embed__item\">\n    <a\n        class=\"elements-product-embed__link\"\n        href=\"https:\/\/elements.envato.com\/space-odyssey-modern-sans-4955J8D\"\n        target=\"_blank\"\n    ><\/a>\n\n    <div class=\"elements-product-embed__meta\">\n        <h3 class=\"elements-product-embed__meta-item elements-product-embed__meta-item--title\">\n            Space Odyssey &#8211; Modern Sans        <\/h3>\n        <span class=\"elements-product-embed__meta-item elements-product-embed__meta-item--author\">\n            ikiikowrk        <\/span>\n    <\/div>\n\n            <img decoding=\"async\"\n            class=\"elements-product-embed__image\"\n            src=\"https:\/\/elements-resized.envatousercontent.com\/elements-cover-images\/c542760b-71e9-4f9d-bd18-3a5ccafeb009?w=900&#038;cf_fit=scale-down&#038;q=85&#038;format=auto&#038;s=1e5df4a25785bc7bbfc4e5d38a1363459533e0f99fe8d0f94e596660b0785c86\"\n            alt=\"Space Odyssey - Modern Sans\"\n        >\n    <\/div>\n            <\/div>\n            <\/div>\n\n    <div class=\"slider__controls\">\n        <a class=\"slider__control slider__control--prev\" href=\"#\">\n            &lt;\n        <\/a>\n        <a class=\"slider__control slider__control--next\" href=\"#\">\n            &gt;\n        <\/a>\n    <\/div>\n<\/div><\/section>\n\n\n\n<h2 class=\"wp-block-heading\">Stretched text out in the wild<\/h2>\n\n\n\n<p>We&#8217;ve been seeing stretched text in animation and design for several years now. An early example is the <a href=\"https:\/\/www.artofthetitle.com\/title\/playgrounds-festival-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">Playgrounds Festival opener from 2020<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Playgrounds 2020 - Main Titles\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WHP80HzsIb8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>An earlier influence we can&#8217;t ignore is the Saul Bass-esque title sequence for the Leonardo DiCaprio movie <em>Catch Me If You Can<\/em>, in which the ascenders and descenders of most letters were stretched beyond the top and\/or bottom of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Catch Me If You Can (2002) title sequence\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/aN715Rp4L74?start=49&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Wherever it came from, stretched text has become a chameleon of modern design and motion, finding its way into all styles from <a href=\"https:\/\/elements.envato.com\/learn\/y2k-aesthetic\">Y2K neon collage<\/a> to slick, elite sports aesthetics\u2014including playful design languages like the emerging <a href=\"https:\/\/elements.envato.com\/learn\/squishy-3d-trend\">squishy 3D trend<\/a>, which blends stretch, texture, and bounce in bold, tactile forms.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What defines stretched text?<\/h2>\n\n\n\n<p>We\u2019re discussing any text in graphic design and\/or motion design where parts of the copy have been elongated for effect. This can include elongating part of a word or letter, e.g., stretching the arms of an E or L, or stretching and distorting the overall frame-shape of a word, letter, or block of type. In graphic design, it gives a sense of movement. In motion design, it not only draws the eye but also provides a chance to individually emphasize parts of a phrase.<\/p>\n\n\n\n<p>When it comes to motion design, there are two main techniques for animating stretched text: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Corner pinning<\/li>\n\n\n\n<li>Elongated sectioning<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Corner pinning<\/h3>\n\n\n\n<p><em>Corner pinning<\/em> is precisely what it sounds like. You chop part or all of a word into rectangular sections and then apply an effect to distort the sections by animating the coordinates of the corners where the sections meet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-1024x571.jpg\" alt=\"creating stretched text by corner pinning\" class=\"wp-image-90998\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-1024x571.jpg 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-300x167.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-768x428.jpg 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-1536x856.jpg 1536w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2025\/03\/sophie-taylor-2048x1141.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Elongated sectioning<\/h3>\n\n\n\n<p>In <em>elongated sectioning<\/em>, you break the text into letters, sometimes converting them to vectors and separating them further, with different parts on separate layers. Then, you can stretch the legs, arms, and ascenders while leaving the loops, tails, and crossbars unaltered. This effect can evoke the elongations we might see through glass refraction, and it&#8217;s even been used in conjunction with other \u201creal-life\u201d distortions to double down on the emotive movement (as shown below).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"K\/DA - THE BADDEST ft. (G)I-DLE, Bea Miller, Wolftyla (Official Lyric Video) | League of Legends\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/RkID8_gnTxw?start=29&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Variable fonts count too<\/h3>\n\n\n\n<p>An honorable mention goes to a third technique, scarcely used in motion design (mainly because After Effects doesn\u2019t support it <a href=\"https:\/\/helpx.adobe.com\/uk\/after-effects\/using\/whats-new\/2024.html#new-scripting-hooks\" target=\"_blank\" rel=\"noreferrer noopener\">without additional scripts<\/a>): the use of <a href=\"https:\/\/elements.envato.com\/fonts\/variable\">variable fonts<\/a>.<\/p>\n\n\n\n<p>These unique fonts can be configured with weights, italics, and variations.&nbsp;You can use variable fonts with design applications like Photoshop and Illustrator. In programs like Figma or the <a href=\"https:\/\/elements.envato.com\/learn\/cavalry-motion-graphics\">Cavalry app<\/a>, it\u2019s possible to keyframe between a narrow font version and an extended version, often giving an unexpectedly interesting effect.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-tiktok wp-block-embed-tiktok\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"tiktok-embed\" cite=\"https:\/\/www.tiktok.com\/@zander_whitehurst\/video\/7163276122140970242\" data-video-id=\"7163276122140970242\" data-embed-from=\"oembed\" style=\"max-width:605px; min-width:325px;\"> <section> <a target=\"_blank\" title=\"@zander_whitehurst\" href=\"https:\/\/www.tiktok.com\/@zander_whitehurst?refer=embed\" rel=\"noopener\">@zander_whitehurst<\/a> <p>\ud83d\udd24 Animating stretchy text in Figma, supafast! <a title=\"ui\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/ui?refer=embed\" rel=\"noopener\">#ui<\/a> <a title=\"ux\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/ux?refer=embed\" rel=\"noopener\">#ux<\/a> <a title=\"learnfromme\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/learnfromme?refer=embed\" rel=\"noopener\">#learnfromme<\/a> <a title=\"tutorial\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/tutorial?refer=embed\" rel=\"noopener\">#tutorial<\/a> <a title=\"typography\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/typography?refer=embed\" rel=\"noopener\">#typography<\/a> <\/p> <a target=\"_blank\" title=\"\u266c original sound - Zander Whitehurst \u2022 UX\/UI\" href=\"https:\/\/www.tiktok.com\/music\/original-sound-7163276185378523906?refer=embed\" rel=\"noopener\">\u266c original sound &#8211; Zander Whitehurst \u2022 UX\/UI<\/a> <\/section> <\/blockquote> <script async src=\"https:\/\/www.tiktok.com\/embed.js\"><\/script>\n<\/div><\/figure>\n\n\n\n<p>If you ask a graphic design purist, this is probably the best method, but it\u2019s a little limited in overall visual stretchiness.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-tiktok wp-block-embed-tiktok\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"tiktok-embed\" cite=\"https:\/\/www.tiktok.com\/@barnardco\/video\/7474873731257568534\" data-video-id=\"7474873731257568534\" data-embed-from=\"oembed\" style=\"max-width:605px; min-width:325px;\"> <section> <a target=\"_blank\" title=\"@barnardco\" href=\"https:\/\/www.tiktok.com\/@barnardco?refer=embed\" rel=\"noopener\">@barnardco<\/a> <p>\ud83e\udd14What\u2019s your favourite variable typeface? Whenever you select a variable font in Adobe Illustrator, you may have noticed this little icon appear in between the \u2018Character\u2019 and \u2018Paragraph\u2019 options in the toolbar. Just give it a click and play with the sliders!  <a title=\"illustrator\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/illustrator?refer=embed\" rel=\"noopener\">#illustrator<\/a> <a title=\"illustratortips\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/illustratortips?refer=embed\" rel=\"noopener\">#illustratortips<\/a> <a title=\"variablefonts\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/variablefonts?refer=embed\" rel=\"noopener\">#variablefonts<\/a> <a title=\"designtok\" target=\"_blank\" href=\"https:\/\/www.tiktok.com\/tag\/designtok?refer=embed\" rel=\"noopener\">#designtok<\/a> <\/p> <a target=\"_blank\" title=\"\u266c Tarzan Boy by Baltimora - nostalgica\" href=\"https:\/\/www.tiktok.com\/music\/Tarzan-Boy-by-Baltimora-7242516558404094726?refer=embed\" rel=\"noopener\">\u266c Tarzan Boy by Baltimora &#8211; nostalgica<\/a> <\/section> <\/blockquote> <script async src=\"https:\/\/www.tiktok.com\/embed.js\"><\/script>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to stretch text in After Effects<\/h2>\n\n\n\n<p>There is also an After Effects plugin called <a href=\"https:\/\/aescripts.com\/stretch-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">Stretch-it<\/a>. It has some useful abilities, but be careful where you place your stretch points. Even in the promo for the effect, there&#8217;s some distortion of characters, which your art director will likely reject.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Stretch-it 2 Promo\" src=\"https:\/\/player.vimeo.com\/video\/282412427?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How <em>not<\/em> to stretch text<\/h2>\n\n\n\n<p>While these techniques all sound very freeing and fun, we&#8217;re not endorsing designers to go stretching fonts with wild abandon without understanding why it can be seen as a faux pas.&nbsp;You must understand typographical rules before you break them. This video will help:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Typography: Anatomy of a Letter\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/NrBF-ebM4uE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Quality type is painstakingly designed to feel right and balanced. Letters are weird things when you look at them for long enough, with their loops, arms, serifs, and counters. Typographers weigh up the width and weight of every element to enable us to read text without even thinking about the letters. And here we are, stretching out E&#8217;s and F\u2019s, or lord forbid, R\u2019s? It\u2019s actual pandemonium.<\/p>\n\n\n\n<p>As designers, we must tread a fine line between preservation and destruction when stretching text.&nbsp; Can we preserve the weight of an ascender while stretching an arm? Can we keep the line width of an O while stretching it to the length of an outdoor billboard? Should we do these things? As with most things \u201cdesign\u201d, it depends on the job.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Will you jump on the stretched text trend?<\/h2>\n\n\n\n<p>Feeling inspired? Dive into the stretchy text <a href=\"https:\/\/elements.envato.com\/learn\/motion-design-trends\">motion design trend<\/a> with our recent tutorial on <a href=\"https:\/\/photography.tutsplus.com\/tutorials\/stretchy-text-after-effects--cms-109146\" target=\"_blank\" rel=\"noopener\">stretchy text in After Effects<\/a> and our more in-depth free course on YouTube: <a href=\"https:\/\/www.youtube.com\/watch?v=lzQwR5Gaz1A\" target=\"_blank\" rel=\"noopener\">Kinetic Typography in After Effects<\/a>.<\/p>\n\n\n\n<p>You can also check out our dedicated <a href=\"https:\/\/elements.envato.com\/learn\/fast-typography-templates\">kinetic typography<\/a> article to learn more.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Animate Text in After Effects | Kinetic Typography\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/lzQwR5Gaz1A?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Why is stretched text so popular in motion design?<\/p>\n","protected":false},"author":278,"featured_media":91230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[244,149,142],"tags":[],"class_list":["post-74614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cavalry","category-motion-design","category-video-filmmaking"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/74614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/278"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=74614"}],"version-history":[{"count":0,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/74614\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/91230"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=74614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=74614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=74614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}