Style & Effect

이미지 테두리 페더 효과

피그마 오픈카톡방2026. 3. 7.

질문사항

이미지 테두리에 투명하게 페더(feather) 효과를 주는 작업을 피그마에서 구현할 수 있을까요?

네, 피그마에서도 이미지 테두리에 투명하게 페더 효과를 주는 작업을 구현할 수 있습니다. 몇 가지 방법이 있습니다:

그라데이션 마스크 사용:

이미지를 프레임 안에 넣습니다.

프레임 위에 사각형(Rectangle)을 생성하고, 이 사각형에 'Linear Gradient'를 적용합니다. 그라데이션의 양쪽 끝 색상을 동일하게 설정하고, 한쪽 끝의 투명도를 0%로 조절하여 페더 효과를 만듭니다.

이 그라데이션 사각형을 마스크로 사용하거나, 이미지와 함께 그룹화한 후 'Use as mask'를 적용하여 이미지의 가장자리를 부드럽게 만들 수 있습니다.

레이어 블러(Layer Blur)와 마스크 조합:

이미지를 프레임 안에 넣습니다.

프레임 위에 페더 효과를 줄 영역만큼의 사각형을 생성합니다.

이 사각형에 `Effects` > `Layer blur`를 적용하여 원하는 페더 정도를 조절합니다.

이 블러 처리된 사각형을 마스크로 사용하여 이미지의 가장자리를 부드럽게 만들 수 있습니다.

마스크와 그라데이션 필(Fill) 조합:

이미지를 선택하고, `Fill` 속성에서 `Image` 대신 `Gradient`를 선택합니다.

그라데이션 타입을 `Radial` 등으로 설정하고, 색상 스톱(color stops)을 조절하여 중앙은 불투명하게, 가장자리는 투명하게 만듭니다. 이 방법은 이미지 전체에 적용되므로, 특정 테두리에만 적용하기는 어려울 수 있습니다.

가장 일반적이고 유연한 방법은 첫 번째 '그라데이션 마스크'를 활용하는 것입니다.