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

How do i put a transparent gradient on an image?

Community Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

Hello, how do i set a gradient with opacity on this guy so you can only see the background through it at the top? I have 1 layer mask on the guy because i deleted the background of the guy.

Thanks in advance!

Screen Shot 2018-01-07 at 16.15.51.png

Views

19.2K

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 , Jan 07, 2018 Jan 07, 2018

If you are looking for a particular light to dark value,  choose the Gradient Tool after making a selection.

In the Options bar click on the black to white gradient shown.

In the slider of the gradient shown in the Gradient Editor, double click on the bottom left one and choose a dark gray

Next, double click on the bottom right one and choose your light gray

Click OK and use that in your selection area, the goggles. Alter the opacity of the selected goggle area for the degree of show-though you want

...

Votes

Translate

Translate
Explorer ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

Create a photoshop file with two layers - one blank and the other containing the image to be made transparent. Select the image's layer.

Click the Add layer mask icon at the bottom of the layers palette.

A layer mask is created in the image layer.

Add Layer Mask Layer Mask Applied

Gradient ToolSelect the gradient tool and apply a black/white gradient to the image layer.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

And i tried this but i can never get it right, my image just gets black and white in gradient shape...

I dont know what i am doing wrong...

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 ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

If you are looking for a particular light to dark value,  choose the Gradient Tool after making a selection.

In the Options bar click on the black to white gradient shown.

In the slider of the gradient shown in the Gradient Editor, double click on the bottom left one and choose a dark gray

Next, double click on the bottom right one and choose your light gray

Click OK and use that in your selection area, the goggles. Alter the opacity of the selected goggle area for the degree of show-though you want.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

After doing that, how do I delete the white background of the guy?

Because it doesn't seem to work anymore by making a selection and adding a layer mask. It says vector mask now.

Screen Shot 2018-01-07 at 19.51.37.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
Community Expert ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

You seem to have made a selection of the. area around the man. Now strike the Delete key

On that layer choose the image, not the mask, for the deletion.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

Okay thanks man! don't know what answer to mark as correct now because i found it through multiple of your answers but it works now

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 ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

Post #6 most closely answers your question once you clarified the result you were after.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

But if i do it this way i can't make the selection better with 'select and mask...'?

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 ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

If you use Select and Mask, it hides all but the visor, including the man.

By the way,

When you do have a need for Select and Mask, it would be prudent to choose "New Layer with Layer Mask" and checkmark "Decontaminate colors" in the Output to field.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

But how do i refine the hair for example or the white color between the goggles and the head?

Screen Shot 2018-01-07 at 21.27.34.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
Community Expert ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

arrow.jpg

Sorry, but I don't see any hair or white that you referred to. However, you may want to delete the white I have marked so that the background shows through. If the background is just below the man select those areas and strike delete.

Good luck.

Have to leave now.

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

yeah, how do i cut this out precisely, like (i added 2 arrows) normally i did that with the 'select and mask' option so the little bit of white next to the hair (at the 2 bottom arrows) would dissapear too, but now i can't do that anymore because there is already a layer mask with the gradient in it.

Thanks for helping and reply whenever you have time!

arrow.jpg

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 ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

You can paint the mask...black will make the image transparent at that place, white will make it opaque.

the easiest will be to do your selections, select the mask and use fill “black”. You may before use the refine selection to modify slightly. Then refine the selection manually by painting the mask.

For painting the mask, you select the mask in the layers panel and select a painting tool (the brush works best).

ABAMBO | Hard- and Software Engineer | Photographer

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 ,
Jan 08, 2018 Jan 08, 2018

Copy link to clipboard

Copied

LATEST

Just adding that filters also work on masks. Consider a mask being a greyscale image and and most if not nearly all you can do with images you can do also with masks.

ABAMBO | Hard- and Software Engineer | Photographer

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 ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

comp.jpg

If this is. what you had in mind:

Since your posted file was a composite, I created a separate background (Layer 0 copy)  and isolated the figure on a separate layer (Layer 1) to simulate what you had created before flattening.

Make a selection. of the goggles, then choose the background layer so the selection appears there. Cmd+J to put that slice of the background on a separate layer.   Move it to the top of the stack. Add a black/white  gradation mask

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 Beginner ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

Also a helpful solution but what I actually want to become is the picture I posted.

This is what i have now:

Screen Shot 2018-01-07 at 19.18.46.png

and this is what i want:

Screen Shot 2018-01-07 at 19.18.53.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
Explorer ,
Jan 07, 2018 Jan 07, 2018

Copy link to clipboard

Copied

change the Opacity value.

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