피그마 작업중 이미지위에 이미지를 입히는 블러 효과가 필요하게 되었습니다.
빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.
# 1. 예시 이미지 구하기
이번 작업을 위해 pixabay 에서 이미지를 하나 가져와보도록 하겠습니다.
저는 무료 이미지 구하는 사이트 (unsplash , freepik , pixabay ..) 중 pixabay 를 즐겨 사용합니다.
# 2. 피그마에서 이미지 불러오기
이미지는 place image/video 에서 불러오실수 있습니다.
단축키는 ctrl + shift + K 입니다.
이미지를 불러온 모습입니다. 이제 여기서 블러 효과를 넣어서 텍스트를 입력해보도록 하겠습니다.
# 3. 피그마 블러 효과
예시로 사각형을 그릴뿐, 다른 도형으로 해도 괜찮습니다~!
블러 효과를 주기 위한 영역 만큼 도형을 그립니다!
우측 패널에서 Effects ➡️ ➕ 버튼 클릭후 Background blur 를 선택합니다. Blur 는 10 정도가 좋습니다.
하지만, 보이기에 아무변화가 없어보입니다. 그이유는 Fill 영역이 100% 이기 떄문입니다
이제 Fill 영역을 30% 정도로 낮춰보겠습니다.
Fill영역의 % 는 취향에 맞게 조절하시면 됩니다. 이제 마지막으로 텍스트를 입력하고 마무리 해보도록 하겠습니다.
다음 포스팅에도 피그마 초간단 팁에 대해 공유 드리도록 하겠습니다.
✅ 도움될만한 포스팅
[정보공유 같이해요/SHORTCUT] - [ 피그마 ] 피그마 자주쓰는 단축키 종류별 모아보기
[ 피그마 ] 피그마 자주쓰는 단축키 종류별 모아보기
이번 포스팅에서는 피그마에서 자주쓰는 단축키를 종류별로 모아보도록 하겠습니다. 단축키를 잘 사용하면 작업시간이 단축되므로 자주쓰이는 단축키는 외워두시는 것을 추천드립니다.피그
it-ability.tistory.com
[개발 같이해요/DESIGN] - [ 피그마 ] 초간단! 공유받은 작업 로컬로 옮기기
[ 피그마 ] 초간단! 공유받은 작업 로컬로 옮기기
필자는 피그마 무료버전을 사용중입니다. 팀원이 피그마 에서 작업 하는데, 동시작업은 유료버전이 필요합니다.내 로컬 Drafts 로 옮겨도 request access 가 뜨는데, 로컬로 옮긴 후 작업 할 수 있는
it-ability.tistory.com
[정보공유 같이해요/TECH] - [ AI 툴 ] Figma 대체 툴 Creatie 알아보기
[ AI 툴 ] Figma 대체 툴 Creatie 알아보기
Figma 라는 툴을 아시나요? Figma 는 UI/UX 프로토타이핑 작업에 용이한 툴 입니다.요즈음 디자인은 Figma 로 거의 다 대체되어가는 추세입니다. 그런 Figma 에 대항하는 툴이 나와서 소개
it-ability.tistory.com