Figma

10. 이펙트

fleur75 2023. 3. 5. 20:10

이펙트는 도형을 선택하면 나오는 우측 패널에 아랫 부분에 있습니다.

'+'버튼을 누르면 바로 이펙트가 추가됩니다.

그림자 넣기

버튼을 누르면 곧바로 Drop shadow 이펙트가 적용됩니다.

Drop shadow가 적용된 모습, 눌러서 상세 설정도 가능합니다.

X, Y는 가로, 세로 방향으로 그림자가 얼마나 뻗어나갈 지, 아래의 색상으로는 그림자의 색상을 지정할 수 있고

오른쪽에서는 Blur를 설정해서 그림자를 흐리게 만들 수 있습니다.(농도를 결정) Spread는 농도가 유지된 상태에서 크기를 결정합니다. 마지막 숫자는 그림자의 투명도입니다.

 

이미지 블러 처리

새로운 도형과 Background Blur 이펙트를 이용해서 이미지에 블러 처리를 할 수 있습니다.

우선 검정색 도형으로 이미지를 덮습니다.

그 다음 검정색 도형에 Background Blur 이펙트를 주고 Fill에서 투명도를 낮춥니다.

검정색의 영향으로 이미지가 조금 어둡게 보이면서 Background Blur로 인해 이미지가 흐려보이게 됩니다.