{"id":3710,"date":"2021-07-21T14:14:29","date_gmt":"2021-07-21T14:14:29","guid":{"rendered":"https:\/\/academy.simplified.com\/?p=3710"},"modified":"2024-05-07T12:36:09","modified_gmt":"2024-05-07T12:36:09","slug":"how-to-use-gradients-in-your-design","status":"publish","type":"post","link":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design","title":{"rendered":"How To Use Gradients In Your Design"},"content":{"rendered":"<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>A gradient background is a visual effect where two or more colors gradually blend into each other, creating a smooth transition. In design, gradients are a powerful tool that can add depth, dimension, and visual interest to your images. They are essential for modern design because they can make backgrounds more creative and attractive, adding a dynamic flair to your projects.<\/p>\n<p><b>How Simplified AI Design App Makes Gradient Backgrounds Easy<\/b><\/p>\n<p>With Simplified <b><a href=\"https:\/\/simplified.com\/graphic-design\">AI Design<\/a><\/b> App, creating gradient background is simple and intuitive. You can design gradients in just a few clicks, allowing you to transform your artboards with a range of vibrant and subtle color transitions.<\/p>\n<\/div>\n<div class=\"intercom-interblocks-subheading intercom-interblocks-align-left\">\n<h2 id=\"h_0faa6dbcc0\"><b>Steps to Create Gradient Backgrounds<\/b><\/h2>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p><b>1. Open Your Project: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Begin by logging into your Simplified account and opening the project where you want to add a gradient background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6247 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/design-project.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"Select project \" width=\"586\" height=\"374\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/design-project.png 1427w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/p>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>2. Click on Your Artboard: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Select the artboard where you want to apply the gradient background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6246 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/Click-on-highlight.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"Click on highlight\" width=\"586\" height=\"374\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-highlight.png 1427w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>3. Click on Background: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Find the background option in the toolbar to start customizing the artboard&#8217;s background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6248 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/Click-on-Background-option.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"Click on Background option\" width=\"595\" height=\"380\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Background-option.png 1427w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>4. Click on the Color Icon: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>This will open the color settings for your artboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6249 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/click-on-color-icon.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"click on color icon\" width=\"619\" height=\"395\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-color-icon.png 1427w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>5. Click on Gradient Option: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Choose this option to enable gradient settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6250 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/click-on-gradient.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"click on gradient\" width=\"609\" height=\"389\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/click-on-gradient.png 1427w\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>6. Select Your Colors: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Choose the colors you want for your gradient. You can select from a palette or create your own combination.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6251 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/Click-on-Gradient-Presets.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"Click on Gradient Presets\" width=\"616\" height=\"394\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/Click-on-Gradient-Presets.png 1427w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>7. Click on Gradient Angle:<\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Adjust the angle of the gradient to change the direction of the color transition.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6252 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/gradient-angel.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"gradient angel\" width=\"628\" height=\"401\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/gradient-angel.png 1427w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p><b>8. Adjust Color Shade: <\/b><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>You can also adjust the color shade to get the desired effect for your gradient background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6253 aligncenter\" src=\"https:\/\/siteimages.simplified.com\/academy\/color-shade.png?auto=format&amp;fit=scale&amp;h=654&amp;ixlib=php-3.3.1&amp;w=1024&amp;wpsize=large\" alt=\"color shade\" width=\"620\" height=\"396\" srcset=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 300w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 1024w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 768w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 1536w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 2048w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 800w, https:\/\/academy.simplified.com\/wp-content\/uploads\/academy\/color-shade.png 1427w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<p>Your gradient background is ready with these few simple steps!<\/p>\n<\/div>\n<div class=\"intercom-interblocks-subheading intercom-interblocks-align-left\">\n<h3 id=\"h_e85a244df6\"><b>For More Resources and Tutorials<\/b><\/h3>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>For additional tutorials and resources on using Simplified AI Design App, visit our<a href=\"https:\/\/simplified.com\/academy\"> <b>Simplified Academy<\/b><\/a> or access our<a href=\"https:\/\/help.simplified.com\/en\"> <b>Help Center<\/b><\/a>.<\/p>\n<\/div>\n<div class=\"intercom-interblocks-subheading intercom-interblocks-align-left\">\n<h3 id=\"h_da3dd082b1\"><b>Check Out Our YouTube Channel for More Tips!<\/b><\/h3>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Discover more tips and tutorials on creating stunning designs by subscribing to our <b><a href=\"https:\/\/www.youtube.com\/@SimplifiedAI\"> YouTube channel<\/a><\/b>. Get the latest insights on using the Simplified AI Design App to enhance your design skills.<\/p>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A gradient background is a visual effect where two or more colors gradually blend into each other, creating a smooth transition. In design, gradients are a powerful tool that can add depth, dimension, and visual interest to your images. They are essential for modern design because they can make backgrounds more creative and attractive, adding a dynamic flair to your projects. How Simplified AI Design App Makes Gradient Backgrounds Easy With Simplified AI Design App, creating gradient background is simple and intuitive. You can design gradients in just a few clicks, allowing you to transform your artboards with a range [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3711,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3710","post","type-post","status-publish","format-video","has-post-thumbnail","category-graphic-design","post_format-post-format-video","post--single"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.0 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Use Gradients In Your Design<\/title>\n<meta name=\"description\" content=\"Add depth and dimension to your designs with gradient backgrounds. In just a few clicks, you can customize the gradient angle and select color combinations,\" \/>\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-use-gradients-in-your-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use Gradients In Your Design\" \/>\n<meta property=\"og:description\" content=\"Add depth and dimension to your designs with gradient backgrounds. In just a few clicks, you can customize the gradient angle and select color combinations,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design\" \/>\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=\"2021-07-21T14:14:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T12:36:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.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=\"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\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Use Gradients In Your Design","description":"Add depth and dimension to your designs with gradient backgrounds. In just a few clicks, you can customize the gradient angle and select color combinations,","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-use-gradients-in-your-design","og_locale":"en_US","og_type":"article","og_title":"How To Use Gradients In Your Design","og_description":"Add depth and dimension to your designs with gradient backgrounds. In just a few clicks, you can customize the gradient angle and select color combinations,","og_url":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design","og_site_name":"Simplified Academy","article_publisher":"https:\/\/www.facebook.com\/simplifiedhq\/","article_published_time":"2021-07-21T14:14:29+00:00","article_modified_time":"2024-05-07T12:36:09+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png","type":"image\/png"}],"author":"Team Simplified","twitter_card":"summary_large_image","twitter_creator":"@sosimplified","twitter_site":"@sosimplified","twitter_misc":{"Written by":"Team Simplified","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#article","isPartOf":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design"},"author":{"name":"Team Simplified","@id":"https:\/\/simplified.com\/academy\/#\/schema\/person\/7336ec0a835b05c516288852207f2d8b"},"headline":"How To Use Gradients In Your Design","datePublished":"2021-07-21T14:14:29+00:00","dateModified":"2024-05-07T12:36:09+00:00","mainEntityOfPage":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design"},"wordCount":339,"publisher":{"@id":"https:\/\/simplified.com\/academy\/#organization"},"image":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#primaryimage"},"thumbnailUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png","articleSection":["Graphic Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design","url":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design","name":"How To Use Gradients In Your Design","isPartOf":{"@id":"https:\/\/simplified.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#primaryimage"},"image":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#primaryimage"},"thumbnailUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png","datePublished":"2021-07-21T14:14:29+00:00","dateModified":"2024-05-07T12:36:09+00:00","description":"Add depth and dimension to your designs with gradient backgrounds. In just a few clicks, you can customize the gradient angle and select color combinations,","breadcrumb":{"@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#primaryimage","url":"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png","contentUrl":"https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png","width":1280,"height":720,"caption":"How to use gradients in your design"},{"@type":"BreadcrumbList","@id":"https:\/\/simplified.com\/academy\/graphic-design\/how-to-use-gradients-in-your-design#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 Use Gradients In Your Design"}]},{"@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\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"landscape":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"portraits":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"thumbnail":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-150x150.png",150,150,true],"medium":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-300x169.png",300,169,true],"large":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-1024x576.png",1024,576,true],"1536x1536":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"2048x2048":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"ceris-xxxs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",70,39,false],"ceris-xxs-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-180x135.png",180,135,true],"ceris-xxs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-180x180.png",180,180,true],"ceris-xs-16_9 400x225":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-400x225.png",400,225,true],"ceris-xs-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-400x300.png",400,300,true],"ceris-xs-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-400x200.png",400,200,true],"ceris-xs-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-400x400.png",400,400,true],"ceris-xs-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-600x338.png",600,338,true],"ceris-s-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-600x450.png",600,450,true],"ceris-s-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-600x300.png",600,300,true],"ceris-s-1_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-600x600.png",600,600,true],"ceris-m-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-800x450.png",800,450,true],"ceris-m-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-800x600.png",800,600,true],"ceris-m-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-800x400.png",800,400,true],"ceris-m-auto":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-800x450.png",800,450,true],"ceris-l-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-1200x675.png",1200,675,true],"ceris-l-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-1200x720.png",1200,720,true],"ceris-l-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro-1200x600.png",1200,600,true],"ceris-xl-16_9":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"ceris-xl-4_3":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"ceris-xl-2_1":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false],"ceris-xxl":["https:\/\/academy.simplified.com\/wp-content\/uploads\/2021\/07\/use-gradients-like-a-pro.png",1280,720,false]},"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":"A gradient background is a visual effect where two or more colors gradually blend into each other, creating a smooth transition. In design, gradients are a powerful tool that can add depth, dimension, and visual interest to your images. They are essential for modern design because they can make backgrounds more creative and attractive, adding&hellip;","_links":{"self":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/posts\/3710","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=3710"}],"version-history":[{"count":0,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/posts\/3710\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/media\/3711"}],"wp:attachment":[{"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/media?parent=3710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/categories?post=3710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simplified.com\/academy\/wp-json\/wp\/v2\/tags?post=3710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}