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.
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this communityI 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.
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.
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%
.
The advantage of doing it this way is, it's non-destructive and easy to adjust.
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
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.
Having the circle shape with the stroke aligned outside in just one layer:
Result