{"id":19247,"date":"2026-04-21T09:01:04","date_gmt":"2026-04-21T09:01:04","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/?p=19247"},"modified":"2026-04-21T09:01:05","modified_gmt":"2026-04-21T09:01:05","slug":"how-to-create-a-clipping-mask-in-kittl-with-custom-shapes-bgt","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/how-to-create-a-clipping-mask-in-kittl-with-custom-shapes-bgt\/","title":{"rendered":"How to create a clipping mask in Kittl with custom shapes"},"content":{"rendered":"\n<p><strong>If you\u2019re trying to make your designs look more polished without building everything from scratch, learning how to create a clipping mask in Kittl can help you get there much faster.<\/strong>&nbsp;<\/p>\n\n\n\n<p>If you\u2019ve only used basic cropping before, a custom shape clipping mask gives you much more control over the final composition. It\u2019s a simple technique that can make posters, merch, brand graphics, and social visuals feel more custom and eye-catching with just a few thoughtful design moves.&nbsp;<\/p>\n\n\n\n<p>In our guide, you\u2019ll learn how to use Kittl\u2019s custom shape tools to create standout effects, speed up your workflow, and turn basic layouts into designs that feel more intentional.<\/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:\/\/app.kittl.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Give your shapes something to say<\/strong><\/a><\/div>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id19247_31aef0-db .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-id19247_31aef0-db .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-id19247_31aef0-db .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id19247_31aef0-db .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\">What is a clipping mask?<\/h2>\n\n\n\n<p>A clipping mask is a design technique where <strong>one object acts as the visible shape, and any image, texture, or artwork placed inside it only shows within that shape\u2019s boundaries. <\/strong>Instead of displaying the full content, the mask controls what parts stay visible, making it easy to create creative layouts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why do designers use clipping masks?<\/h2>\n\n\n\n<p>Designers use clipping masks because they make it easier to create visuals that feel custom and visually engaging without adding a complicated workflow.&nbsp;<\/p>\n\n\n\n<p><strong>1. Textured text<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-1-1.webp\" alt=\"\" class=\"wp-image-19249\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-1-1.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-1-1-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-1-1-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Clipping masks are a simple way to create more expressive text effects by <strong>filling lettering with textures, photos, or patterns<\/strong> instead of a flat color. For example, a vintage poster title can feel much richer when a worn paper texture or floral image is clipped inside the text, giving the typography more depth and personality.<\/p>\n\n\n\n<p><strong>2. Bold photo crops<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"576\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-2.webp\" alt=\"\" class=\"wp-image-19250\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-2.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-2-300x192.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-2-768x492.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Instead of placing a photo inside a basic rectangle, you can use a <strong>custom shape<\/strong> as the mask container to create a more striking crop. A portrait placed inside a circle, badge, or hand-drawn shape can create a stronger focal point and give a poster or social graphic a more dynamic composition.<\/p>\n\n\n\n<p><strong>3. Custom frames<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-3.webp\" alt=\"\" class=\"wp-image-19251\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-3.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-3-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-3-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>A vector shape can also be used to create shape-based framing for product photos, artwork, or illustrations. For example, placing an image inside an organic shape or uploaded SVG frame can make a brand asset feel more styled and intentional than a standard image box.<\/p>\n\n\n\n<p><strong>4. Original-looking layouts<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-4.webp\" alt=\"\" class=\"wp-image-19252\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-4.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-4-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-4-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Clipping masks help you move beyond standard image placement and build more original, layered visuals that feel less template-driven. Using custom shapes from the <strong>Pen tool<\/strong> or an uploaded SVG can add more personality to poster-style layouts, merch graphics, and brand visuals where a custom look matters.<\/p>\n\n\n\n<p><strong>5. Faster design polish without advanced software<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-5.webp\" alt=\"\" class=\"wp-image-19253\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-5.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-5-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-5-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>One of the biggest advantages is speed. By selecting <strong>Use as mask<\/strong>, you can quickly place visuals inside a shape and refine the composition without building complex effects from scratch in advanced design software.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to create a clipping mask in Kittl in 5 steps<\/h2>\n\n\n\n<p>Creating a <strong>clipping mask in Kittl<\/strong> is straightforward once you know the order. For beginners, the easiest one is to build the <strong>mask container<\/strong> first, then add your content inside it.<\/p>\n\n\n\n<p><strong>1. Choose or draw a vector shape<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-6.webp\" alt=\"\" class=\"wp-image-19254\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-6.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-6-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-6-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Start with the shape you want to use as the visible boundary of the mask. In Kittl, that needs to be a <strong>single-layer vector shape<\/strong>, which can come from the mask preset library, an <strong>uploaded SVG<\/strong>, or a custom shape you draw with the <strong>Pen tool<\/strong>.&nbsp;<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_2f8411-86 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_2f8411-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_2f8411-86 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_2f8411-86 .kt-info-svg-icon-flip, .kt-info-box19247_2f8411-86 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_2f8411-86 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_2f8411-86 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_2f8411-86 .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_2f8411-86 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_2f8411-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_2f8411-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_2f8411-86\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>Pro tip<\/strong><\/span><p class=\"kt-blocks-info-box-text\">If your shape is made of multiple parts, flatten it first so Kittl can recognize it as one usable mask shape.<\/p><\/div><\/span><\/div>\n\n\n\n<p>2. <strong>Right-click and select Use as mask<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-7.webp\" alt=\"\" class=\"wp-image-19255\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-7.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-7-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-7-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Once your shape is selected, right-click and choose <strong>Use as mask<\/strong>. You can also use the shortcut <strong>Cmd\/Ctrl + Shift + M<\/strong>. The selected shape becomes the mask and is ready to hold your image or texture.<\/p>\n\n\n\n<p><strong>3. Drop in your image, texture, or illustration<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"579\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-8.webp\" alt=\"\" class=\"wp-image-19256\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-8.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-8-300x193.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-8-768x494.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Next, place your content into the custom shape clipping mask. This can be an image, a texture, or an illustration, depending on the look you want. The same workflow can create everything from textured text effects to bold photo crops and more custom-looking brand visuals.<\/p>\n\n\n\n<p><strong>4. Reposition and resize the content<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-9.webp\" alt=\"\" class=\"wp-image-19257\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-9.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-9-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-9-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>After the content is inside the custom shape clipping mask, double-click the mask group to enter edit mode. From there, you can move, resize, rotate, or restyle the content until the crop feels right. Once something is added to the mask, normal drag-and-drop is disabled to prevent accidental edits, so double-clicking is the key step beginners often miss.<\/p>\n\n\n\n<p><strong>5. Refine the final composition<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-10.webp\" alt=\"\" class=\"wp-image-19258\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-10.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-10-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-10-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Once the basic custom shape clipping mask is working, refine the overall composition. Adjust the scale, framing, and focal point so the result feels intentional rather than crowded. If you want to edit the shape itself, double-click the mask path to enter vector edit mode and adjust the points and curves.&nbsp;<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_904dd5-bd .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_904dd5-bd .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_904dd5-bd .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_904dd5-bd .kt-info-svg-icon-flip, .kt-info-box19247_904dd5-bd .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_904dd5-bd .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_904dd5-bd .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_904dd5-bd .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_904dd5-bd .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_904dd5-bd .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_904dd5-bd .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_904dd5-bd\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>A simple way to think about it<\/strong><\/span><p class=\"kt-blocks-info-box-text\">First, create the shape, then turn it into a mask, then place the content, and finally refine the crop until the composition feels clean and purposeful.<\/p><\/div><\/span><\/div>\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:\/\/app.kittl.com\" target=\"_blank\" rel=\"noreferrer noopener\">Put your image in its place<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5 creative ways to use clipping masks<\/h2>\n\n\n\n<p>Clipping masks are at their best when they do more than hide part of an image. They can turn a simple layout into something with stronger hierarchy, better focal points, and a more custom feel. Here are five creative ways to use a <strong>clipping mask in Kittl<\/strong> that feel practical, visual, and worth trying in real projects.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Image inside text<\/h3>\n\n\n<style>.kb-row-layout-id19247_fd54d5-d8 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_fd54d5-d8 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_fd54d5-d8 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id19247_fd54d5-d8 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_fd54d5-d8 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19247_fd54d5-d8 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_fd54d5-d8 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column19247_b08134-56 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_b08134-56 > .kt-inside-inner-col,.kadence-column19247_b08134-56 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_b08134-56 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_b08134-56 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_b08134-56 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_b08134-56 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_b08134-56{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_b08134-56 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_b08134-56 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_b08134-56 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_b6159f-41 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_b6159f-41 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_b6159f-41 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_b6159f-41 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_b6159f-41 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_b6159f-41 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_b6159f-41 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col,.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_cf5b2a-cb{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_cf5b2a-cb > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_cf5b2a-cb kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.kittl.com\/design\/Serene-Letter-Mask-Social-gkDJot8A\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/cll4zvs133yvl1yv01ln61g7g.webp\" alt=\"\" class=\"wp-image-19259\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/cll4zvs133yvl1yv01ln61g7g.webp 1024w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/cll4zvs133yvl1yv01ln61g7g-300x300.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/cll4zvs133yvl1yv01ln61g7g-150x150.webp 150w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/cll4zvs133yvl1yv01ln61g7g-768x768.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Serene Letter Mask template. <a href=\"https:\/\/www.kittl.com\/design\/Serene-Letter-Mask-Social-gkDJot8A\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column19247_be68cc-03 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_be68cc-03 > .kt-inside-inner-col,.kadence-column19247_be68cc-03 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_be68cc-03 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_be68cc-03 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_be68cc-03 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_be68cc-03 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_be68cc-03{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_be68cc-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_be68cc-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_be68cc-03 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_42c977-5d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_42c977-5d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_42c977-5d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_42c977-5d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_42c977-5d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_42c977-5d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_42c977-5d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_4aa222-8d > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_4aa222-8d > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_4aa222-8d > .kt-inside-inner-col,.kadence-column19247_4aa222-8d > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_4aa222-8d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_4aa222-8d > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_4aa222-8d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_4aa222-8d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_4aa222-8d{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_4aa222-8d > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_4aa222-8d > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_4aa222-8d kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Summer-Tour-Travel-Typography-Business-Promotion-UfmAFiFL\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/97c25667-2c02-46f9-8dd9-3b8e1327be82_1764838199647-819x1024.webp\" alt=\"\" class=\"wp-image-19260\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/97c25667-2c02-46f9-8dd9-3b8e1327be82_1764838199647-819x1024.webp 819w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/97c25667-2c02-46f9-8dd9-3b8e1327be82_1764838199647-240x300.webp 240w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/97c25667-2c02-46f9-8dd9-3b8e1327be82_1764838199647-768x960.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/97c25667-2c02-46f9-8dd9-3b8e1327be82_1764838199647.webp 916w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Summer Tour Travel Typography Business Promotion. <a href=\"https:\/\/www.kittl.com\/design\/Summer-Tour-Travel-Typography-Business-Promotion-UfmAFiFL\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Few clipping-mask effects grab attention faster than an image inside text. because it lets the headline carry both the message and the imagery at the same time. Instead of placing a photo beside the words, you can let the image live inside the letterforms so the type becomes the focal point of the layout.&nbsp;<\/p>\n\n\n\n<p>In the <strong>\u201cSummer Tour Travel Typography Business Promotion\u201d<\/strong> example, the beach photo is clipped directly into the oversized text, which helps the headline communicate the destination, mood, and theme in one move.&nbsp;<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_42dbd0-12 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_42dbd0-12 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_42dbd0-12 .kt-info-svg-icon-flip, .kt-info-box19247_42dbd0-12 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_42dbd0-12 .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_42dbd0-12 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_42dbd0-12\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>Tip<\/strong><\/span><p class=\"kt-blocks-info-box-text\">To create this kind of effect, use a large bold font (you can find each letter in the <strong>Illustration <\/strong>menu), place the image above the text, then apply a clipping mask so the photo only appears inside the letterforms.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Textured typography<\/h3>\n\n\n<style>.kb-row-layout-id19247_d6de03-50 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_d6de03-50 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_d6de03-50 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id19247_d6de03-50 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_d6de03-50 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19247_d6de03-50 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_d6de03-50 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column19247_190bfe-59 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_190bfe-59 > .kt-inside-inner-col,.kadence-column19247_190bfe-59 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_190bfe-59 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_190bfe-59 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_190bfe-59 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_190bfe-59 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_190bfe-59{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_190bfe-59 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_190bfe-59 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_190bfe-59 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_722f13-05 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_722f13-05 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_722f13-05 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_722f13-05 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_722f13-05 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_722f13-05 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_722f13-05 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col,.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_99d0ba-c4{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_99d0ba-c4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_99d0ba-c4 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.kittl.com\/design\/Silence-Mixtape-Cover-WXNgU6ne\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/4f5aad1a-5474-43a4-8c95-968f4341d82e_1764780050638.webp\" alt=\"\" class=\"wp-image-19261\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/4f5aad1a-5474-43a4-8c95-968f4341d82e_1764780050638.webp 1024w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/4f5aad1a-5474-43a4-8c95-968f4341d82e_1764780050638-300x300.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/4f5aad1a-5474-43a4-8c95-968f4341d82e_1764780050638-150x150.webp 150w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/4f5aad1a-5474-43a4-8c95-968f4341d82e_1764780050638-768x768.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Silence Mixtape Cover template. <a href=\"https:\/\/www.kittl.com\/design\/Silence-Mixtape-Cover-WXNgU6ne\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column19247_42586a-93 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_42586a-93 > .kt-inside-inner-col,.kadence-column19247_42586a-93 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_42586a-93 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_42586a-93 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_42586a-93 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_42586a-93 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_42586a-93{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_42586a-93 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_42586a-93 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_42586a-93 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_5ccdb6-21 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_5ccdb6-21 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_5ccdb6-21 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_5ccdb6-21 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_5ccdb6-21 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_5ccdb6-21 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_5ccdb6-21 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col,.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_bc8fdc-7c{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_bc8fdc-7c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_bc8fdc-7c kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.kittl.com\/design\/Tactile-Text-Effects-Flow-hfl16Xwn\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/smartboard-10eb64ba-fc3c-4779-b677-bf3dc77e5957_1765321141943.webp\" alt=\"\" class=\"wp-image-19262\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/smartboard-10eb64ba-fc3c-4779-b677-bf3dc77e5957_1765321141943.webp 1024w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/smartboard-10eb64ba-fc3c-4779-b677-bf3dc77e5957_1765321141943-300x300.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/smartboard-10eb64ba-fc3c-4779-b677-bf3dc77e5957_1765321141943-150x150.webp 150w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/smartboard-10eb64ba-fc3c-4779-b677-bf3dc77e5957_1765321141943-768x768.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Tactile Text Effects Flow template. <a href=\"https:\/\/www.kittl.com\/design\/Tactile-Text-Effects-Flow-hfl16Xwn\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Textured typography works especially well when you want the type to feel embedded in the artwork instead of sitting on top of it as a separate layer. In the \u201c<strong>SILENCE<\/strong>\u201d design, the image is first clipped into the word just enough at the top of the letterforms to create a subtle bleed effect.&nbsp;<\/p>\n\n\n\n<p>The same image is then repeated on a layer above in the exact same position, allowing the portrait to break past the text while still feeling connected to it. A final \u201c<strong>SILENCE<\/strong>\u201d layer with no fill and a yellow outline is placed on top to sharpen the letterforms and bring the whole composition together. For a similar layered approach, you can check out <a href=\"https:\/\/www.kittl.com\/blogs\/kittl-letter-mask-typ\/?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\">Kittl\u2019s letter mask guide<\/a>.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_2beca7-09 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_2beca7-09 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_2beca7-09 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_2beca7-09 .kt-info-svg-icon-flip, .kt-info-box19247_2beca7-09 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_2beca7-09 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_2beca7-09 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_2beca7-09 .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_2beca7-09 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_2beca7-09 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_2beca7-09 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_2beca7-09\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>Tip<\/strong><\/span><p class=\"kt-blocks-info-box-text\">For a faster workflow, you can generate your own text texture with <a href=\"https:\/\/www.kittl.com\/tools\/image-generator\">Kittl AI<\/a>. Then, drop the generated result straight into your layout. That lets you skip the clipping-mask setup entirely and move straight into styling. To learn more, read: <a href=\"https:\/\/www.kittl.com\/blogs\/how-to-create-custom-fonts-with-ai-ais\/?utm_source=chatgpt.com\">custom fonts with AI and Flows guide<\/a>, where the goal is to create custom assets quickly without starting from zero.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Custom poster crops<\/h3>\n\n\n<style>.kb-row-layout-id19247_fd718c-87 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_fd718c-87 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_fd718c-87 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id19247_fd718c-87 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_fd718c-87 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19247_fd718c-87 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_fd718c-87 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column19247_c88e41-c1 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_c88e41-c1 > .kt-inside-inner-col,.kadence-column19247_c88e41-c1 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_c88e41-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_c88e41-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_c88e41-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_c88e41-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_c88e41-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_c88e41-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_c88e41-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_c88e41-c1 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_65d954-18 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_65d954-18 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_65d954-18 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_65d954-18 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_65d954-18 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_65d954-18 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_65d954-18 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_c5d772-45 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_c5d772-45 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_c5d772-45 > .kt-inside-inner-col,.kadence-column19247_c5d772-45 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_c5d772-45 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_c5d772-45 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_c5d772-45 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_c5d772-45 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_c5d772-45{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_c5d772-45 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_c5d772-45 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_c5d772-45 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Typography-Clothing-Style-Ads-Psrq81ZW\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/6a27786f-3793-4b47-9546-3020973bb0bd_1764779858189-724x1024.webp\" alt=\"\" class=\"wp-image-19263\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/6a27786f-3793-4b47-9546-3020973bb0bd_1764779858189-724x1024.webp 724w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/6a27786f-3793-4b47-9546-3020973bb0bd_1764779858189-212x300.webp 212w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/6a27786f-3793-4b47-9546-3020973bb0bd_1764779858189-768x1086.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/6a27786f-3793-4b47-9546-3020973bb0bd_1764779858189.webp 861w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Typography Clothing Style Ads template.<br><a href=\"https:\/\/www.kittl.com\/design\/Typography-Clothing-Style-Ads-Psrq81ZW\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column19247_255e46-2f > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_255e46-2f > .kt-inside-inner-col,.kadence-column19247_255e46-2f > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_255e46-2f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_255e46-2f > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_255e46-2f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_255e46-2f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_255e46-2f{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_255e46-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_255e46-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_255e46-2f kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_219738-9f > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_219738-9f > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_219738-9f > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_219738-9f > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_219738-9f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_219738-9f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_219738-9f alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col,.kadence-column19247_b687ec-f1 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_b687ec-f1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_b687ec-f1{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_b687ec-f1 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_b687ec-f1 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Living-my-Best-Life-Vision-Board-Brand-Board-egRZBkmw\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/15ed8b63-8af5-4113-87a9-e8a9a500db4d_1764779284839-576x1024.webp\" alt=\"\" class=\"wp-image-19264\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/15ed8b63-8af5-4113-87a9-e8a9a500db4d_1764779284839-576x1024.webp 576w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/15ed8b63-8af5-4113-87a9-e8a9a500db4d_1764779284839-169x300.webp 169w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/15ed8b63-8af5-4113-87a9-e8a9a500db4d_1764779284839.webp 768w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Living My Best Life Vision Board. <a href=\"https:\/\/www.kittl.com\/design\/Living-my-Best-Life-Vision-Board-Brand-Board-egRZBkmw\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>Custom poster crops work best when the crop frame becomes part of the layout structure.In the phone-frame example, the phone acts as the <strong>mask container<\/strong>. The main image is clipped inside the screen area to create a controlled vertical crop. The subject is then duplicated as a separate cutout layer and stacked above the frame so it can break past the top edge, which adds depth and creates a stronger focal point.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Framed artwork for branding<\/h3>\n\n\n<style>.kb-row-layout-id19247_b6a1fb-4e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_b6a1fb-4e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_b6a1fb-4e > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id19247_b6a1fb-4e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_b6a1fb-4e > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19247_b6a1fb-4e > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_b6a1fb-4e alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column19247_dfabb6-9f > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_dfabb6-9f > .kt-inside-inner-col,.kadence-column19247_dfabb6-9f > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_dfabb6-9f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_dfabb6-9f > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_dfabb6-9f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_dfabb6-9f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_dfabb6-9f{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_dfabb6-9f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_dfabb6-9f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_dfabb6-9f kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_d79d55-cc > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_d79d55-cc > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_d79d55-cc > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_d79d55-cc > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_d79d55-cc > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_d79d55-cc > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_d79d55-cc alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col,.kadence-column19247_38e61a-b4 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_38e61a-b4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_38e61a-b4{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_38e61a-b4 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_38e61a-b4 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/High-Class-Edgy-Fashion-Ads-bWRtYGn5\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/52390a06-3244-46a2-9fa8-70994d49d047_1764779832287-683x1024.webp\" alt=\"\" class=\"wp-image-19265\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/52390a06-3244-46a2-9fa8-70994d49d047_1764779832287-683x1024.webp 683w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/52390a06-3244-46a2-9fa8-70994d49d047_1764779832287-200x300.webp 200w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/52390a06-3244-46a2-9fa8-70994d49d047_1764779832287-768x1152.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/52390a06-3244-46a2-9fa8-70994d49d047_1764779832287.webp 836w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">High Class Edgy Fashion Ads template. <a href=\"https:\/\/www.kittl.com\/design\/High-Class-Edgy-Fashion-Ads-bWRtYGn5\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column19247_ef754e-72 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_ef754e-72 > .kt-inside-inner-col,.kadence-column19247_ef754e-72 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_ef754e-72 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_ef754e-72 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_ef754e-72 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_ef754e-72 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_ef754e-72{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_ef754e-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_ef754e-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_ef754e-72 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_4d0da3-f6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_4d0da3-f6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_4d0da3-f6 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_4d0da3-f6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_4d0da3-f6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_4d0da3-f6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_4d0da3-f6 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_41eb08-53 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_41eb08-53 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_41eb08-53 > .kt-inside-inner-col,.kadence-column19247_41eb08-53 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_41eb08-53 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_41eb08-53 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_41eb08-53 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_41eb08-53 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_41eb08-53{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_41eb08-53 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_41eb08-53 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_41eb08-53 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/PunkGrunge-Magazine-Ad-ZhT7nZLt\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/01c41b2d-eb4d-430f-9198-339c55f70e5c_1764241539198-724x1024.webp\" alt=\"\" class=\"wp-image-19266\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/01c41b2d-eb4d-430f-9198-339c55f70e5c_1764241539198-724x1024.webp 724w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/01c41b2d-eb4d-430f-9198-339c55f70e5c_1764241539198-212x300.webp 212w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/01c41b2d-eb4d-430f-9198-339c55f70e5c_1764241539198-768x1086.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/01c41b2d-eb4d-430f-9198-339c55f70e5c_1764241539198.webp 861w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Punk\u2013Grunge Magazine Ad template. <a href=\"https:\/\/www.kittl.com\/design\/PunkGrunge-Magazine-Ad-ZhT7nZLt\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a>.<\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>In the <strong>UNMADE STUDIO<\/strong> example, the large angular shape behind the main cutout works as the frame. It anchors the subject, separates it from the background, and gives the layout a repeatable structure that can scale across brand assets. The secondary cutout, stacked display type, and vertical copy all lock into that frame to create a clearer <strong>visual hierarchy<\/strong> and a more consistent campaign look.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_899769-06 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_899769-06 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_899769-06 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_899769-06 .kt-info-svg-icon-flip, .kt-info-box19247_899769-06 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_899769-06 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_899769-06 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_899769-06 .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_899769-06 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_899769-06 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_899769-06 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_899769-06\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>Quick to do<\/strong><\/span><p class=\"kt-blocks-info-box-text\">Build or refine a geometric frame with <a href=\"https:\/\/www.kittl.com\/blogs\/advanced-vector-editing-design-tools\/?utm_source=chatgpt.com\">Kittl\u2019s advanced vector editing tools<\/a>, place it behind the subject, then stack your typography and supporting elements around that shape so the frame controls the composition instead of the photo doing all the work.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">5. T-shirt and merch graphics<\/h3>\n\n\n<style>.kb-row-layout-id19247_5607a1-90 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_5607a1-90 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_5607a1-90 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id19247_5607a1-90 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_5607a1-90 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id19247_5607a1-90 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_5607a1-90 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-equal kt-row-valign-top\">\n<style>.kadence-column19247_fca54b-53 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_fca54b-53 > .kt-inside-inner-col,.kadence-column19247_fca54b-53 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_fca54b-53 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_fca54b-53 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_fca54b-53 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_fca54b-53 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_fca54b-53{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_fca54b-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_fca54b-53 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_fca54b-53 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_f4989e-78 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_f4989e-78 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_f4989e-78 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_f4989e-78 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_f4989e-78 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_f4989e-78 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_f4989e-78 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_21eca3-73 > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_21eca3-73 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_21eca3-73 > .kt-inside-inner-col,.kadence-column19247_21eca3-73 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_21eca3-73 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_21eca3-73 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_21eca3-73 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_21eca3-73 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_21eca3-73{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_21eca3-73 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_21eca3-73 > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_21eca3-73 kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Flourish-T-Shirt-tMlspynH\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/b94dee9a-2133-4b89-9906-6873402a7b5d_1764779222242-819x1024.webp\" alt=\"\" class=\"wp-image-19267\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/b94dee9a-2133-4b89-9906-6873402a7b5d_1764779222242-819x1024.webp 819w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/b94dee9a-2133-4b89-9906-6873402a7b5d_1764779222242-240x300.webp 240w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/b94dee9a-2133-4b89-9906-6873402a7b5d_1764779222242-768x960.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/b94dee9a-2133-4b89-9906-6873402a7b5d_1764779222242.webp 916w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Flourish template. <a href=\"https:\/\/www.kittl.com\/design\/Flourish-T-Shirt-tMlspynH\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n\n<style>.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col,.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_5f8b6d-41{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_5f8b6d-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_5f8b6d-41 kittl-template-block\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id19247_ef8e10-77 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id19247_ef8e10-77 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id19247_ef8e10-77 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id19247_ef8e10-77 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id19247_ef8e10-77 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id19247_ef8e10-77 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id19247_ef8e10-77 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col,.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col:before{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{flex-direction:column;}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column19247_1f5ba7-2c{position:relative;}@media all and (max-width: 1024px){.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column19247_1f5ba7-2c > .kt-inside-inner-col{border-top:1px solid #e0e4eb;border-right:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb;border-left:1px solid #e0e4eb;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column19247_1f5ba7-2c kittl-template-block\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kittl.com\/design\/Gratitude-T-Shirt-ArVaDRhY\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/1a4245bf-d65c-43c2-a80c-da169a5199b1_1764779166546-853x1024.webp\" alt=\"\" class=\"wp-image-19268\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/1a4245bf-d65c-43c2-a80c-da169a5199b1_1764779166546-853x1024.webp 853w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/1a4245bf-d65c-43c2-a80c-da169a5199b1_1764779166546-250x300.webp 250w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/1a4245bf-d65c-43c2-a80c-da169a5199b1_1764779166546-768x922.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/1a4245bf-d65c-43c2-a80c-da169a5199b1_1764779166546.webp 935w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Gratitude template. <a href=\"https:\/\/www.kittl.com\/design\/Gratitude-T-Shirt-ArVaDRhY\" target=\"_blank\" rel=\"noreferrer noopener\">Use this template<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>For merch, clipping masks are a smart way to make graphics feel more layered without making them harder to produce. You can use them to build sunset-filled lettering, vintage texture inside a slogan, or a bold image treatment inside a badge or symbol.&nbsp;<\/p>\n\n\n\n<p>For creators, that means a more stylized merch graphic that still reads clearly on fabric. If you want to see where this can go visually, Kittl\u2019s <a href=\"https:\/\/www.kittl.com\/templates\/t-shirts\/typography?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\">typography t-shirt templates<\/a> are a strong reference point for bold type, balanced composition, and wearable graphic direction.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Clipping mask vs crop vs texture clipping<\/h2>\n\n\n\n<p><strong>When you\u2019re learning how to use a clipping mask in Kittl, it helps to understand where it fits alongside other tools like crop and texture clipping.<\/strong> They can seem similar at first, but each one changes a different part of the design \u2014 whether that\u2019s the shape, the frame, or the surface.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Tool<\/strong><\/td><td><strong>What it does<\/strong><\/td><td><strong>Best used for<\/strong><\/td><td><strong>What it does not do<\/strong><\/td><\/tr><tr><td>Clipping mask<\/td><td>Uses a <strong>single-layer vector shape<\/strong> as a <strong>mask <\/strong>to control what part of an image, texture, or illustration stays visible<\/td><td>Custom shapes, image inside text, shape-based framing, and more stylized custom image treatments<\/td><td>It is not the fastest option if you only need to trim an image into a simpler frame<\/td><\/tr><tr><td><a href=\"https:\/\/www.kittl.com\/help\/design\/image-cropping?utm_source=chatgpt.com\">Crop<\/a><\/td><td>Trims the visible edges of one image to improve <strong>framing<\/strong>, <strong>composition<\/strong>, <strong>aspect ratio<\/strong>, and <strong>focal point<\/strong> placement<\/td><td>Cleaning up image placement, tightening a layout, or adjusting an image to fit a format<\/td><td>It does not turn the image into a new shape or create masked text effects<\/td><\/tr><tr><td><a href=\"https:\/\/www.kittl.com\/help\/design\/texture-clipping?utm_source=chatgpt.com\">Texture clipping<\/a><\/td><td>Applies texture across the artboard content to change the <strong>surface<\/strong> and overall finish of the design<\/td><td><strong>Paper grain<\/strong>, <strong>grunge<\/strong>, <strong>paint<\/strong>, distressed effects, tactile <strong>typography treatments<\/strong>, and more atmospheric or vintage-looking graphics<\/td><td>It does not reshape the content like a clipping mask or reframe an image like a crop<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box19247_089efa-d1 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box19247_089efa-d1 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box19247_089efa-d1 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box19247_089efa-d1 .kt-info-svg-icon-flip, .kt-info-box19247_089efa-d1 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box19247_089efa-d1 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box19247_089efa-d1 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box19247_089efa-d1 .kt-infobox-textcontent span.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box19247_089efa-d1 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box19247_089efa-d1 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}@media all and (max-width: 767px){.kt-info-box19247_089efa-d1 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box19247_089efa-d1\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><span class=\"kt-blocks-info-box-title\"><strong>Quick summary<\/strong><\/span><p class=\"kt-blocks-info-box-text\">Crop changes the <strong>frame<\/strong>, clipping masks change the <strong>shape<\/strong>, and texture clipping changes the <strong>surface<\/strong>.<\/p><\/div><\/span><\/div>\n\n\n\n<p>For visual reference, you can also browse <a href=\"http:\/\/kittl.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">Kittl templates<\/a> or <a href=\"https:\/\/www.behance.net\/search\/projects\/text%20mask\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">masked typography projects on Behance<\/a> to see how these effects show up in posters, branding, and editorial layouts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Common mistakes and how to fix them<\/h2>\n\n\n\n<p>Most beginner issues with clipping masks in Kittl come down to shape setup, layer order, or editing the wrong part of the mask. Let\u2019s review them one by one.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The mask shape is not a single-layer vector<br><\/strong>If your mask is not working at all, this is usually the reason. Kittl only allows a <strong>single-layer vector shape<\/strong> to become a container, so grouped artwork, multi-part illustrations, or unmerged SVG elements may not work right away. A good fix is to simplify the shape first using <a href=\"https:\/\/www.kittl.com\/help\/design\/shape-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Kittl\u2019s Shape Builder tool<\/a>, then try <strong>Use as mask<\/strong> again. If you made the shape with the Pen tool, check that the path is fully closed, so it behaves like one complete vector shape.<\/li>\n\n\n\n<li><strong>The wrong object is selected<\/strong><strong><br><\/strong>If Kittl clips the wrong image or the result looks backwards, the problem is usually the selection or layer order. In Kittl, the shape acting as the mask needs to sit underneath the content you want to place inside it. When you select multiple objects and apply <strong>Use as mask<\/strong>, Kittl uses the lower shape as the visible boundary and clips the objects above it into that container. So if the wrong thing gets masked, recheck the layers first before you do anything else.&nbsp;<\/li>\n\n\n\n<li><strong>The content is hard to position<br><\/strong>Once content is inside the mask, editing behaves a little differently; you cannot always move it the way you normally would on the canvas. The easiest fix is to follow <a href=\"https:\/\/www.kittl.com\/help\/design\/clipping-mask-vector\" target=\"_blank\" rel=\"noreferrer noopener\">Kittl\u2019s clipping mask guide<\/a> and double-click into the mask group so you can reposition, resize, or rotate the content inside it. If you need to adjust the image placement more intentionally, A better way to approach it is<strong> to think in terms of framing and focal point.<\/strong> <a href=\"https:\/\/www.kittl.com\/help\/design\/image-cropping\" target=\"_blank\" rel=\"noreferrer noopener\">Kittl explains image cropping<\/a>: focus on framing, composition, and where the focal point sits inside the visible area.&nbsp;<\/li>\n\n\n\n<li><strong>The effect looks busy<\/strong><strong><br><\/strong>When a clipping mask feels messy, it is usually not because the feature is wrong. It is because too many visual elements are competing at once. A detailed texture inside a complex shape can quickly start to feel crowded. The fix is usually to simplify one part of the design: use a cleaner shape, choose a stronger image, or adjust the crop so the focal point reads more clearly. Kittl\u2019s image cropping guidance is especially helpful here because the same principles of composition and focal-point emphasis apply to clipping masks, too.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Key takeaways on how to create a clipping mask in Kittl<\/h2>\n\n\n\n<p>Now that you\u2019ve seen how to create a clipping mask in Kittl, the biggest takeaway is that this technique is not just a visual effect.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A clipping mask helps you place images, textures, or illustrations inside a custom shape, so your layouts feel more intentional than standard image placement.<br><\/li>\n\n\n\n<li>In Kittl, the workflow is simple: start with a single-layer vector shape, apply <strong>Use as mask<\/strong>, then refine the content inside the <strong>mask container<\/strong> until the custom shape clipping mask composition feels right.<br><\/li>\n\n\n\n<li>Clipping masks are especially useful for <strong>image inside text<\/strong>, <strong>textured typography<\/strong>, <strong>custom poster crops<\/strong>, <strong>framed artwork<\/strong>, and <strong>merch graphics<\/strong>.<br><\/li>\n\n\n\n<li>Knowing the difference between <strong>clipping masks<\/strong>, <strong>crop<\/strong>, and <strong>texture clipping<\/strong> makes it much easier to choose the right tool for the result you want.<br><\/li>\n\n\n\n<li>Once you understand the basics, clipping masks become a reliable shortcut for creating stronger <strong>visual hierarchy<\/strong>, more custom <strong>image treatments<\/strong>, and more original-looking layouts without a complicated workflow.<\/li>\n<\/ul>\n\n\n\n<p>Ready to try it yourself? Open Kittl and start experimenting with clipping masks, custom shapes, and layered compositions to turn simple ideas into standout designs.<\/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:\/\/app.kittl.com\" target=\"_blank\" rel=\"noreferrer noopener\">Go on, mask it<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions about how to create a clipping mask in Kittl<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<ol class=\"rank-math-list \">\n<li id=\"faq-question-1774336180428\" class=\"rank-math-list-item\">\n<p class=\"rank-math-question \"><strong>Can I use a custom shape clipping mask in Kittl?<\/strong><\/p>\n<div class=\"rank-math-answer \">\n\n<p><strong>Yes<\/strong>. You can use a <strong>vector shape<\/strong> as a mask, including shapes you create with the <a href=\"https:\/\/www.kittl.com\/blogs\/how-to-turn-sketch-into-logo-using-kittl-pen-tool-ftr\/?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pen tool<\/strong><\/a> for more custom compositions.<\/p>\n\n<\/div>\n<\/li>\n<li id=\"faq-question-1774336192684\" class=\"rank-math-list-item\">\n<p class=\"rank-math-question \"><strong>Can I upload my own SVG and use it as a mask?<\/strong><\/p>\n<div class=\"rank-math-answer \">\n\n<p><strong>Yes<\/strong>. You can prepare your file with Kittl\u2019s <a href=\"https:\/\/www.kittl.com\/tools\/svg-converter\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>SVG converter<\/strong><\/a>, bring it into the editor through <a href=\"https:\/\/www.kittl.com\/help\/design\/uploading-elements?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>uploading your elements<\/strong><\/a>. Use it as a mask once it\u2019s set up as a clean vector.<\/p>\n\n<\/div>\n<\/li>\n<li id=\"faq-question-1774336205154\" class=\"rank-math-list-item\">\n<p class=\"rank-math-question \"><strong>What\u2019s the difference between a clipping mask and a letter mask?<\/strong><\/p>\n<div class=\"rank-math-answer \">\n\n<p>A clipping mask gives you more flexibility because you can place images, textures, or illustrations inside a custom shape. <a href=\"https:\/\/www.kittl.com\/blogs\/kittl-letter-mask-typ\/\" target=\"_blank\" rel=\"noreferrer noopener\">A letter mask<\/a> is more typography-focused, so it\u2019s especially useful when you want to build image-filled words or panoramic text effects quickly.<\/p>\n\n<\/div>\n<\/li>\n<li id=\"faq-question-1774336218595\" class=\"rank-math-list-item\">\n<p class=\"rank-math-question \"><strong>Can I add textures inside a clipping mask?<\/strong><\/p>\n<div class=\"rank-math-answer \">\n\n<p><strong>Yes<\/strong>. You can place textures inside a clipping mask for more tactile type and image treatments, or use Kittl\u2019s dedicated <a href=\"https:\/\/www.kittl.com\/help\/design\/texture-clipping?utm_source=chatgpt.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>texture clipping<\/strong><\/a> workflow when you want to apply texture across the design more broadly.<\/p>\n\n<\/div>\n<\/li>\n<\/ol>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>If you\u2019re trying to make your designs look more polished without building everything from scratch, learning how to create a clipping mask in Kittl can help you get there much faster.&nbsp; If you\u2019ve only used basic cropping before, a custom shape clipping mask gives you much more control over the final composition. It\u2019s a simple&#8230;<\/p>\n","protected":false},"author":8,"featured_media":19249,"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":[458],"class_list":["post-19247","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-beginner-tips"],"taxonomy_info":{"category":[{"value":32,"label":"Tutorials"}],"post_tag":[{"value":458,"label":"Beginner"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/ClippingMask-blog-1-1.webp",900,600,false],"author_info":{"display_name":"Dev Anglingdarma","author_link":"https:\/\/www.kittl.com\/blogs\/author\/dev-anglingdarma\/"},"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":62,"filter":"raw","cat_ID":32,"category_count":62,"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":458,"name":"Beginner","slug":"beginner-tips","term_group":0,"term_taxonomy_id":458,"taxonomy":"post_tag","description":"Quick wins and foundational guides for new users. Great for anyone starting their design journey or using Kittl for the first time.","parent":0,"count":53,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/19247","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=19247"}],"version-history":[{"count":4,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/19247\/revisions"}],"predecessor-version":[{"id":19349,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/19247\/revisions\/19349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/19249"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=19247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=19247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=19247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}