{"id":2653,"date":"2024-01-02T09:57:36","date_gmt":"2024-01-02T09:57:36","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/retro-wavy-stacked-text\/"},"modified":"2026-02-08T16:06:30","modified_gmt":"2026-02-08T16:06:30","slug":"retro-wavy-stacked-text","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/retro-wavy-stacked-text\/","title":{"rendered":"Generate retro wavy stacked text: A how-to guide"},"content":{"rendered":"\n<p>If you&#8217;re a fan of the <strong>retro wavy stacked text<\/strong> effect, you&#8217;ve probably seen the popular method of stacking multiple copies of the same text on top of each other. <\/p>\n\n\n\n<p>This technique gives a fun and groovy vibe to your designs, reminiscent of retro styles. This article will walk you through the easy steps to create stacked wavy text to elevate your designs.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id2653_2db649-70 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id2653_2db649-70 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id2653_2db649-70 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id2653_2db649-70 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\"><strong>How to easily generate retro wavy stacked text effects<\/strong><\/h2>\n\n\n\n<p>Kittl provides an intuitive tool that does the hard work for you. With its <strong>wavy text generator<\/strong>, you can create wavy text in just a few clicks. <\/p>\n\n\n\n<p>This automatic wavy text generator helps keep curves smooth and uniform. The tool allows for precise control of how you want the waves to flow, offering a more professional and polished look compared to manually creating a wavy text effect.<\/p>\n\n\n\n<p>But it&#8217;s flexible as well, meaning you&#8217;re still able to adjust the wave intensity and make the <strong>wavy font<\/strong> as bold or subtle as you like. So you&#8217;ll always end up with a unique result customized to your preferances.<\/p>\n\n\n\n<p>Kittl allows you to accomplish this in just a few steps that we&#8217;ve broken down below.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why stacked retro wavy text?<\/strong><\/h2>\n\n\n\n<p>The <strong>retro wavy text generator<\/strong> in Kittl allows you to create that groovy, psychedelic style thats making a big comeback in design trends. <\/p>\n\n\n\n<p>You can mix this effect with other elements to create bold, stand-out graphics perfect for posters, social media, and even branding.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why use Kittl for your wavy text designs?<\/strong><\/h2>\n\n\n\n<p>Kittl is a user-friendly design platform that makes it super simple to create stunning graphics. Whether you\u2019re a beginner or a seasoned designer, Kittl offers a seamless experience with plenty of tools that give you professional results. <\/p>\n\n\n\n<p>One of the innovative features is its easy-to-use text effects. Kittl&#8217;s text effects enable you to transform basic text into eye-catching, professional quality designs. And the best part? It only takes a few clicks.<\/p>\n\n\n\n<p>The <strong>retro wavy text generator<\/strong> in Kittl allows you to create that groovy, psychedelic style thats making a big comeback in design trends. You can mix this effect with other elements to create bold, stand-out graphics perfect for posters, social media, and even branding.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to make wavy text in Kittl: The step-by-step process<\/strong><\/h2>\n\n\n\n<p>If youre new to Kittl and want to create a retr<strong>o wavy te<\/strong>xt effect, follow this detailed guide to get started. Well break down each step using insights from the video tutorial and explain how to maximize Kittls features to achieve a smooth and profess<strong>ional wav<\/strong>y font design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Getting started<\/strong><\/h2>\n\n\n\n<p>To get started creating your <strong>wavy text<\/strong> design, head over to Kittl and create a new project. Don&#8217;t have an account yet? No problem &#8211; you can quickly <a href=\"https:\/\/www.kittl.com\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">create an account for free<\/a>!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Choose your font<\/strong><\/h3>\n\n\n\n<p>Start by selecting a font style that works well with the <strong>wavy text<\/strong> effect. Kittl offers a range of <strong>wavy text fonts<\/strong>, including some that give off a retro vibe. <\/p>\n\n\n\n<p>We suggest choosing a font with thicker lettering. This will create a more visually striking and readable design once you stack the text and apply the wavy effect.<\/p>\n\n\n\n<p>Browse our list of <a href=\"https:\/\/www.kittl.com\/blogs\/retro-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">retro fonts<\/a> that you can use for this retro wavy text project with styles spanning from the &#8217;50s to the &#8217;90s.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Type your desired phrase or word<\/strong><\/h3>\n\n\n\n<p>Once you have your canvas ready, locate the text tool on the left-hand side of the interface. Clicking this will bring up a text box where you can type your desired phrase or word. <\/p>\n\n\n\n<p>Whether you\u2019re going for something short like \u201cGroovy\u201d or a longer phrase, Kittl handles text with precision, making it easy to manipulate.<\/p>\n\n\n\n<p>Here\u2019s a pro tip from Drew in his video tutorial: The shorter the word or phrase, the more prominent the wave effect will be. This is especially useful if you\u2019re looking to create bold, impactful designs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9jRoQrfVKlzY1_Artboard3.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 1\"\/><figcaption class=\"wp-element-caption\">Type your desired phrase or word into your canvas<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Choose a retro font from Kittl&#8217;s extensive font libra<\/strong>ry<\/h3>\n\n\n\n<p>Next, its time <a href=\"https:\/\/kittl.com\/blogs\/retro-fonts\/\" data-type=\"post\" data-id=\"2597\" target=\"_blank\" rel=\"noopener\">to choose a font<\/a> that complements <strong>the wavy text effect<\/strong>. Kittl offers an extensive library of fonts, including many that lend themselves well to retro and <strong>groovy font styles<\/strong>. You can browse through different font categories such as retro, bold, and serif to find one that suits your design.<\/p>\n\n\n\n<p>You&#8217;ll see we opted for a bold, retro-inspired font that amplifies the effect. Choosing a font with thicker lines and distinct characteristics will make the <strong>wavy text<\/strong> effect more visible and striking.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9ixoQrfVKlzYx_Artboard2.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 2\"\/><figcaption class=\"wp-element-caption\">Choose a retro font from Kittl&#8217;s extensive font library<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Apply the wave effect using Kittl&#8217;s built-in too<\/strong>ls<\/h3>\n\n\n\n<p>This is where the magic happens! After choosing your font, it\u2019s time to apply the wave effect. In Kittl, this is incredibly easy to do:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the text you want to edit.<\/li>\n\n\n\n<li>On the right-hand panel, look for the <strong>transformation<\/strong> options, which include features like arch, distort, and <strong>wave<\/strong>.<\/li>\n\n\n\n<li>Click on the <strong>flag effect<\/strong>, and immediately youll see your text take on a flowing, undulating shape.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9jBoQrfVKlzYz_Artboard3-1-.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 3\"\/><figcaption class=\"wp-element-caption\">Apply the wave effect, choose wave from all the transformation effects available in the editor<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Adjust the wave intensity and spacing to achieve the desired look<\/strong><\/h3>\n\n\n\n<p>Once the initial wave is applied, it\u2019s time to fine-tune your design. You can control how dramatic or subtle the waves are by sliding the intensity bar left or right. Adjust the wave intensity to match the overall aesthetic of your project.<\/p>\n\n\n\n<p>You also have control over the letter spacing. Spacing out the letters can create a more exaggerated wave, while tightening the spacing results in a subtler effect.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9jhoQrfVKlzY3_Artboard4.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 4\"\/><figcaption class=\"wp-element-caption\">Adjust the wave intensity and spacing from the bottom right-hand side menu<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Duplicate your text<\/strong><\/h3>\n\n\n\n<p>Once you&#8217;re happy with your initial text, duplicate it, then drag and drop each copy into alignment. Repeat for as many layers as you want in your finished design. We&#8217;ve added five text block layers.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9jxoQrfVKlzY5_Artboard5.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 5\"\/><figcaption class=\"wp-element-caption\">Duplicate your text a few times<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Experiment with colors to make your wavy text stand out<\/strong><\/h3>\n\n\n\n<p>To make your <strong>wavy text<\/strong> truly pop, Kittl allows you to easily adjust the color of each text block. Here are some quick tips:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Colors<\/strong>: Choose bold, contrasting colors to enhance the retro look. Kittl allows you to easily change the text color, background, and even apply gradient effects for added depth.<\/li>\n\n\n\n<li><strong>Shadows<\/strong>: Adding a drop shadow to your <strong>wavy text<\/strong> can create a three-dimensional effect, giving the illusion that your text is floating or popping off the page. Kittls text shading feature tool allows you to control the direction, opacity, and blur intensity of the shadow.<\/li>\n<\/ol>\n\n\n\n<p>If you want to give your <strong>retro wavy text<\/strong> a bit of a vintage feel, Kittl has texture overlays that can add a distressed, old-school look to your design. You can also play around with borders and opacity settings to further enhance your project.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9kBoQrfVKlzY7_Artboard6.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 6\"\/><figcaption class=\"wp-element-caption\">Experiment with colors to make your wavy text stand out<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">8. Add the decoration effect<\/h3>\n\n\n\n<p>Now is when you want to add the color cut effect &#8211; this will split your text into two different colors, top and bottom. Here&#8217;s what you&#8217;ll do:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to decoration effects, and select the color cut effect.<\/li>\n\n\n\n<li>When applied, the color of the top half of your text should change to grey by default. You&#8217;ll adjust this in the next step.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9kRoQrfVKlzY9_Artboard7.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 7\"\/><figcaption class=\"wp-element-caption\">Add the decoration effect<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">9. Adjust the settings and colors<\/h3>\n\n\n\n<p>As mentioned above, you&#8217;ll notice the top half of your text turns grey when you apply the color cut feature. Here&#8217;s what you&#8217;ll want to do next:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Set the default grey to your preferred color, and change your original text to 0% opacity. At this point, you should only be able to see the effect color that&#8217;s applied to the top half of your text block.<\/li>\n\n\n\n<li>You can use the &#8220;distance&#8221; slider to adjust the &#8220;cut&#8221; placement, allowing you to control how much of the bottom half of your text is cut off &#8211; choose as much or as little as you like.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Zts9khoQrfVKlzY__Artboard8.png?auto=format,compress\" alt=\"Generate stacked wavy text - step 9\"\/><figcaption class=\"wp-element-caption\">Adjust the settings and colors<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">10. Repeat steps 8 and 9<\/h3>\n\n\n\n<p>To achieve the stacked text design look, you&#8217;ll need to repeat steps 7 and 8 to the rest of your text blocks (excluding the text at the bottom &#8211; keep this one whole as it&#8217;s the front focal point of the design).<\/p>\n\n\n\n<p>Once you&#8217;ve applied the color cut effect to word, you can easily adjust the placement of each. You want to ensure that they all line up cleanly. The flag effect you applied is helpful here, as it set the wave pattern of each to the same standard.<\/p>\n\n\n\n<p>This will bring you to the final look as seen below!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.prismic.io\/kittlblog\/Ztwx8BoQrfVKlz4e_Stackedwavyretrotexteffect.png?auto=format,compress\" alt=\"Stacked wavy retro text effect\"\/><figcaption class=\"wp-element-caption\">Repeat steps 8 and 9<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wavy text generation: Key takeaway<\/strong><\/h2>\n\n\n\n<p>Whether you&#8217;re designing a poster, a logo, or social media content, mastering the <strong>wavy text<\/strong> effect is a must for any designer.<\/p>\n\n\n\n<p>And while many people still rely on stacking text layers, <strong>Kittl&#8217;s wavy text generator <\/strong>provides an easier, faster, and more flexible way to create professional designs. So, give it a try, experiment with <strong>wavy fonts<\/strong>, and bring some retro vibes to your next project!<\/p>\n\n\n\n<p>If you&#8217;re interested in learning more, <a href=\"https:\/\/youtu.be\/TMUUsc6bTHo\" target=\"_blank\" rel=\"noopener\">watch the tutorial here<\/a> and see just how easy it is to get started.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Easily Make Retro Wavy Stacked Text Effects For Merch\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/TMUUsc6bTHo?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><\/p>\n\n\n\n<p>Now that you know how to create <strong>wavy text<\/strong>, get creative and bring your designs to life with this cool, nostalgic effect!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.kittl.com\/\">Get started with Kittl \u2192<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re a fan of the retro wavy stacked text effect, you&#8217;ve probably seen the popular method of stacking multiple copies of the same text on top of each other. This technique gives a fun and groovy vibe to your designs, reminiscent of retro styles. This article will walk you through the easy steps to&#8230;<\/p>\n","protected":false},"author":11,"featured_media":8618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[32],"tags":[621,463,620],"class_list":["post-2653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-editors-picks","tag-fonts-typography","tag-recommended"],"taxonomy_info":{"category":[{"value":32,"label":"Tutorials"}],"post_tag":[{"value":621,"label":"Editor's Picks"},{"value":463,"label":"Fonts &amp; Typography"},{"value":620,"label":"Recommended"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2024\/04\/wavytextkittl.jpeg",332,152,false],"author_info":{"display_name":"Marie Sylvester","author_link":"https:\/\/www.kittl.com\/blogs\/author\/mariesylvester\/"},"comment_info":0,"category_info":[{"term_id":32,"name":"Tutorials","slug":"tutorials","term_group":0,"term_taxonomy_id":32,"taxonomy":"category","description":"Learn how to make the most of Kittl with easy-to-follow tutorials. Get step-by-step guides, tips, and creative techniques for AI graphic design. Whether you\u2019re a beginner or a pro, discover new ways to bring your ideas to life.","parent":0,"count":66,"filter":"raw","cat_ID":32,"category_count":66,"category_description":"Learn how to make the most of Kittl with easy-to-follow tutorials. Get step-by-step guides, tips, and creative techniques for AI graphic design. Whether you\u2019re a beginner or a pro, discover new ways to bring your ideas to life.","cat_name":"Tutorials","category_nicename":"tutorials","category_parent":0}],"tag_info":[{"term_id":621,"name":"Editor's Picks","slug":"editors-picks","term_group":0,"term_taxonomy_id":621,"taxonomy":"post_tag","description":"The best place to start. Our curated lists.","parent":0,"count":182,"filter":"raw"},{"term_id":463,"name":"Fonts &amp; Typography","slug":"fonts-typography","term_group":0,"term_taxonomy_id":463,"taxonomy":"post_tag","description":"Discover Kittl's font-focused content including type recommendations, usage tips, content focused on type design, font pairing, layout principles, and how to elevate your designs with powerful typography choices.","parent":0,"count":30,"filter":"raw"},{"term_id":620,"name":"Recommended","slug":"recommended","term_group":0,"term_taxonomy_id":620,"taxonomy":"post_tag","description":"","parent":0,"count":183,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/2653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=2653"}],"version-history":[{"count":17,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/2653\/revisions"}],"predecessor-version":[{"id":14861,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/2653\/revisions\/14861"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/8618"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=2653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=2653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=2653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}