• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
3

Is it possible to add a vignette to a selection in Photoshop?

Engaged ,
Feb 27, 2024 Feb 27, 2024

Copy link to clipboard

Copied

I have an area of a photo that is contained withing a selection.  I want to darken the deges of the selected area.  Is it possible to add a vignette to the selection?  If so how is that done?

 

TOPICS
Windows

Views

295

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 28, 2024 Feb 28, 2024

Here's another way you could do this using a Color Fill layer: With your selection active, make a new Color Fill layer. In Blending Options, set Fill Opacity to zero percent. Add a Stroke, with Position set to Inside, Fill Type set to Gradient, Style set to Shape Burst, and a Black to Transparent gradient.

Semaphoric_0-1709176332736.png

Vignette.png

[EDIT]

Better than a Stroke, use Inner Glow, with color set to black, Blend Mode set to Multiply, and Source set to Edge.

Semaphoric_0-1709226418863.png

 

Votes

Translate

Translate
Adobe
Community Expert ,
Feb 27, 2024 Feb 27, 2024

Copy link to clipboard

Copied

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 27, 2024 Feb 27, 2024

Copy link to clipboard

Copied

Does the demo below show what you mean? If this is what you want, you can see that with the updated Gradient tool, it was done in only a few seconds, and it can be edited at any time.

 

Photoshop Bill Junk vignette.gif

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

Conrad,

Thanks very much for the suggestion.  Using the gradient tool worked somewhat in my situation, but the selection to which the vignette needed to be applied was an irregular section of a rock outcropping.  I really needed the vignette applied along the outer boundary of the selection.  The elipse created by the gradient tool doesn't conform very well to the irregular shape of the rocks.  Consequently I get the darkening on some of the rock edges and not others.  What I wanted to achieve was to create more definition between the edges of the rocks in the selection and the rocks that surrounded it.  In other words I was hoping that the vignette would conform to the boundary of the selection rather than an elipse drawn around it.  I might have to take the time to just burn the edge inside the selection.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

Here's one way to make what apppears to be a vignette using an irregular shape:

  1. Make the selection.
  2. At the bottom of the Layers panel, select the middle icon (for adjustment layers), and select Solid Color...
  3. Set the color from the Color Picker.
  4. In the Layers panel, select the layer mask thumbnail.
  5. Go to Image > Adjustments > Invert.
  6. Go to Filter > Blur > Gaussian Blur and set the radius as desired.
  7. Adjust Opacity and/or Blend mode settings in the Layers panel for that layer as desired.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

Myra,

I appreciate you taking the time to suggest a way for me to do the vignetting of an irregular selection.  I should have mentioned that I'm working with a color image that eventually has a Black&White layer applied.  I have tried doing your steps several times and what seems to happen is that the step where I go to Image > Adjustments > Inverse ends up applying a brightening adjustment outside of the selection, but I need the effect applied inside the selection and it needs to be one that darkens the area adjacent to and inside the selection.  There are places where I don't really have a good sense of how to set the parameters.  For the Solid Color I've been selecting various grays from white to black. It took me some time to figure out that the parameter for the Gaussian Blur affecs the width of the boundary area.  If I don't do the invert step then I get a darker area inside the selection with a gradual blending to the outer edge of the selection which reduces the distinction between the selected area and the surrounding areas and also reduces the brightness of everything outside the selection.  I decided to go back and remake much more precise selections for the 5 areas in the image and deal with them individually using Brightness/Contrast or Curves layers, or actually mess with the color of a selection so that I have better control in the Black&White layer.  Again thanks for your suggestion.

     Bill

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

When you make the selection and then add a solid color fill layer, Photoshop converts that selection into layer mask on that fill layer. After the addition of the solid color fill layer which makes the conversion of the selection to a layer mask, there shouldn't be an active selection on the canvas.

 

It's the layer mask (the black & white thumbnail to the right of the solid color fill) where you should apply the Gaussian blur.

 

If I'm misunderstanding your setup, would you be able to add a screenshot that includes your canvas and your Layers panel?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

I believe that's what I did.  Here is a screen capture of the image and the layers panel.  The part that's selected is the darker colored rocks in the middle and leading off to the right edge of the frame.  What you see is an almost final version of the image.  At this point my interest has shifted to just seeing if there's another way to do this, like what you've suggested.

    Bill

 

BillJunk_0-1709171154074.png

Here it is with the Color Fill layer:

BillJunk_1-1709171585323.png

Here it is after the Image > Adjustment > Invert.  What concerns me is that the background are covered with a much lighter color of gray than others areas.  This area was not part of the initial selection, but seems to be acting like it was.  I expected it to be the same gray color as other areas.

BillJunk_2-1709171687035.png

After applying the Gausian Blur there's a small area outside the selected area that is now visible.

BillJunk_3-1709171829944.png

And now with opacity set at 25% here's what resulsts.  The background rocks / ridge  is now much lighter than it should be.

BillJunk_4-1709171965875.png

Hope this gives you some "diagnostic" information.

      Bill

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

Here's another way you could do this using a Color Fill layer: With your selection active, make a new Color Fill layer. In Blending Options, set Fill Opacity to zero percent. Add a Stroke, with Position set to Inside, Fill Type set to Gradient, Style set to Shape Burst, and a Black to Transparent gradient.

Semaphoric_0-1709176332736.png

Vignette.png

[EDIT]

Better than a Stroke, use Inner Glow, with color set to black, Blend Mode set to Multiply, and Source set to Edge.

Semaphoric_0-1709226418863.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 29, 2024 Feb 29, 2024

Copy link to clipboard

Copied

I've tried many times and I think I'm doing what you outlined above using a stroke, but the gradient never gets applied to the selected area.  For the Inner Glow method I think I understand the basic concept of what you are doing, which seems simple and straightforward, but it doesn't work for me.  When I get to the Layer Styles panel I have all the parameters set to values that are shown in your examples.  The preview shows something that should make a difference, but when I click on the OK button no change is made to the image.  I'm probably doing something wrong, but I can't figure out what it is.

    Bill

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 29, 2024 Feb 29, 2024

Copy link to clipboard

Copied

LATEST

I've finnaly had some success when using a much simpler image.  Here's what I did:

1.   I made a slection on my base image (layer 0) of the front surface of the cube and copied the selection to a new layer (Layer 1) above the base image.

2.  With Layer 1 selected I then selected Layer > Layer Style from the menu at the top of the screen.

3.  On the Layer Style pop up window I selected Inner Glow.

4.  I then adusted the parameters available on the Layer Style pop up window.

5.  These actions generated an Inner Glow Effects adjustment added to Layer 1.

It did what I wanted.  I suspect this is almost the same as the second method suggest by Semaphoric.   I will continue to experiment.  When I tried to apply it directly to a selection on Layer 0, it applied the adjustment to the entire image, not just the selection.  It worked fine when applied to a Brightness/Contrast layer (Layer 1) that had the front side of the cube selected.

BillJunk_0-1709264168202.png

 

Thanks to all of you who helped me add another technique to my tool bag.

     Bill

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines