[ 피그마 ] 초간단! 피그마 이미지 블러 처리 하기 ( Image blur )

피그마 블러효과

 

 

피그마 작업중 이미지위에 이미지를 입히는 블러 효과가 필요하게 되었습니다. 

 

빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.

 

# 1. 예시 이미지 구하기

 

이번 작업을 위해 pixabay 에서 이미지를 하나 가져와보도록 하겠습니다.

저는 무료 이미지 구하는 사이트 (unsplash , freepik , pixabay ..) 중 pixabay 를 즐겨 사용합니다.

 

 

출처  : 이미지 바로가기

 

 

 

 

# 2. 피그마에서 이미지 불러오기

 

이미지 불러오기

 

이미지는 place image/video 에서 불러오실수 있습니다.

단축키는 ctrl + shift + K 입니다.

 

불러온 모습

 

이미지를 불러온 모습입니다. 이제 여기서 블러 효과를 넣어서 텍스트를 입력해보도록 하겠습니다.

 

# 3. 피그마 블러 효과

 

사각형 그리기

 

예시로 사각형을 그릴뿐, 다른 도형으로 해도 괜찮습니다~!

 

사각형 그리기

블러 효과를 주기 위한 영역 만큼 도형을 그립니다!

 

우측 패널

 

우측 패널에서 Effects ➡️  ➕ 버튼 클릭후 Background blur 를 선택합니다. Blur 는 10 정도가 좋습니다.

 

 

이펙트 준 모습

 

하지만, 보이기에 아무변화가 없어보입니다. 그이유는 Fill 영역이 100% 이기 떄문입니다

이제 Fill 영역을 30% 정도로 낮춰보겠습니다.

 

30% 설정

 

블러효과 적용된 모습

 

 

 Fill영역의 % 는 취향에 맞게 조절하시면 됩니다. 이제 마지막으로 텍스트를 입력하고 마무리 해보도록 하겠습니다.

 

다음 포스팅에도 피그마 초간단 팁에 대해 공유 드리도록 하겠습니다.

 

텍스트 입력된 모습

 

✅ 도움될만한 포스팅

---

 

[정보공유 같이해요/SHORTCUT] - [ 피그마 ] 피그마 자주쓰는 단축키 종류별 모아보기

[ 피그마 ] 피그마 자주쓰는 단축키 종류별 모아보기

[개발 같이해요/DESIGN] - [ 피그마 ] 초간단! 공유받은 작업 로컬로 옮기기

[ 피그마 ] 초간단! 공유받은 작업 로컬로 옮기기

[정보공유 같이해요/TECH] - [ AI 툴 ] Figma 대체 툴 Creatie 알아보기

[ AI 툴 ] Figma 대체 툴 Creatie 알아보기