Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- iOS앱개발올인원패키지Online.
- 직장인자기계발
- 뉴북
- Xcodebuild
- 직장인인강
- 픽셀
- 디자인 트렌드
- commit message
- git
- 입력 개수 제한
- 머티리얼 디자인
- git workflow
- Git Tutorial
- ios
- 마크다운
- commit
- SWIFT
- 뉴모피즘
- 패캠챌린지
- 8 그리드 시스템
- .DS_Store
- viewDidLoad
- 포인트
- 플랫디자인
- viewDidAppear
- 패스트캠퍼스
- 아이폰
- 패스트캠퍼스후기
- commit messages
- 스큐어모피즘
Archives
- Today
- Total
왕논의 연구실
[디자인] Figma - 그라데이션 만들기 본문
Figma를 이용하여 그라데이션 배경을 만드는 방법을 알려드릴께요
1) Linear 선택
그라데이션을 입힐 오브젝트를 선택한 후, Fill 칸에 있는 색깔 부분을 누릅니다.
그리고 열린 창 상단에 있는 solid부분을 누릅니다.
열린 메뉴 중에서 Linear 부분을 누릅니다.
2) 색 선택
같은 번호끼리 색을 적용시킵니다.
원하는 색을 골라서 그라데이션을 적용하면 됩니다.
색상 밑 슬라이더는 불투명도입니다.
100%로 하면 끝까지 선명하고, 0%로 하면 내려갈수록 투명해집니다.
번외) 그라데이션 라인 추가하기
도형에 있는 슬라이더나, 색상 칸에 있는 슬라이더 둘 중 아무거나 슬라이더 사이를 누르면, 그라데이션 색상을 추가할 수 있습니다.
'디자인' 카테고리의 다른 글
[디자인] 디자인 트렌드 (0) | 2022.05.22 |
---|---|
[디자인] 8그리드 시스템 (0) | 2022.04.16 |