{"id":7890,"date":"2025-12-14T14:57:04","date_gmt":"2025-12-14T19:57:04","guid":{"rendered":"https:\/\/crystalscrafties.com\/?p=7890"},"modified":"2025-12-14T14:57:08","modified_gmt":"2025-12-14T19:57:08","slug":"change-colors-in-a-png-design-using-affinity-by-canva","status":"publish","type":"post","link":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/","title":{"rendered":"Change Colors in a PNG Design Using Affinity by Canva"},"content":{"rendered":"<body>\n<p>Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files using Affinity by Canva, whether you want fast global color changes or precise edits to specific parts of a design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=683%2C1024&#038;ssl=1\" alt=\"how to change colors in a png design\" class=\"wp-image-7891\" loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=683%2C1024&amp;ssl=1 683w, https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=200%2C300&amp;ssl=1 200w, https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=768%2C1152&amp;ssl=1 768w, https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=400%2C600&amp;ssl=1 400w, https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?resize=576%2C864&amp;ssl=1 576w, https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png-1.png?w=1000&amp;ssl=1 1000w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What You\u2019ll Learn in the Video<\/h2>\n\n\n\n<p>In the tutorial, I walk through two main approaches to change colors in a PNG design, making it easy to choose the method that fits your project and workflow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 1: Quick Color Changes Using HSL &amp; Recolor<\/h3>\n\n\n\n<p>First, I show how to make fast, easy color edits using built in adjustment tools. You\u2019ll learn how to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the HSL adjustment to shift hues, saturation, and lightness<\/li>\n\n\n\n<li>Use the Recolor adjustment to instantly swap colors<\/li>\n\n\n\n<li>Quickly create multiple color variations of the same PNG<\/li>\n\n\n\n<li>Keep shading and texture intact while changing colors<\/li>\n<\/ul>\n\n\n\n<p>This method is perfect for quick edits, mockups, and creating color options for listings or clients.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 2: Change Specific Parts of a PNG Using the Selection Brush Tool<\/h3>\n\n\n\n<p>Next, I show how to get more precise by isolating individual parts of a design. You\u2019ll learn how to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the Selection Brush Tool to select specific areas<\/li>\n\n\n\n<li>Refine your selection for clean edges<\/li>\n\n\n\n<li>Apply HSL or Recolor adjustments to only the selected area<\/li>\n\n\n\n<li>Change colors on just one section without affecting the rest of the design<\/li>\n<\/ul>\n\n\n\n<p>This method is ideal when you need full control over details like text, accents, icons, or layered elements within a PNG.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why This Tutorial Is Helpful<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No need to rebuild your design from scratch<\/li>\n\n\n\n<li>Perfect for Etsy sellers and digital designers<\/li>\n\n\n\n<li>Great for creating multiple color variations quickly<\/li>\n\n\n\n<li>Works for clipart, sublimation designs, and digital products<\/li>\n\n\n\n<li>Beginner-friendly and easy to follow<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Watch the Full Video Tutorial<\/h2>\n\n\n\n<p>Watch the full tutorial below to see each recoloring method in action and follow along step by step:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/6o3NSQZppDg?version=3&amp;rel=1&amp;showsearch=0&amp;showinfo=1&amp;iv_load_policy=1&amp;fs=1&amp;hl=en-US&amp;autohide=2&amp;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<link rel=\"preload\" href=\"https:\/\/use.typekit.net\/zzl1xzu.css\" as=\"style\">\n<link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/zzl1xzu.css\">\n<link rel=\"preload\" href=\"https:\/\/assets.flodesk.com\/flodesk-sans.css\" as=\"style\">\n<link rel=\"stylesheet\" href=\"https:\/\/assets.flodesk.com\/flodesk-sans.css\">\n<style>\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f *,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f *::before,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f *::after {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [tabindex=\"-1\"]:focus {\n    outline: none !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h1,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h2,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h3,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h4,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h5,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f h6 {\n    margin-top: 0;\n    margin-bottom: 0.7em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ol,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ul,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f dl {\n    margin-top: 0;\n    margin-bottom: 1.4rem;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ol ol,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ul ul,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ol ul,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ul ol {\n    margin-bottom: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f strong {\n    font-weight: bolder;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f small {\n    font-size: 80%;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f sub,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f sup {\n    position: relative;\n    font-size: 75%;\n    line-height: 0;\n    vertical-align: baseline;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f sub {\n    bottom: -0.25em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f sup {\n    top: -0.5em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f {\n    color: #000000;\n    text-decoration: none;\n    background-color: transparent;\n    -webkit-text-decoration-skip: objects;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f a:hover {\n    color: #4396fd;\n    text-decoration: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f img {\n    border-style: none;\n    vertical-align: middle;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f svg:not(:root) {\n    overflow: hidden;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f area,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [role=\"button\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f label,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f select,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f summary,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f textarea {\n    touch-action: manipulation;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f label {\n    display: inline-block;\n    font-weight: bolder;\n    margin-bottom: 0.7rem;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button:focus {\n    outline: 1px dotted;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f select,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f optgroup,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f textarea {\n    margin: 0;\n    font-size: inherit;\n    font-family: inherit;\n    line-height: inherit;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input {\n    overflow: visible;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f select {\n    text-transform: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button,\n  html[data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"button\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"reset\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f button::-moz-focus-inner,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"button\"]::-moz-focus-inner,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"reset\"]::-moz-focus-inner,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"submit\"]::-moz-focus-inner {\n    padding: 0;\n    border-style: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"radio\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"checkbox\"] {\n    padding: 0;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"date\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"time\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"datetime-local\"],\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f input[type=\"month\"] {\n    -webkit-appearance: listbox;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f textarea {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"number\"]::-webkit-inner-spin-button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"search\"] {\n    outline-offset: -2px;\n    -webkit-appearance: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"search\"]::-webkit-search-cancel-button,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f ::-webkit-file-upload-button {\n    font: inherit;\n    -webkit-appearance: button;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f [hidden] {\n    display: none !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control {\n    width: 100%;\n    display: block;\n    outline: none;\n    position: relative;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control:focus {\n    outline: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control::placeholder {\n    color: transparent !important;\n    opacity: 0 !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control:disabled {\n    opacity: 1;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-label {\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control:not(:-moz-placeholder-shown)+.fd-form-label {\n    opacity: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-control:not(:placeholder-shown)+.fd-form-label {\n    opacity: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-description {\n    margin: 5px 0 0 0;\n    font-size: 0.8em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-feedback {\n    margin: 5px 0 0 0;\n    font-size: 0.8em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group {\n    margin: 0 0 15px;\n    position: relative;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-success .fd-form-feedback,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-success .fd-form-check {\n    color: #02dba8 !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-success .fd-form-control {\n    color: #02dba8 !important;\n    border-color: #02dba8 !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-success .fd-form-feedback {\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-error .fd-form-feedback,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-error .fd-form-check {\n    color: #eb3d3b !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-error .fd-form-control {\n    color: #eb3d3b !important;\n    border-color: #eb3d3b !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-group.fd-has-error .fd-form-feedback {\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-btn {\n    cursor: pointer;\n    display: -moz-inline-box;\n    display: inline-flex;\n    outline: none;\n    max-width: 100%;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    font-style: normal;\n    text-align: center;\n    -moz-box-align: center;\n    align-items: center;\n    text-shadow: none;\n    white-space: normal;\n    -moz-box-pack: center;\n    justify-content: center;\n    text-decoration: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-btn:hover {\n    outline: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-btn:focus {\n    outline: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-btn:disabled {\n    opacity: 0.8;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check {\n    cursor: pointer;\n    margin: 0;\n    display: -moz-box;\n    display: flex;\n    position: relative;\n    -moz-box-align: center;\n    align-items: center;\n    padding-left: 30px;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__input {\n    top: 0;\n    left: 0;\n    width: 18px;\n    height: 18px;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__checkmark {\n    top: 0;\n    left: 0;\n    width: 18px;\n    height: 18px;\n    display: block;\n    position: absolute;\n    background-size: 18px;\n    background-image: url(\"data:image\/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='1' \/%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' \/%3e %3c\/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: center center;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__label {\n    -moz-box-flex: 1;\n    flex: 1 1;\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    word-break: break-word;\n    font-weight: 400;\n    line-height: 18px;\n    letter-spacing: 0.01em;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__input:checked+.fd-form-check__checkmark::after {\n    opacity: 1;\n    z-index: 1;\n    visibility: visible;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__checkmark::after {\n    top: 0;\n    left: 0;\n    width: 18px;\n    height: 18px;\n    content: \"\";\n    display: block;\n    opacity: 0;\n    z-index: 1;\n    position: absolute;\n    -moz-transition: opacity 0.4s, z-index 0.4s;\n    transition: opacity 0.4s, z-index 0.4s;\n    visibility: inherit;\n    background-size: 12px;\n    background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c\/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' \/%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' \/%3e %3c\/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: center center;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__input:focus {\n    outline: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-content {\n    position: relative;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-has-success .fd-form-content {\n    display: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-captcha {\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: -moz-box;\n    display: flex;\n    position: absolute;\n    -moz-box-align: center;\n    align-items: center;\n    -moz-box-pack: start;\n    justify-content: flex-start;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-success {\n    width: 100%;\n    display: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-has-success .fd-form-success {\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-success>*:last-child {\n    margin-bottom: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-error {\n    display: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-has-error .fd-form-error {\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-error>*:last-child {\n    margin-bottom: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-focus-visible,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {\n    outline: none;\n    box-shadow: 0 0 0 2px #ffffff, 0 0 0 -moz-calc(2px + 4px) #000000 !important;\n    box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 4px) #000000 !important;\n    -moz-transition: box-shadow 0.2s !important;\n    transition: box-shadow 0.2s !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-focus-visible,\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {\n    outline: none;\n    box-shadow: 0 0 0 2px #f1a4c9, 0 0 0 -moz-calc(2px + 2px) #63163b !important;\n    box-shadow: 0 0 0 2px #f1a4c9, 0 0 0 calc(2px + 2px) #63163b !important;\n    -moz-transition: box-shadow 0.2s !important;\n    transition: box-shadow 0.2s !important;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__container {\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    max-width: 620px;\n    background: #f1a4c9;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__wrapper {\n    display: -moz-box;\n    display: flex;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form {\n    color: #000000;\n    width: 100%;\n    margin: 0;\n    padding: 70px;\n    font-size: 33px;\n    text-align: center;\n    font-family: neue-haas-grotesk-text, sans-serif;\n    font-weight: 700;\n    line-height: 1.0999999999999999;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form {\n      padding: 25px;\n      word-wrap: anywhere;\n      word-break: break-word;\n      white-space: normal;\n      overflow-wrap: break-word;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__title {\n    color: #000000;\n    width: 100%;\n    margin: 0 0 25px 0;\n    display: block;\n    font-size: 11px;\n    text-align: center;\n    font-family: Consolas, monospace;\n    font-weight: 400;\n    line-height: 1;\n    letter-spacing: 2.3px;\n    text-transform: uppercase;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__title * {\n    line-height: inherit;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__subtitle {\n    width: 100%;\n    margin: 0 0 30px 0;\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__subtitle * {\n    line-height: inherit;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f[data-ff-stage=\"success\"] .ff-642dde2a9bccf501c6c6807f__content {\n    display: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__fields {\n    margin: 0 0 15px;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__fields>*:last-child {\n    margin-bottom: 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__field {\n    font-size: 11px;\n    text-align: left;\n    font-family: Consolas, monospace;\n    font-weight: 400;\n    letter-spacing: 2.3px;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__control {\n    color: #000000;\n    border: 1px solid #000000;\n    height: 46px;\n    padding: 12px 20px;\n    font-size: 11px;\n    background: transparent;\n    text-align: left;\n    font-family: Consolas, monospace;\n    font-weight: 400;\n    line-height: 20px;\n    border-radius: 0px;\n    letter-spacing: 2.3px;\n    text-transform: uppercase;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__label {\n    color: #000000;\n    border: 1px solid transparent;\n    padding: 12px 20px;\n    font-size: 11px;\n    text-align: left;\n    font-family: Consolas, monospace;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 2.3px;\n    text-transform: uppercase;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference {\n    margin: 30px 0;\n    display: -moz-box;\n    display: flex;\n    -moz-box-orient: vertical;\n    -moz-box-direction: normal;\n    flex-direction: column;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference {\n      -moz-box-orient: vertical;\n      -moz-box-direction: normal;\n      flex-direction: column;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-title {\n    color: #000000;\n    width: 100%;\n    margin: 0 0 30px 0;\n    display: block;\n    font-size: 18px;\n    text-align: center;\n    font-family: neue-haas-grotesk-text, sans-serif;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.4px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-title {\n      margin: 0 0 30px;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-title * {\n    line-height: inherit;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-control {\n    width: 100%;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-list {\n    width: 100%;\n    margin: -8px 0;\n    display: -moz-box;\n    display: flex;\n    flex-wrap: wrap;\n    -moz-box-orient: vertical;\n    -moz-box-direction: normal;\n    flex-direction: column;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-list {\n      -moz-box-orient: vertical;\n      -moz-box-direction: normal;\n      flex-direction: column;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-item {\n    -moz-box-flex: 1;\n    flex: 1 1;\n    padding: 8px 0;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__preference-item {\n      -moz-box-flex: 1;\n      flex: 1 1;\n      max-width: 100%;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form-check .fd-form-check__input {\n    top: 2.200000000000001px;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form-check .fd-form-check__checkmark {\n    top: 2.200000000000001px;\n    border-radius: 4px;\n    background-image: url(\"data:image\/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='1' \/%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' \/%3e %3c\/svg%3e\");\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form-check .fd-form-check__label {\n    color: #333333;\n    font-size: 14px;\n    min-height: 22.400000000000002px;\n    font-family: Consolas, monospace;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: 0px;\n    text-transform: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__form-check .fd-form-check__checkmark::after {\n    background-size: 12px;\n    background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c\/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' \/%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' \/%3e %3c\/svg%3e\");\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__footer {\n    text-align: center;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__button {\n    color: #ffffff;\n    width: 100%;\n    border: 1px solid transparent;\n    display: inline-block;\n    padding: 12px 20px;\n    font-size: 15px;\n    background: #00c4cc;\n    text-align: center;\n    font-family: neue-haas-grotesk-text, sans-serif;\n    font-weight: 700;\n    line-height: 20px;\n    border-radius: 0px;\n    letter-spacing: 0.9999999999999999px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__button {\n      width: 100%;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__success {\n    display: none;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f[data-ff-stage=\"success\"] .ff-642dde2a9bccf501c6c6807f__success {\n    display: block;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__success-message {\n    color: #000000;\n    width: 100%;\n    display: block;\n    font-size: 33px;\n    word-wrap: anywhere;\n    min-height: 1.0999999999999999em;\n    text-align: center;\n    word-break: break-word;\n    font-family: neue-haas-grotesk-text, sans-serif;\n    font-weight: 700;\n    line-height: 1.0999999999999999;\n    white-space: normal;\n    overflow-wrap: break-word;\n    letter-spacing: 0.5px;\n    pointer-events: auto;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 767px) {\n    [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__success-message {\n      font-size: 33px;\n    }\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__error {\n    margin: 15px 0 0 0;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-block {\n    color: #000000;\n    display: -moz-box;\n    display: flex;\n    margin-top: 16px;\n    -moz-box-align: center;\n    align-items: center;\n    font-family: neue-haas-grotesk-text, sans-serif;\n    margin-bottom: 24px;\n    -moz-box-pack: center;\n    justify-content: center;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-checkbox {\n    padding-left: 25px;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-checkbox .fd-form-check__checkmark {\n    background-image: url(\"data:image\/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='0' \/%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' \/%3e %3c\/svg%3e\");\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-checkbox.fd-has-error {\n    color: #EB3D3B;\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-checkbox.fd-has-error .fd-form-check__checkmark {\n    background-image: url(\"data:image\/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' fill-opacity='0' \/%3e %3cpath fill='%23EB3D3B' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' \/%3e %3c\/svg%3e\");\n  }\n\n  [data-ff-el=\"root\"].ff-642dde2a9bccf501c6c6807f .ff-642dde2a9bccf501c6c6807f__accepts-gdpr-checkbox .fd-form-check__checkmark::after {\n    background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c\/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' \/%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' \/%3e %3c\/svg%3e\");\n  }\n<\/style>\n\n<div class=\"ff-642dde2a9bccf501c6c6807f\" data-ff-el=\"root\" data-ff-version=\"3\" data-ff-type=\"inline\" data-ff-name=\"inlineNoImage\" data-ff-stage=\"default\">\n  <!--tpl {% block config %} tpl-->\n  <div data-ff-el=\"config\" data-ff-config=\"eyJ0cmlnZ2VyIjp7Im1vZGUiOiJpbW1lZGlhdGVseSIsInZhbHVlIjowfSwib25TdWNjZXNzIjp7Im1vZGUiOiJtZXNzYWdlIiwibWVzc2FnZSI6IiIsInJlZGlyZWN0VXJsIjoiIn0sImNvaSI6ZmFsc2UsInNob3dGb3JSZXR1cm5WaXNpdG9ycyI6dHJ1ZSwibm90aWZpY2F0aW9uIjp0cnVlLCJnZHByIjp7ImFjY2VwdHNNYXJrZXRpbmciOmZhbHNlLCJwcml2YWN5UG9saWN5Ijp7ImVuYWJsZWQiOmZhbHNlLCJtYW5kYXRvcnkiOmZhbHNlfX0sInRyYWNraW5nQ29uZmlnIjp7Im1ldGFQaXhlbElkIjoiIiwiY29va2llQmFubmVyRW5hYmxlZCI6ZmFsc2UsImdvb2dsZUFuYWx5dGljc0lkIjoiIn19\" style=\"display: none\"><\/div>\n  <!--tpl {% endblock %} tpl-->\n  <div class=\"ff-642dde2a9bccf501c6c6807f__container\">\n    <div class=\"ff-642dde2a9bccf501c6c6807f__wrapper\">\n      <form class=\"ff-642dde2a9bccf501c6c6807f__form\" action=\"https:\/\/form.flodesk.com\/forms\/642dde2a9bccf501c6c6807f\/submit\" method=\"post\" data-ff-el=\"form\">\n        <div class=\"ff-642dde2a9bccf501c6c6807f__title\">\n          <div style=\"min-height: 1em\">\n            <div><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ff-642dde2a9bccf501c6c6807f__subtitle\">\n          <div style=\"word-break:break-word\">\n            <div data-paragraph=\"true\">Never miss a tutorial and get free files!!<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ff-642dde2a9bccf501c6c6807f__content fd-form-content\" data-ff-el=\"content\">\n          <div class=\"ff-642dde2a9bccf501c6c6807f__fields\" data-ff-el=\"fields\">\n            <!--tpl {% block fields %} tpl-->\n\n            <div class=\"ff-642dde2a9bccf501c6c6807f__field fd-form-group\">\n              <input id=\"ff-642dde2a9bccf501c6c6807f-firstName\" class=\"ff-642dde2a9bccf501c6c6807f__control fd-form-control\" type=\"text\" maxlength=\"255\" name=\"firstName\" placeholder=\"First name\" data-ff-tab=\"firstName::email\">\n              <label for=\"ff-642dde2a9bccf501c6c6807f-firstName\" class=\"ff-642dde2a9bccf501c6c6807f__label fd-form-label\">\n                <div>\n                  <div>First name<\/div>\n                <\/div>\n              <\/label>\n            <\/div>\n\n\n            <div class=\"ff-642dde2a9bccf501c6c6807f__field fd-form-group\">\n              <input id=\"ff-642dde2a9bccf501c6c6807f-email\" class=\"ff-642dde2a9bccf501c6c6807f__control fd-form-control\" type=\"text\" maxlength=\"255\" name=\"email\" placeholder=\"Email address\" data-ff-tab=\"email:firstName:submit\" required>\n              <label for=\"ff-642dde2a9bccf501c6c6807f-email\" class=\"ff-642dde2a9bccf501c6c6807f__label fd-form-label\">\n                <div>\n                  <div>Email address<\/div>\n                <\/div>\n              <\/label>\n            <\/div>\n\n            <input type=\"text\" maxlength=\"255\" name=\"confirm_email_address\" style=\"display: none\">\n            <!--tpl {% endblock %} tpl-->\n          <\/div>\n\n\n          <div class=\"ff-642dde2a9bccf501c6c6807f__footer\" data-ff-el=\"footer\">\n            <button type=\"submit\" class=\"ff-642dde2a9bccf501c6c6807f__button fd-btn\" data-ff-el=\"submit\" data-ff-tab=\"submit\">\n              <span>sign up for my newsletter<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n        <div class=\"ff-642dde2a9bccf501c6c6807f__success fd-form-success\" data-ff-el=\"success\">\n          <div class=\"ff-642dde2a9bccf501c6c6807f__success-message\">\n            <div>\n              <div>\n                <div data-paragraph=\"true\">Thank you for subscribing!<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ff-642dde2a9bccf501c6c6807f__error fd-form-error\" data-ff-el=\"error\"><\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function(w, d, t, h, s, n) {\n    w.FlodeskObject = n;\n    var fn = function() {\n      (w[n].q = w[n].q || []).push(arguments);\n    };\n    w[n] = w[n] || fn;\n    var f = d.getElementsByTagName(t)[0];\n    var v = '?v=' + Math.floor(new Date().getTime() \/ (120 * 1000)) * 60;\n    var sm = d.createElement(t);\n    sm.async = true;\n    sm.type = 'module';\n    sm.src = h + s + '.mjs' + v;\n    f.parentNode.insertBefore(sm, f);\n    var sn = d.createElement(t);\n    sn.async = true;\n    sn.noModule = true;\n    sn.src = h + s + '.js' + v;\n    f.parentNode.insertBefore(sn, f);\n  })(window, document, 'script', 'https:\/\/assets.flodesk.com', '\/universal', 'fd');\n<\/script>\n<script>\n  window.fd('form:handle', {\n    formId: '642dde2a9bccf501c6c6807f',\n    rootEl: '.ff-642dde2a9bccf501c6c6807f',\n  });\n<\/script>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files using Affinity by Canva, whether you want fast global color changes or precise edits to specific parts of a design. What You\u2019ll Learn in the Video In the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files using Affinity by Canva, whether you want fast global color changes or precise edits to specific parts of a design.","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":{"0":"post-7890","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized","8":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Change Colors in a PNG Design Using Affinity by Canva<\/title>\n<meta name=\"description\" content=\"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change Colors in a PNG Design Using Affinity by Canva\" \/>\n<meta property=\"og:description\" content=\"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/\" \/>\n<meta property=\"og:site_name\" content=\"CrystalsCrafties\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crystalscreationsdfw\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-14T19:57:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-14T19:57:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"crystalscrafties\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"crystalscrafties\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/\"},\"author\":{\"name\":\"crystalscrafties\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/#\\\/schema\\\/person\\\/872c9029ab4405bb52cc6add2e235f0e\"},\"headline\":\"Change Colors in a PNG Design Using Affinity by Canva\",\"datePublished\":\"2025-12-14T19:57:04+00:00\",\"dateModified\":\"2025-12-14T19:57:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/\"},\"wordCount\":352,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/crystalscrafties.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/change-colors-png.png?fit=1280%2C720&ssl=1\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/\",\"url\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/\",\"name\":\"Change Colors in a PNG Design Using Affinity by Canva\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/crystalscrafties.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/change-colors-png.png?fit=1280%2C720&ssl=1\",\"datePublished\":\"2025-12-14T19:57:04+00:00\",\"dateModified\":\"2025-12-14T19:57:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/#\\\/schema\\\/person\\\/872c9029ab4405bb52cc6add2e235f0e\"},\"description\":\"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/crystalscrafties.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/change-colors-png.png?fit=1280%2C720&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/crystalscrafties.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/change-colors-png.png?fit=1280%2C720&ssl=1\",\"width\":1280,\"height\":720,\"caption\":\"how to change png colors\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/index.php\\\/2025\\\/12\\\/14\\\/change-colors-in-a-png-design-using-affinity-by-canva\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/crystalscrafties.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Change Colors in a PNG Design Using Affinity by Canva\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/#website\",\"url\":\"https:\\\/\\\/crystalscrafties.com\\\/\",\"name\":\"CrystalsCrafties\",\"description\":\"How to tips for Crafters and Etsy Shop owners\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/crystalscrafties.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/crystalscrafties.com\\\/#\\\/schema\\\/person\\\/872c9029ab4405bb52cc6add2e235f0e\",\"name\":\"crystalscrafties\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g\",\"caption\":\"crystalscrafties\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Change Colors in a PNG Design Using Affinity by Canva","description":"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/","og_locale":"en_US","og_type":"article","og_title":"Change Colors in a PNG Design Using Affinity by Canva","og_description":"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files","og_url":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/","og_site_name":"CrystalsCrafties","article_publisher":"https:\/\/www.facebook.com\/crystalscreationsdfw\/","article_published_time":"2025-12-14T19:57:04+00:00","article_modified_time":"2025-12-14T19:57:08+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png","type":"image\/png"}],"author":"crystalscrafties","twitter_card":"summary_large_image","twitter_misc":{"Written by":"crystalscrafties","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#article","isPartOf":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/"},"author":{"name":"crystalscrafties","@id":"https:\/\/crystalscrafties.com\/#\/schema\/person\/872c9029ab4405bb52cc6add2e235f0e"},"headline":"Change Colors in a PNG Design Using Affinity by Canva","datePublished":"2025-12-14T19:57:04+00:00","dateModified":"2025-12-14T19:57:08+00:00","mainEntityOfPage":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/"},"wordCount":352,"commentCount":0,"image":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=1280%2C720&ssl=1","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/","url":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/","name":"Change Colors in a PNG Design Using Affinity by Canva","isPartOf":{"@id":"https:\/\/crystalscrafties.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#primaryimage"},"image":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=1280%2C720&ssl=1","datePublished":"2025-12-14T19:57:04+00:00","dateModified":"2025-12-14T19:57:08+00:00","author":{"@id":"https:\/\/crystalscrafties.com\/#\/schema\/person\/872c9029ab4405bb52cc6add2e235f0e"},"description":"Need to quickly change colors in a PNG design without recreating it from scratch? In this video tutorial, I show you multiple ways to recolor PNG files","breadcrumb":{"@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#primaryimage","url":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=1280%2C720&ssl=1","contentUrl":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=1280%2C720&ssl=1","width":1280,"height":720,"caption":"how to change png colors"},{"@type":"BreadcrumbList","@id":"https:\/\/crystalscrafties.com\/index.php\/2025\/12\/14\/change-colors-in-a-png-design-using-affinity-by-canva\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crystalscrafties.com\/"},{"@type":"ListItem","position":2,"name":"Change Colors in a PNG Design Using Affinity by Canva"}]},{"@type":"WebSite","@id":"https:\/\/crystalscrafties.com\/#website","url":"https:\/\/crystalscrafties.com\/","name":"CrystalsCrafties","description":"How to tips for Crafters and Etsy Shop owners","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crystalscrafties.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/crystalscrafties.com\/#\/schema\/person\/872c9029ab4405bb52cc6add2e235f0e","name":"crystalscrafties","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93c196fd0c32693e7d117bcb9e12e29b379705d77c9673c2fcf3ecbd104d6f30?s=96&d=mm&r=g","caption":"crystalscrafties"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p93pIb-23g","mv":{"thumbnail_id":7892,"thumbnail_uri":"https:\/\/i0.wp.com\/crystalscrafties.com\/wp-content\/uploads\/2025\/12\/change-colors-png.png?fit=300%2C169&ssl=1"},"_links":{"self":[{"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/posts\/7890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/comments?post=7890"}],"version-history":[{"count":1,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/posts\/7890\/revisions"}],"predecessor-version":[{"id":7893,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/posts\/7890\/revisions\/7893"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/media\/7892"}],"wp:attachment":[{"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/media?parent=7890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/categories?post=7890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crystalscrafties.com\/index.php\/wp-json\/wp\/v2\/tags?post=7890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}