안녕하세요 여러분, 피피팀 시원
입니다.
입니다.오늘은 서리 낀 유리창 같은 오묘한 블러 배경을 만드는 법을 소개해드릴게요.
피그마에서 생각보다 간단한 몇 단계만으로 구현할 수 있답니다!
① 프레임 생성
✓ 단축키 F를 눌러 원하는 크기의 프레임을 만들어주세요.
✓ 저는 세로로 긴 프레임을 만들었어요.
② 프레임에 Gradient 적용
✓ Fill → Linear Gradient를 선택해주세요.
✓ 컬러를 아래처럼 설정해주세요.
•
0% : #000000 / 100%
•
100% : #000000 / 0%
✓ 상황에 따라 값은 자유롭게 조절해도 좋습니다.
③ Gradient 투명도 조절
✓ Fill의 Opacity를 20%로 낮춰주세요.
✓ 마찬가지로 상황에 따라 조절하셔도 됩니다.
④ Effects 넣기
✓ Background Blur (100) 추가
✓ Inner Shadow (#000000, 20%, Blur 4, Y=2) 추가
이 두 가지 조합으로 ‘유리창 안쪽의 깊이감’을 표현할 수 있어요.
⑤ 프레임 복사 + 오토레이아웃
✓ 방금 만든 프레임을 여러 개 복사해 주세요.
✓ 가로 방향으로 오토레이아웃 생성해주세요.
✓ 이너 프레임의 가로·세로 값을 Fill로 변경해주세요.
⑥ 이미지 위에 올리기
✓ 원하는 이미지 또는 그래픽 위에 5에서 완성한 블러 프레임을 올려주세요.
✓ 프레임의 가로값, 프레임 개수, 간격 등을 조정해주면 됩니다.
⑦ 완성
✓ 완성된 배경 위에 텍스트·이미지·요소를 추가하면 분위기 있는 컷이 완성됩니다.
