본문 바로가기

Figma

Figma(피그마)ㅣ마블효과 만들기

alt

순서

1. 새로운 파일 생성 후, 가로 세로 600x600의 대지에 마블 효과를 적용해 줄 도형을 만듭니다.

(도넛 형태 만들기: 가로 세로 500x500 원 1과 250x250 사이즈의 원 2를 생성한 후 2개의 원을 동시에 선택하고

상단 중앙 툴 바의 [Union Selection] 메뉴-[Subtract Selection] 클릭)

 

 2. 도형 선택 후 우측의 [effects] 패널에서 "+" 버튼 클릭 및 [Inner shadow] 값(X:0, Y:-20, Blur:20, #D9D9D9, 100%)을 설정합니다.

3. 도형 선택 후 우측의 [effects] 패널에서 "+" 버튼 클릭 및 [Drop shadow] 값(X:0, Y:10, Blur:40, #A9B4CB, 50%)을 설정합니다.

4. 도형 선택 후 우측의 [effects] 패널에서 "+" 버튼 클릭 및 두 번째 [Drop shadow] 값(X:-3, Y:-3, Blur:2, #FFFFFF, 100%)을 추가합니다.

5. 도형 선택 후 우측의 [effects] 패널에서 "+" 버튼 클릭 및 세 번째 [Drop shadow] 값(X:0, Y:3, Blur:0, #D6DADF, 100%)을 추가합니다.

6. 도형 선택 후 우측 패널의 [Fill]에서 "+"버튼 클릭 및 [Custom]-[Image}-[Choose Image] 경로에서 적용할 마블 배경 이미지를 불러옵니다.

 

* 사용된 이미지

pexels-karolina-grabowska-4705933.jpg
1.50MB

* 이미지 출처: https://www.pexels.com/ko-kr/photo/4705933/