사용 안내서 취소

그레이디언트 만들기 및 수정

검색

마지막 업데이트 날짜 2024년 3월 25일

Adobe XD 사용 안내서
소개
디자인
1. 아트보드, 안내선 및 레이어
2. 모양, 오브젝트 및 패스
3. 텍스트 및 글꼴
  1. 드로잉 및 텍스트 툴을 사용하여 작업
  2. Adobe XD의 글꼴
4. 구성 요소 및 상태
5. 마스킹 및 효과
6. 레이아웃
7. 비디오 및 Lottie 애니메이션
프로토타입
공유, 내보내기 및 검토
디자인 시스템
클라우드 문서
통합 기능 및 플러그인
iOS 및 Android용 XD
1. 모바일 디바이스에서 미리보기
2. Adobe XD 모바일 FAQ
문제 해결
1. 알려진 문제 및 해결된 문제
  1. 알려진 문제
  2. 해결된 문제
2. 설치 및 업데이트
3. 실행 및 충돌
4. 클라우드 문서 및 Creative Cloud Libraries
5. 프로토타이핑, 게시 및 검토
6. 다른 앱 가져오기, 내보내기 및 작업

Adobe XD에서 그레이디언트를 제작하고 가져오고 사용할 수 있습니다. 그레이디언트 패널을 사용하여 색상 변환점을 추가하고 그레이디언트의 불투명도를 조절할 수 있습니다.

그레이디언트는 두 가지 이상의 색상이나 여러 농도의 동일한 색상 또는 다른 색상을 여러 단계로 나눠 혼합한 것입니다. 그레이디언트를 사용하여 색상 혼합, 파이 차트를 만들고 벡터 오브젝트에 볼륨을 추가하고 디자인에 빛과 그림자 효과를 줄 수 있습니다.

XD는 선형, 방사형 및 각도 그레이디언트를 지원합니다.

선형 그레이디언트

XD가 시작점에서 끝점까지 직선으로 음영을 나타냅니다.

방사형 그레이디언트

XD가 시작점에서 끝점까지 원형 패턴으로 음영을 나타냅니다.

각도 그레이디언트

XD는 원의 중심에서 모양 전체를 훑는 색상 그레이디언트가 있는 채우기를 적용합니다.

그레이디언트 색상 피커

XD의 그레이디언트 색상 피커를 이용하려면 오브젝트를 선택하고 속성 관리자에서 채우기를 클릭합니다. XD에서 선형, 방사형 및 각도 그레이디언트를 만들 수 있습니다.

색상 피커의 상단에 있는 드롭다운 목록에서 선형 그레이디언트, 방사형 그레이디언트 또는 각도 그레이디언트를 선택합니다.

A. 그레이디언트 편집기 B. 색상 변환점 C. 불투명도 슬라이더 D. 색상 필드 E. 색상 견본으로 저장 F. 캔버스 상의 그레이디언트 편집기

그레이디언트 색상 피커를 사용하여 그레이디언트에 대한 색상을 선택하고 불투명도를 설정할 수 있습니다.

그레이디언트 색상 피커에는 그레이디언트에서 사용되는 모든 색상에 대한 빠른 미리보기를 표시하는 그레이디언트 편집기가 있습니다. 격자 줄무늬가 투명한 부분을 나타냅니다.

그레이디언트 편집기도 그레이디언트에서의 색상 변환점을 표시합니다. 작은 원이 색상 변환점을 나타냅니다. 각 색상 변환점 사이의 거리에 따라 색상이 변하고 혼합됩니다. 색상 변환점은 그레이디언트가 적용된 오브젝트 위에 나타나는 캔버스 상의 그레이디언트 편집기에서도 표시됩니다.

기본적으로 두 개의 색상 변환점을 사용할 수 있습니다. 그레이디언트 편집기를 클릭하여 색상 변환점을 더 추가할 수 있습니다. 그레이디언트 편집기를 따라 색상 변환점을 드래그하여 색상 변환점의 위치를 변경하고 각각의 색상을 다양하게 바꿀 수 있습니다. 색상 변환점을 삭제하거나 제거하려면 그레이디언트 색상 피커의 그레이디언트 편집기 밖으로 드래그합니다. 또는 캔버스 상의 그레이디언트 편집기에서 색상 변환점을 클릭하고 [삭제]를 누릅니다.

캔버스 상의 그레이디언트 편집기를 사용하여 그레이디언트의 방향을 쉽게 바꿀 수 있습니다.

모퉁이 핸들은 방사형 그레이디언트의 포인트와 각도를 바꾸는 데 유용합니다.

그레이디언트 색상 피커의 오른쪽에 있는 슬라이더를 사용하여 색상 변환점의 불투명도를 조절할 수 있습니다.

선형, 방사형 또는 각도 그레이디언트 채우기 적용

오브젝트를 선택하고 속성 관리자에서 채우기를 클릭합니다
색상 피커의 드롭다운 목록에서 선형 그레이디언트, 방사형 그레이디언트 또는 각도 그레이디언트를 선택합니다.

색상 피커

선형, 방사형 및 각도 그레이디언트
그레이디언트 편집기에서 색상 변환점을 클릭하고 색상 피커를 사용하여 필요한 색상을 선택합니다.
- 색상 변환점을 더 추가하려면 그레이디언트 편집기를 클릭합니다.
- 색상 변환점에 할당된 색상을 바꾸려면 해당 색상 변환점을 클릭합니다.
- 색상 변환점을 옮기려면 그레이디언트 편집기를 따라 드래그합니다.
  참고: 색상 변환점을 그레이디언트 편집기의 양 끝으로 옮길 수는 없습니다.
- 색상 변환점을 삭제하려면 그레이디언트 편집기 밖으로 드래그합니다. 캔버스 상의 그레이디언트 편집기를 사용하는 경우에는 해당 색상 변환점을 클릭하고 [삭제]를 누릅니다.
- 색상 변환점 간 전환하려면 Tab 키를 사용합니다.
- 방사형 그레이디언트의 원래 포인트 및 각도를 바꾸려면 모퉁이 핸들을 드래그합니다.
방사형 그레이디언트로 작업
그레이디언트의 방향을 바꾸려면 캔버스 상의 그레이디언트 편집기 세그먼트(오브젝트에 위치)를 원하는 방향으로 드래그합니다.

캔버스 상의 그레이디언트 편집기 세그먼트의 끝점을 오브젝트의 경계 밖으로 드래그할 수도 있습니다. 색상 변환점이 오브젝트의 경계 밖에 놓이면 이 색상 변환점에 연계된 색상은 해당 오브젝트에서 표시되지 않습니다.

참고:

화살표 키와 Shift-화살표 키를 사용하여 캔버스 상의 그레이디언트 편집기 세그먼트의 끝점을 옮길 수 있습니다. 안쪽 색상 변환점을 선택하고 나면 화살표 키와 Shift-화살표 키를 사용하여 세그먼트를 따라 옮길 수 있습니다. Tab 키를 눌러 캔버스 상의 그레이디언트 편집기를 따라 색상 변환점을 바꿀 수도 있습니다.
그레이디언트를 만든 다음 자산 패널에서 나중에 다시 사용하기 위해 저장할 수 있습니다. 그레이디언트가 적용된 오브젝트를 클릭하고 자산 패널의 색상 옆에 있는 + 아이콘을 클릭하여 저장합니다.

자산 패널에 저장된 그레이디언트