figma에서 블러(blur) 흐림 효과 만들기

figma에서 블러(blur) 흐림 효과를 만드는 방법에 대해 알아봅니다.

디자인 작업을 할 때 특정 내용을 가리거나 배경을 흐리게 처리하고 싶을 때가 있습니다.

피그마에서 Rectangle 도구를 사용하여 블러(blur) 효과를 쉽게 만들 수 있습니다.

다음은 blur 효과를 적용한 이미지 입니다.

이미지 blur 효과

블러(blur) 효과 만들기

1. 피그마 캔버스 하단의 Rectangle 도구를 선택합니다. (단축키: R)
2. 캔버스에서 블러 효과를 적용할 영역을 드래그하여 사각형을 만듭니다.
3. 오른쪽 속성 패널에서 Fill 섹션을 찾습니다.
4. Fill 섹션에서 색상을 선택하고 투명도를 2% 정도 조절하여 원하는 배경색을 설정합니다. (저는 흰색 배경에 투명도를 2%로 설정했습니다.)
5. Effects 섹션으로 이동하여 + 버튼을 클릭합니다.
6. 드롭다운 메뉴에서 Background Blur를 선택합니다.
7. Background Blur 설정에서 블러 강도를 조절하여 원하는 흐림 효과를 만듭니다.

Effects 패널에서 Background Blur 선택

이제 블러 효과가 적용된 사각형이 만들어졌습니다. 이 사각형을 이미지 위에 배치하여 원하는 부분을 흐리게 처리할 수 있습니다.

피그마에서 블러 효과를 활용하여 디자인의 특정 부분을 강조하거나 가릴 수 있습니다.

다음은 텍스트에 블러 효과를 적용한 예시입니다.

텍스트 blur 효과

추가 팁

• 블러 효과를 적용한 사각형의 크기와 위치를 조절하여 다양한 디자인을 시도해보세요.
• 여러 개의 블러 사각형을 겹쳐서 더 복잡한 흐림 효과를 만들 수도 있습니다.
• 블러 효과와 함께 투명도를 조절하여 더욱 세련된 디자인을 완성할 수 있습니다.
• 블러 효과는 이미지뿐만 아니라 텍스트나 기타 요소에도 적용할 수 있습니다.