I want to have a circle with a border of opacity 80% and the fill should be 40%. How can I achieve this within one layer?
As far as I know I can change the opacity of the layer but that changes the opacity of the whole layer.
Fill and Opacity to Fade Colours in Photoshop
It's not ideal and something Adobe should address, but you can do this. It's ultra simple, but can be a little tricky if you need exact values.
- Create your shape
- select the colours you require
- Now you just have to adjust the opacity and fill values as shown in the images below.
In the first example, I've set the Opacity value to 65% and the Fill value to 40%.
In the second example, I've set the Opacity value to 100% and the Fill value to 30%.
Non-Destructive & Ajustable
The advantage of doing it this way is, it's non-destructive and easy to adjust.
The Separate Layer way
If you want to have the Border with Opacity but not the Fill area, you'll have to have them as separate layers as seen in the last example, where the Fill value is 100% Fill and Opacity and the Border is 25% Opacity with 100% Fill
The Layer Style Way
And the final way, which can be the best way, is to create your Border as a Stroke in Layer Styles.
This is a good way to do it. However, the Stroke that is created often has strange shaping on some shapes, so it will not be the best solution in some circumstances.
answered Aug 27 '18 at 9:22
Having the circle shape with the stroke aligned outside in just one layer:
- From the Layers Panel > Activate the Shape Layer > Click the Mask Icon at the bottom
to create a Mask - Holding on Cmd (Mac)/Ctrl (Win) > Click the Shape Layer icon to load the selection and fill the mask with 60% Black, this will give as a result a 40% opacity in the layer
- Using the same selection > Menu Select > Inverse > fill the mask with 80% Black, this will give as a result a 20% opacity in the layer
Result
- Duplicate the layer.
- Make layer 1 only fill with opacity you want
- Make layer 2 only with line and opacity you want.
