{"id":5625,"date":"2023-02-04T00:14:53","date_gmt":"2023-02-04T00:14:53","guid":{"rendered":"https:\/\/simplified.com\/academy\/?p=5625"},"modified":"2024-01-12T10:37:41","modified_gmt":"2024-01-12T10:37:41","slug":"how-to-design-with-transparent-gradients","status":"publish","type":"post","link":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients","title":{"rendered":"How to design with transparent gradients"},"content":{"rendered":"

Designing with transparency is a simple tool that can create advanced looking designs!<\/p>\n

1- Begin on your art board, either with a template or starting from scratch<\/p>\n

2- Click your art board and in the top toolbar select the background icon. This will open a menu on the right hand side with tools to adjust and customize your background. <\/p>\n

3- This toggle here allows you to control whether you\u2019d like a solid background or a gradient. <\/p>\n

4- Below you will see all of our gradient presets. You can also customize your gradient by adjusting these levels here.<\/p>\n

5- You will see when you adjust this scale, the number of the alpha changes. The alpha is\u00a0a color component that represents the degree of transparency (or opacity) of a color. 100 means completely opaque and 0 is completely transparent.<\/p>\n

6- This feature is not limited to just background colors and can be used with text as well following the same steps.<\/p>\n

Simplified will do all of the rest of the work for you. <\/p>\n

Design With Transparency<\/a><\/p>\n

\ud83d\udc49\ud83c\udffd To try it out, sign up here<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Designing with transparency is a simple tool that can create advanced looking designs! 1- Begin on your art board, either with a template or starting from scratch 2- Click your art board and in the top toolbar select the background icon. This will open a menu on the right hand side with tools to adjust and customize your background. 3- This toggle here allows you to control whether you\u2019d like a solid background or a gradient. 4- Below you will see all of our gradient presets. You can also customize your gradient by adjusting these levels here. 5- You will […]<\/p>\n","protected":false},"author":2,"featured_media":5626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5625","post","type-post","status-publish","format-video","has-post-thumbnail","category-graphic-design","post_format-post-format-video","post--single"],"yoast_head":"\nHow to design with transparent gradients - Simplified Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to design with transparent gradients\" \/>\n<meta property=\"og:description\" content=\"Designing with transparency is a simple tool that can create advanced looking designs! 1- Begin on your art board, either with a template or starting from scratch 2- Click your art board and in the top toolbar select the background icon. This will open a menu on the right hand side with tools to adjust and customize your background. 3- This toggle here allows you to control whether you\u2019d like a solid background or a gradient. 4- Below you will see all of our gradient presets. You can also customize your gradient by adjusting these levels here. 5- You will […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients\" \/>\n<meta property=\"og:site_name\" content=\"Simplified Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifiedhq\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-04T00:14:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-12T10:37:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/siteimages.simplified.com\/academy\/Landing-Page-Templates_1.png?auto=format&ixlib=php-3.3.1\" \/>\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=\"Team Simplified\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sosimplified\" \/>\n<meta name=\"twitter:site\" content=\"@sosimplified\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Team Simplified\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to design with transparent gradients - Simplified Academy","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:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients","og_locale":"en_US","og_type":"article","og_title":"How to design with transparent gradients","og_description":"Designing with transparency is a simple tool that can create advanced looking designs! 1- Begin on your art board, either with a template or starting from scratch 2- Click your art board and in the top toolbar select the background icon. This will open a menu on the right hand side with tools to adjust and customize your background. 3- This toggle here allows you to control whether you\u2019d like a solid background or a gradient. 4- Below you will see all of our gradient presets. You can also customize your gradient by adjusting these levels here. 5- You will […]","og_url":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients","og_site_name":"Simplified Academy","article_publisher":"https:\/\/www.facebook.com\/simplifiedhq\/","article_published_time":"2023-02-04T00:14:53+00:00","article_modified_time":"2024-01-12T10:37:41+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/siteimages.simplified.com\/academy\/Landing-Page-Templates_1.png?auto=format&ixlib=php-3.3.1","type":"image\/png"}],"author":"Team Simplified","twitter_card":"summary_large_image","twitter_creator":"@sosimplified","twitter_site":"@sosimplified","twitter_misc":{"Written by":"Team Simplified"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#article","isPartOf":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients"},"author":{"name":"Team Simplified","@id":"https:\/\/simplified.com\/academy\/#\/schema\/person\/7336ec0a835b05c516288852207f2d8b"},"headline":"How to design with transparent gradients","datePublished":"2023-02-04T00:14:53+00:00","dateModified":"2024-01-12T10:37:41+00:00","mainEntityOfPage":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients"},"wordCount":187,"publisher":{"@id":"https:\/\/simplified.com\/academy\/#organization"},"image":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#primaryimage"},"thumbnailUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png","articleSection":["Graphic Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients","url":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients","name":"How to design with transparent gradients - Simplified Academy","isPartOf":{"@id":"https:\/\/simplified.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#primaryimage"},"image":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#primaryimage"},"thumbnailUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png","datePublished":"2023-02-04T00:14:53+00:00","dateModified":"2024-01-12T10:37:41+00:00","breadcrumb":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#primaryimage","url":"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png","contentUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-design-with-transparent-gradients#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/simplified.com\/academy\/"},{"@type":"ListItem","position":2,"name":"Graphic Design","item":"https:\/\/simplified.com\/academy\/graphic-design"},{"@type":"ListItem","position":3,"name":"How to design with transparent gradients"}]},{"@type":"WebSite","@id":"https:\/\/simplified.com\/academy\/#website","url":"https:\/\/simplified.com\/academy\/","name":"Simplified Academy","description":"Design, marketing, and rocket science\u2014simplified","publisher":{"@id":"https:\/\/simplified.com\/academy\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/simplified.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/simplified.com\/academy\/#organization","name":"Simplified","url":"https:\/\/simplified.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simplified.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/siteimages.simplified.com\/2021\/07\/Simplified-logo-small.jpeg?auto=format&ixlib=php-3.3.1","contentUrl":"https:\/\/siteimages.simplified.com\/2021\/07\/Simplified-logo-small.jpeg?auto=format&ixlib=php-3.3.1","width":200,"height":200,"caption":"Simplified"},"image":{"@id":"https:\/\/simplified.com\/academy\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifiedhq\/","https:\/\/x.com\/sosimplified","https:\/\/www.instagram.com\/simplifiedhq\/","https:\/\/www.linkedin.com\/company\/simplifiedhq","https:\/\/www.tiktok.com\/@simplifiedhq","https:\/\/www.youtube.com\/@SimplifiedAI"]},{"@type":"Person","@id":"https:\/\/simplified.com\/academy\/#\/schema\/person\/7336ec0a835b05c516288852207f2d8b","name":"Team Simplified","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8548a9bdbb5b61a7c3f8078b2015b4b3ac29a7c6a379277c698b76eaf69b1a37?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8548a9bdbb5b61a7c3f8078b2015b4b3ac29a7c6a379277c698b76eaf69b1a37?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8548a9bdbb5b61a7c3f8078b2015b4b3ac29a7c6a379277c698b76eaf69b1a37?s=96&d=mm&r=g","caption":"Team Simplified"},"sameAs":["https:\/\/simplified.co"],"url":"https:\/\/simplified.com\/academy\/author\/editor"}]}},"rttpg_featured_image_url":{"full":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1280,720,false],"landscape":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1280,720,false],"portraits":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1280,720,false],"thumbnail":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",150,150,true],"medium":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",300,169,true],"large":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1024,576,true],"1536x1536":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1536,864,true],"2048x2048":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",2048,1152,true],"ceris-xxxs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",70,70,true],"ceris-xxs-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",180,135,true],"ceris-xxs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",180,180,true],"ceris-xs-16_9 400x225":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",400,225,true],"ceris-xs-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",400,300,true],"ceris-xs-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",400,200,true],"ceris-xs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",400,400,true],"ceris-xs-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",600,338,true],"ceris-s-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",600,450,true],"ceris-s-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",600,300,true],"ceris-s-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",600,600,true],"ceris-m-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",800,450,true],"ceris-m-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",800,600,true],"ceris-m-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",800,400,true],"ceris-m-auto":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",800,450,true],"ceris-l-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1200,675,true],"ceris-l-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1200,900,true],"ceris-l-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1200,600,true],"ceris-xl-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1600,900,true],"ceris-xl-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1600,1200,true],"ceris-xl-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",1600,800,true],"ceris-xxl":["https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Landing-Page-Templates_1.png",2000,1125,true]},"rttpg_author":{"display_name":"Team Simplified","author_link":"https:\/\/simplified.com\/academy\/author\/editor"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/simplified.com\/academy\/graphic-design\" rel=\"category tag\">Graphic Design<\/a>","rttpg_excerpt":"Designing with transparency is a simple tool that can create advanced looking designs! 1- Begin on your art board, either with a template or starting from scratch 2- Click your art board and in the top toolbar select the background icon. This will open a menu on the right hand side with tools to adjust…","_links":{"self":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/posts\/5625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/comments?post=5625"}],"version-history":[{"count":0,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/posts\/5625\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/media\/5626"}],"wp:attachment":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/media?parent=5625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/categories?post=5625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/tags?post=5625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}