왕논의 연구실

[디자인] Figma - 그라데이션 만들기 본문

디자인

[디자인] Figma - 그라데이션 만들기

ywangnon 2022. 3. 14. 23:52

Figma를 이용하여 그라데이션 배경을 만드는 방법을 알려드릴께요

1) Linear 선택

그라데이션을 입힐 오브젝트를 선택한 후, Fill 칸에 있는 색깔 부분을 누릅니다.

그리고 열린 창 상단에 있는 solid부분을 누릅니다.

 

열린 메뉴 중에서 Linear 부분을 누릅니다.

 

2) 색 선택

같은 번호끼리 색을 적용시킵니다.

원하는 색을 골라서 그라데이션을 적용하면 됩니다.

 

색상 밑 슬라이더는 불투명도입니다.

100%로 하면 끝까지 선명하고, 0%로 하면 내려갈수록 투명해집니다.

 

번외) 그라데이션 라인 추가하기

도형에 있는 슬라이더나, 색상 칸에 있는 슬라이더 둘 중 아무거나 슬라이더 사이를 누르면, 그라데이션 색상을 추가할 수 있습니다.

'디자인' 카테고리의 다른 글

[디자인] 디자인 트렌드  (0) 2022.05.22
[디자인] 8그리드 시스템  (0) 2022.04.16