I was trying to create an icon and the blurred shadow used on the elements is overshooting the canvas. Can I restrict it to 2 pixels outside the element ? I need them as outline shadow. Earlier, I tried something like this and was suggested to use " clip " but since this is widespread outside the element, I am not sure how to use " Clip ", if that is the solution.
If I'm reading you correctly you only want the blur shadow on the left part of the circle to only be 2 pixels wide? Could you cut the shadow in two and reduce the width on the left side?
As you can see from the image, there is a wide border around the image which is occupied by the blur. Almost half of the PNG size is taken by the blur. The shadow caused by the blur is visible only up to 3-4 px around the image but the invisible part of the blur has taken much of the space in the PNG. I would be great to know how to fix it.
As of now, I have tried to use blur to bare minimum and using opacity with it to make sure that the blur not too wide. It works, but I am keen to learn if we can trim the blur part in the attached PNG or avoid it altogether while exporting to PNG.
I was trying to create an icon and the blurred shadow used on the elements is overshooting the canvas. Can I restrict it to 2 pixels outside the element ? I need them as outline shadow. Earlier, I tried something like this and was suggested to use " clip " but since this is widespread outside the element, I am not sure how to use " Clip ", if that is the solution.
Any tips will be great. Thanks.
If I'm reading you correctly you only want the blur shadow on the left part of the circle to only be 2 pixels wide? Could you cut the shadow in two and reduce the width on the left side?
Thanks for the reply @jonpatterns
As you can see from the image, there is a wide border around the image which is occupied by the blur. Almost half of the PNG size is taken by the blur. The shadow caused by the blur is visible only up to 3-4 px around the image but the invisible part of the blur has taken much of the space in the PNG. I would be great to know how to fix it.
As of now, I have tried to use blur to bare minimum and using opacity with it to make sure that the blur not too wide. It works, but I am keen to learn if we can trim the blur part in the attached PNG or avoid it altogether while exporting to PNG.