{"id":18319,"date":"2017-06-26T05:55:50","date_gmt":"2017-06-26T09:55:50","guid":{"rendered":"http:\/\/www.johnpaulcaponigro.com\/blog\/?p=18319"},"modified":"2021-12-02T22:21:43","modified_gmt":"2021-12-02T22:21:43","slug":"smooth-moves-photoshops-gradient-masks","status":"publish","type":"post","link":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/","title":{"rendered":"Smooth Moves With Photoshop’s Gradient Masks"},"content":{"rendered":"

\"15.A1_3073\"
\n\"16.A2_3073\"<\/a><\/p>\n

Image adjusted selectively with a gradient<\/em><\/p>\n

\"17.B1_V2V4167\"<\/a><\/p>\n

Warm exposure<\/em><\/p>\n

\"18.B2_V2V4167\"<\/a><\/p>\n

Cool exposure<\/em><\/p>\n

\"19.B3_V2V4167\"<\/a><\/p>\n

Two exposures blended with a gradient mask<\/p>\n

<\/em><\/p>\n

Smooth transitions. They’re the essence of continuous tone images. In most cases, you want to preserve them. On occasion, you want to modify them. Sometimes, you want to create them.<\/p>\n

While gradients can be used as image layers, they are more frequently used as layer masks. Gradient masks can be used in two central ways, ways that differ from one another significantly. First, gradient masks can be used to selectively reduce the effects of any correction made as an adjustment layer. Second, gradient masks can be used to selectively reduce the opacity of any image layer.<\/p>\n

Digital correction with gradient mask techniques replace and surpass using traditional graduated filters. Not only can you make more precise corrections digitally, with gradients you can control the placement of the gradient and transitions within it more precisely. The gradient is uncoupled from the exposure and is indefinitely and infinitely modifiable.
\nYou can do much, much more with gradients. Here are a few of the things you can accomplish using gradient masks.<\/p>\n

Transition between stronger and weaker settings of a correction – enhance contrast and color balance selectively, reduce fall off, neutral density filtration, color filtration, add or remove vignetting, etc.<\/p>\n

Transition between dark and light exposures – extending dynamic range.<\/p>\n

Apply filtration selectively – sharpening, blurring, noise, etc.<\/p>\n

Transition between exposures with different points of focus – increasing depth of field.<\/p>\n

Transition between adjacent exposures of the same subject – increasing format.<\/p>\n

Transition between more saturated and less saturated renditions of an image – accentuating atmospheric perspective.<\/p>\n

Transition between the same image with two different white point settings – accentuating or creating the appearance of mixed light sources.<\/p>\n

Believe it or not, this is only the beginning of the possibilities gradients offer. Mastering gradients is an essential digital skill.<\/p>\n

Although gradients can be extremely complex and can yield extremely sophisticated results, once the basic principle behind them is firmly grasped, they are actually quite simple to create and use.<\/p>\n

Gradients are easy to create. You\u2019ll find the Gradient tool (essentially a brush) midway down the Toolbar, below the Eraser and above the Blur tool. With the Gradient tool active click hold and drag a vector across an image, either on a layer mask or less frequently on a new blank layer. A gradient will be created between the start (where you click first) and endpoints (where you drag to). The start and endpoints may be placed anywhere on the canvas. Gradients can be drawn for any length at any angle. The shorter the distance between the two points, the tighter the gradient will be with more abrupt tonal transitions. The longer the distance between the points the softer the gradient will be with smoother tonal transitions. Favor longer gradients with smoother transitions. They can always be tightened and repositioned by adjusting contrast. (Reducing contrast will not produce the opposite effect; it will posterize the gradient.) There may be times when you want to place a start or endpoint outside the border of an image. You can do this by expanding the window around the image. Click and drag on the lower right-hand corner of the window. Gray will be seen surrounding the image but inside the window. A start point, endpoint, or both may be placed anywhere within the window.<\/p>\n

\"3.graddarkened\"<\/a><\/p>\n

Linear gradient<\/em><\/p>\n

\"6.refl.gradinv\"<\/a><\/p>\n

Reflected gradient<\/i><\/p>\n

\"7.radialgrad\"<\/a><\/p>\n

Radial gradient<\/em><\/p>\n

\"8.stargrad\"<\/a><\/p>\n

Star gradient<\/em><\/p>\n

\"9.anglegrad\"<\/a><\/p>\n

Angle gradient<\/em><\/p>\n

There are five types of gradients to choose from. Two, Angle and Diamond are of limited use. Three, Linear, Radial, and Reflected are very useful. Linear uses the start and endpoints to define a gradient along a line. Radial uses the start and endpoints to define the radius of a circle. Reflected uses the start and endpoints to define the center (foreground color) and outsides (background color).
\nOf the sixty-six gradient presets you can choose from, the first two serve most purposes – Foreground to Background and Foreground to Transparent. (Most people can pretty much forget about the other sixty-four presets.) Classically, black and white or shades of gray are most frequently used.<\/p>\n

\"Curves_425\"<\/a><\/p>\n

Curves gives you more control<\/em><\/p>\n

Gradients can be extraordinarily flexible. You can alter the characteristics of a gradient by checking the Edit button under the gradient Options palette. If you don’t get precisely the effect you’re looking for, you can try again. Or, if you’re fine-tuning a monochromatic gradient there’s an easier way. After creating a gradient, slightly longer than you think you need, apply a Curves adjustment to the gradient (Image > Adjustments > Curves). Move the midtones; shift the midpoint. Move the highlights left and\/or shadows right; shift the endpoints – quickening the transitions in between. Move the white point down and\/or the black point up; change the endpoints to gray. Move the white point down to the black point and the black point up to the white point; invert the gradient. That’s control!<\/p>\n

\"10.2gradcomboforetotrans\"<\/a><\/p>\n

Linear and Reflected gradients combined<\/em><\/p>\n

You can combine multiple gradients with one another in a variety of ways. Here are two. One, start with one gradient and use the Foreground to Transparent option to add a second. Two, start with one gradient and change the Gradient Tool’s blend mode to Darken or Lighten to add a second. The two methods sometimes yield different results.<\/p>\n

Blend modes can be used to modify how a gradient interacts with the image it is drawn on in a variety of ways. For the most control, don’t use the blend mode with the brush; instead, draw the gradient on a separate layer and use the blend mode of the layer to achieve the same effect with more flexibility and control.
\nYou can reposition any gradient using the Move tool. Moving a gradient mask on an adjustment layer presents few problems. You can easily tell if you are working on the image or the mask – its icon will be highlighted. Because and image layer and its mask are linked, to move a mask separately you must first unlink the two by checking off the link icon between them and then targeting the mask to move it separately. It’s likely you will want to relink the two when you are done.<\/p>\n

Gradients can be transformed substantially (Edit > Free Transform).<\/p>\n

Gradients can be created within active selections to affect only selected areas.<\/p>\n

Some gradients suffer from banding. To reduce the effects of banding, add a small amount of noise (Filter > Noise > Add Noise); this will often break up the effect of banding. Be careful not to overdo it or you\u2019ll simply trade one distracting artifact (lines) for another (dots).
\nBut wait, there\u2019s more! Here are three more ways to create extremely useful gradients.<\/p>\n

\"13.paintedgrad\"<\/a><\/p>\n

Use a soft-edged brush to create a gradient<\/em><\/p>\n

One, use a soft-edged brush; the feathered edge automatically creates a gradient.
\nTwo, make a selection, then make an adjustment layer, double click on the mask to activate it\u2019s properties, and use the Feather slider. I don\u2019t like automatically feathering selections. I prefer this method over automatically feathering selections: you get a better preview; you get more precision; and you can modify the gradient by reactivating a masks\u2019 properties.<\/p>\n

\"12.selectionblurred\"<\/p>\n

Blur a shape to create a gradient<\/em><\/p>\n

Three, blur a hard-edged shape and you can create a gradient. By the same token, if a gradient does not have sufficiently smooth transitions it may be blurred, in whole or in part; watch for posterization if you do this.<\/p>\n

Remember, masks are black and white images. Anything you can do to a Grayscale image you can do to a mask – adjust its contrast, filter it, transform it, Liquify it, clone it, paint it, etc.<\/p>\n

Learning to make good gradient masks is an indispensable skill for adjusting digital images. Their power and versatility are simply unrivaled.<\/p>\n

Read more about Selections & Masks.<\/strong><\/a><\/span>
\nLearn more in my digital photography\u00a0and digital printing workshops.<\/a><\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Image adjusted selectively with a gradient Warm exposure Cool exposure Two exposures blended with a gradient mask Smooth transitions. They’re the essence of continuous tone images. In most cases, you want to preserve them. On occasion, you want to modify them. Sometimes, you want to…<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[2725],"tags":[136,2994,2603,2604,1426,141],"post_folder":[],"yoast_head":"\nSmooth Moves With Photoshop's Gradient Masks - John Paul Caponigro<\/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:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smooth Moves With Photoshop's Gradient Masks - John Paul Caponigro\" \/>\n<meta property=\"og:description\" content=\"Image adjusted selectively with a gradient Warm exposure Cool exposure Two exposures blended with a gradient mask Smooth transitions. They’re the essence of continuous tone images. In most cases, you want to preserve them. On occasion, you want to modify them. Sometimes, you want to...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/\" \/>\n<meta property=\"og:site_name\" content=\"John Paul Caponigro\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-26T09:55:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-02T22:21:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/15.A1_3073.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"johnpaulcaponigro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smooth Moves With Photoshop's Gradient Masks - John Paul Caponigro","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.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/","og_locale":"en_US","og_type":"article","og_title":"Smooth Moves With Photoshop's Gradient Masks - John Paul Caponigro","og_description":"Image adjusted selectively with a gradient Warm exposure Cool exposure Two exposures blended with a gradient mask Smooth transitions. They’re the essence of continuous tone images. In most cases, you want to preserve them. On occasion, you want to modify them. Sometimes, you want to...","og_url":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/","og_site_name":"John Paul Caponigro","article_published_time":"2017-06-26T09:55:50+00:00","article_modified_time":"2021-12-02T22:21:43+00:00","og_image":[{"url":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/15.A1_3073.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"johnpaulcaponigro","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#website","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/","name":"John Paul Caponigro","description":"Illuminating Creativity","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.johnpaulcaponigro.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/#primaryimage","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/15.A1_3073.jpg","contentUrl":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-content\/uploads\/2021\/02\/15.A1_3073.jpg","width":425,"height":266},{"@type":"WebPage","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/#webpage","url":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/","name":"Smooth Moves With Photoshop's Gradient Masks - John Paul Caponigro","isPartOf":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/#primaryimage"},"datePublished":"2017-06-26T09:55:50+00:00","dateModified":"2021-12-02T22:21:43+00:00","author":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/858a1050968a36008905f1980aae47b0"},"breadcrumb":{"@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/18319\/smooth-moves-photoshops-gradient-masks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.johnpaulcaponigro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Smooth Moves With Photoshop’s Gradient Masks"}]},{"@type":"Person","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/858a1050968a36008905f1980aae47b0","name":"johnpaulcaponigro","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.johnpaulcaponigro.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/309d46e93fff33337943899d8f3269cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/309d46e93fff33337943899d8f3269cf?s=96&d=mm&r=g","caption":"johnpaulcaponigro"},"url":"https:\/\/www.johnpaulcaponigro.com\/blog\/author\/johnpaulcaponigro\/"}]}},"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts\/18319"}],"collection":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/comments?post=18319"}],"version-history":[{"count":2,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts\/18319\/revisions"}],"predecessor-version":[{"id":40805,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/posts\/18319\/revisions\/40805"}],"wp:attachment":[{"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/media?parent=18319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/categories?post=18319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/tags?post=18319"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.johnpaulcaponigro.com\/blog\/wp-json\/wp\/v2\/post_folder?post=18319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}