{"id":66482,"date":"2020-02-03T16:06:55","date_gmt":"2020-02-03T16:06:55","guid":{"rendered":"https:\/\/www.solopress.com\/blog\/?p=66482"},"modified":"2021-02-24T12:50:16","modified_gmt":"2021-02-24T12:50:16","slug":"how-to-use-the-gradient-tool-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/","title":{"rendered":"How to use the gradient tool in Photoshop"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>We\u2019re taking a look at how to use gradient tool in Photoshop. You\u2019ll learn to use Photoshop gradients to create stunning colour blend effects in your designs.<\/p>\n<ol>\n<li>Select a shape in Photoshop<\/li>\n<li>With a shape tool selected, go to the \u201cFill\u201d box in the selection bar at the top of the screen<\/li>\n<li>In the drop-down window, click the gradient tab<\/li>\n<li>In \u201cLayers\u201d on the right-hand side, double-click the layer thumbnail for your shape<\/li>\n<li>This opens the settings box for the Gradient Tool<\/li>\n<li>In \u201cType:\u201d choose from linear, radial or freeform gradients<\/li>\n<li>Double click the circles at either end of the gradient bar to select the colours you wish to graduate between<\/li>\n<li>Click within your shape to apply the gradient<\/li>\n<li>Alternatively, draw a line with the gradient tool to define the length and angle of the gradient<\/li>\n<\/ol>\n<p>This is a simple way to add a gradient in Photoshop, but there are many more advanced options and functions to explore. View our video tutorial for a more in depth look at Photoshop gradients.<\/p>\n<p>The gradients you create in Photoshop look great on screen, but even better in print. For great prices on print \u2013 and free UK delivery \u00ad\u2013 visit <a href=\"https:\/\/www.solopress.com\/\">Solopress<\/a>.<\/p>\n<h2><strong>Video tutorial: How to use the gradient tool in Photoshop<\/strong><\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/T5lc3zgosns?rel=0\" width=\"675\" height=\"378\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Our series of video tutorials is packed with useful info on getting the most out of Adobe\u2019s design programs. If you\u2019d like to learn more, you can subscribe to our YouTube channel.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/solopress?sub_confirmation=1\" target=\"_blank\" rel=\"https:\/\/www.youtube.com\/solopress?sub_confirmation=1 noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66137\" src=\"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/01\/subscribe.png\" alt=\"subscribe button\" width=\"157\" height=\"48\" \/><\/a><\/p>\n<h2><strong>Video Transcription<\/strong><\/h2>\n<h3><strong>How to use the gradient tool in Photoshop<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Hello everyone, <\/span><\/p>\n<p><span style=\"font-weight: 400;\">My name\u2019s Dan, and welcome to our tutorial for how to use the gradient tool in Photoshop. We\u2019ll be going through making a gradient from scratch, but also how to overlay a gradient onto a graphic &#8211; I\u2019ve put some timestamps below if you want to skip ahead.<\/span><\/p>\n<p><b>Shape Gradient<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Firstly I\u2019m going to make a shape by selecting the shape tool, and just make a simple square. If you want to make a different shape, you can click and hold the shape tool, and select your desired shape.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I\u2019ll then click \u201cFill\u201d on the top left of the window and select the \u201cGradient\u201d option, which is this one here. If you\u2019re not sure which one to go with, hover your cursor over the different modes, and the tooltip should pop up.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now I\u2019ll go down to our layer and double click on the thumbnail. A gradient will window will appear, and you\u2019ll see a few options, but first I want to change the gradient colours. I\u2019ll double click on the gradient, and it will bring up a new window. Let\u2019s go through all the different options on this one.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The most important part of gradient manipulation is understanding how the colours, opacity, and transition points work. There are top and bottom handles. The top ones affect the opacity of each gradient point and the transparency transition harshness. By clicking on the top handle, I can now adjust the transparency of the gradient on the left-hand side. Wherever I move the opacity slider will be the point where the opacity starts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The bottom handles affect the colour of the gradient points as well as the colour transition harshness. As above, moving them closer together or further apart will affect the transition harshness between the two colours. There\u2019s also the option to add additional colours by clicking between the bottom handles.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To select the colours, double click on the handle, and this will open a window where you can choose the colour your gradient point will be.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you have a certain gradient that you\u2019ve made which you\u2019d like to reuse in the future, you can click here to make a new preset. Or, if you\u2019ve downloaded some, you can import them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thankfully, in the latest update of Photoshop 2020, you\u2019re able to create gradients based off of Photoshop\u2019s new presets. There are loads of colours to choose from, and many variants within each colour. However, using presets doesn\u2019t prevent you from modifying the colours selected.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, once you\u2019ve come up with your desired gradient colours, you can hit okay to apply them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This next one is a little trickier to demonstrate, as video compression on YouTube may make the difference unnoticeable. When you applying a gradient that contains two or more colours, you may encounter \u201cbanding\u201d, which is where each colour appears in layers rather than a smooth transition. Luckily, Photoshop has a feature within the gradient window called Dither. What this will do is mix in some noise to help the gradient blend more smoothly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, this is sometimes not enough to fix it. One of the best ways to better display a gradient is by increasing the bit level. Chances are, if you go over to the Image menu and hover over \u201cMode\u201d, you\u2019ll see that your mode is 8 bits per channel. It\u2019s best to change this to 16 bit &#8211; this increases the number of tones available for a single colour.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In terms of print, an 8-bit colourspace will give you 256 possible tonal values for each colour &#8211; that\u2019s Cyan, Magenta, Yellow and Black, or if you\u2019re using RGB, 256 each for Red, Green and Blue. Setting your colourspace to 16 bit will up your 256 tonal values for each colour, to a whopping 65,536!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Your gradient should look immediately better now, and although you might see some visual banding still on the screen, it\u2019s usually going to be Photoshop\u2019s limitation of displaying banding on the screen when there is actually no banding at all, especially on consumer equipment which will usually be 8-bit anyway.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We can double click back onto the layer to bring up the gradient properties again. We can see there are properties to change the angle, which we can either do by spinning the dial or typing in the desired angle. And if for any reason, we want to mirror the colours, we can click \u201creverse\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now let\u2019s take a look at the Style menu, and we can choose between Linear, Radial, Angle, Reflected and Diamond. We\u2019re currently in Linear, which is a direct transition from one colour to another in a given direction. Radial sets one colour point in the middle, transitioning to the outer colour. Angle sets a colour gradient wrapping around the image starting with one colour and transitioning into the other, with a harsh line between where they meet. Reflected is a line of one of the colours, with either side of the line transitioning into the secondary colour. Diamond is similar to radial except it\u2019s more\u2026 diamond-shaped.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Scale simply increases or decreases the transition harshness between the colours you\u2019ve picked. The best way to demonstrate is in the Linear gradient style. The lower my scale, the sharper the gradient, and vice versa.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Click okay &#8211; and don\u2019t worry if you feel like you need to change it in the future. Because Photoshop generates shape properties, you can simply double click again on the layer thumbnail to bring up the new options menu.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And that\u2019s how to make a new gradient in a shape &#8211; but what if we want to overlay a gradient onto the shape of a graphic?<\/span><\/p>\n<p><b>Gradient Overlay<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s a transparent image of a cat. To add the overlay, I\u2019m going to firstly select the layer, then go to FX in the bottom right-hand corner, and select \u201cGradient Overlay\u201d. A window will pop up, and we then have all the same options as before, but with a few additions. I\u2019ll just go and change my gradient to something I like.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There\u2019s now the option to change the blending mode, which makes the gradient act more like a filter based on what colour it is, and will affect the original layer &#8211; and changing the opacity has the effect of increasing the transparency of the gradient over the original image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And there you have it &#8211; it really is as simple as that.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you enjoyed this video, please leave a like, and if you have any questions or suggestions, please feel free to leave a comment. We\u2019re creating all kinds of tutorials for Adobe programs, so hit subscribe and enjoy our content. My name\u2019s Dan, thanks for watching.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re taking a look at how to use gradient tool in Photoshop. You\u2019ll learn to use Photoshop gradients to create stunning colour blend effects in your designs. Select a shape in Photoshop With a shape tool selected, go to the \u201cFill\u201d box in the selection bar at the top of the screen In the drop-down [&hellip;]<\/p>\n","protected":false},"author":134,"featured_media":68596,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"tdm_status":"","tdm_grid_status":"","footnotes":""},"categories":[555],"tags":[905],"class_list":{"0":"post-66482","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"tag-photoshop"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK<\/title>\n<meta name=\"description\" content=\"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK\" \/>\n<meta property=\"og:description\" content=\"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"The Latest Print and Design News | Solopress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Solopress\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-03T16:06:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-24T12:50:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danny Powell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@solopress\" \/>\n<meta name=\"twitter:site\" content=\"@solopress\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danny Powell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/\"},\"author\":{\"name\":\"Danny Powell\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/person\\\/0937555a256c22f94400f4b7e2329c09\"},\"headline\":\"How to use the gradient tool in Photoshop\",\"datePublished\":\"2020-02-03T16:06:55+00:00\",\"dateModified\":\"2021-02-24T12:50:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/\"},\"wordCount\":1407,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/GradientPS.jpg\",\"keywords\":[\"Photoshop\"],\"articleSection\":[\"Design Tutorials\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/\",\"name\":\"How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/GradientPS.jpg\",\"datePublished\":\"2020-02-03T16:06:55+00:00\",\"dateModified\":\"2021-02-24T12:50:16+00:00\",\"description\":\"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/GradientPS.jpg\",\"contentUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/GradientPS.jpg\",\"width\":800,\"height\":600,\"caption\":\"How to use the gradient tool in photoshop header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/how-to-use-the-gradient-tool-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use the gradient tool in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\",\"name\":\"The Latest Print and Design News | Solopress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\",\"name\":\"Solopress\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/solopress-logo-no-tagline@2x.png\",\"contentUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/solopress-logo-no-tagline@2x.png\",\"width\":428,\"height\":88,\"caption\":\"Solopress\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Solopress\",\"https:\\\/\\\/x.com\\\/solopress\",\"https:\\\/\\\/instagram.com\\\/solopress\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/solopress\",\"https:\\\/\\\/uk.pinterest.com\\\/solopress\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/solopress\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/person\\\/0937555a256c22f94400f4b7e2329c09\",\"name\":\"Danny Powell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g\",\"caption\":\"Danny Powell\"},\"description\":\"With over two decades in marketing, Danny Powell is a Senior Copywriter at Solopress, one of the UK\u2019s leading online printers. Having worked on the print buying, agency and sales sides of the industry, he brings a well-rounded perspective to his writing on print, design and sustainability.\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/author\\\/danny-powell\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK","description":"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.","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:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/","og_locale":"en_GB","og_type":"article","og_title":"How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK","og_description":"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.","og_url":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/","og_site_name":"The Latest Print and Design News | Solopress","article_publisher":"https:\/\/www.facebook.com\/Solopress","article_published_time":"2020-02-03T16:06:55+00:00","article_modified_time":"2021-02-24T12:50:16+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","type":"image\/jpeg"}],"author":"Danny Powell","twitter_card":"summary_large_image","twitter_creator":"@solopress","twitter_site":"@solopress","twitter_misc":{"Written by":"Danny Powell","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/"},"author":{"name":"Danny Powell","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/person\/0937555a256c22f94400f4b7e2329c09"},"headline":"How to use the gradient tool in Photoshop","datePublished":"2020-02-03T16:06:55+00:00","dateModified":"2021-02-24T12:50:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/"},"wordCount":1407,"commentCount":0,"publisher":{"@id":"https:\/\/www.solopress.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","keywords":["Photoshop"],"articleSection":["Design Tutorials"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/","url":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/","name":"How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK","isPartOf":{"@id":"https:\/\/www.solopress.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","datePublished":"2020-02-03T16:06:55+00:00","dateModified":"2021-02-24T12:50:16+00:00","description":"We\u2019re taking a look at how to use the gradient tool in Photoshop to create stunning colour blend effects in your designs.","breadcrumb":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#primaryimage","url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","contentUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","width":800,"height":600,"caption":"How to use the gradient tool in photoshop header image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/how-to-use-the-gradient-tool-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.solopress.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use the gradient tool in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.solopress.com\/blog\/#website","url":"https:\/\/www.solopress.com\/blog\/","name":"The Latest Print and Design News | Solopress","description":"","publisher":{"@id":"https:\/\/www.solopress.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.solopress.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.solopress.com\/blog\/#organization","name":"Solopress","url":"https:\/\/www.solopress.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2017\/06\/solopress-logo-no-tagline@2x.png","contentUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2017\/06\/solopress-logo-no-tagline@2x.png","width":428,"height":88,"caption":"Solopress"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Solopress","https:\/\/x.com\/solopress","https:\/\/instagram.com\/solopress\/","https:\/\/www.linkedin.com\/company\/solopress","https:\/\/uk.pinterest.com\/solopress\/","https:\/\/www.youtube.com\/user\/solopress"]},{"@type":"Person","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/person\/0937555a256c22f94400f4b7e2329c09","name":"Danny Powell","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/61a91dfef0f2540955232e281a9d8dd099c01492bda6e2638fa05db47a9665eb?s=96&r=g","caption":"Danny Powell"},"description":"With over two decades in marketing, Danny Powell is a Senior Copywriter at Solopress, one of the UK\u2019s leading online printers. Having worked on the print buying, agency and sales sides of the industry, he brings a well-rounded perspective to his writing on print, design and sustainability.","url":"https:\/\/www.solopress.com\/blog\/author\/danny-powell\/"}]}},"jetpack_featured_media_url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/07\/GradientPS.jpg","_links":{"self":[{"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/posts\/66482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/users\/134"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/comments?post=66482"}],"version-history":[{"count":5,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/posts\/66482\/revisions"}],"predecessor-version":[{"id":67013,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/posts\/66482\/revisions\/67013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/media\/68596"}],"wp:attachment":[{"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/media?parent=66482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/categories?post=66482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/wp-json\/wp\/v2\/tags?post=66482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}