Creative Cloud Libraries를 사용하여 다른 Adobe 애플리케이션에서 제작한 에셋을 Adobe XD로 가져오는 방법에 대해 학습합니다.

Creative Cloud Libraries는 디자인 에셋의 컬렉션입니다. 이 서비스를 통해 크리에이티브 에셋을 구성, 검색 및 액세스할 수 있습니다. Creative Cloud Libraries를 보다 효율적으로 사용하고 공동 작업하는 방법에 대한 자세한 내용은 다음 리소스를 참조하십시오. 

다양한 Adobe 앱에서 래스터 또는 벡터 그래픽, 색상 및 문자 스타일을 추가한 다음 XD에서 이용할 수 있습니다. 

참고:

Adobe XD는 Creative Cloud Libraries에 에셋을 추가하는 기능을 지원하지 않습니다. Creative Cloud Libraries에서 XD로 에셋을 가져오는 작업만 가능합니다.

InDesign에서 제작한 그래픽은 현재 CC Libraries에서 지원되지 않습니다.

Creative Cloud Libraries 패널

Creative Cloud Libraries 패널을 열려면 다음 절차를 따르십시오.

  • Windows: 햄버거 메뉴를 클릭하고 CC Libraries 열기를 선택합니다.
  • Mac: 파일 > CC Libraries 열기를 선택합니다.
Creative Cloud Libraries 패널
Creative Cloud Libraries 패널

A. 라이브러리 목록 B. 라이브러리 동기화 상태 C. 색상 D. 문자 스타일 E. 그래픽 

라이브러리 목록

Creative Cloud Libraries에서 만든 모든 폴더 또는 라이브러리가 포함된 드롭다운 목록입니다.

라이브러리 동기화 상태

Creative Cloud Libraries가 최신 상태인지를 알리는 아이콘입니다.

색상

Creative Cloud Libraries에 보관된 색상의 색상 견본입니다.

문자 스타일

Creative Cloud Libraries에 보관된 문자 스타일 및 글꼴입니다.

그래픽

Creative Cloud Libraries에 보관된 래스터 및 그래픽입니다.

Photoshop 또는 Illustrator 등 다른 Adobe 앱에서 Creative Cloud Libraries에 에셋을 추가하는 방법은 무엇입니까?

  1. 제작한 에셋이 있는 애플리케이션을 엽니다.

  2. 문자 스타일 또는 색상 추가: Creative Cloud Libraries에 추가하려는 색상 또는 문자 스타일이 있는 에셋을 선택합니다. Creative Cloud Libraries 패널에서 문자 스타일 추가 또는 색상 추가 아이콘을 클릭합니다.

    래스터 또는 벡터 그래픽 추가: 에셋을 선택하고 Creative Cloud Libraries 패널로 드래그합니다.

에셋이 Creative Cloud Libraries에 즉시 추가됩니다. XD를 열면 이들 에셋이 CC Libraries 패널에 표시됩니다. 이제 이들 에셋을 내 XD 프로젝트에서 사용할 수 있습니다.

Photoshop 또는 Illustrator에서 Creative Cloud Libraries에 그래픽, 색상 또는 문자 스타일을 추가하는 방법에 대한 자세한 내용은 다음 리소스를 참조하십시오.

Creative Cloud Libraries의 이미지를 사용하여 작업

CC Libraries 창에서 아트보드로 드래그하여 CC Libraries에 저장된 이미지(래스터 및 벡터 모두)를 사용할 수 있습니다.

Illustrator에서 벡터 그래픽을 마우스 오른쪽 버튼으로 클릭하고 편집하거나 Photoshop에서 래스터 그래픽을 편집할 수 있습니다. 간소화된 이 작업 과정을 통해 Photoshop과 Illustrator에서 디자인 및 편집 작업을 수행하고 이를 XD로 손쉽게 가져올 수 있습니다.

참고:

CC Libraries에 보관된 벡터 그래픽을 사용하려면 인터넷에 연결되어 있어야 합니다. CC Libraries에서 그래픽을 캔버스로 드래그할 때 XD는 클라우드 서비스를 통해 벡터 그래픽을 호환되는 SVG로 변환하기 때문입니다.

벡터 그래픽을 캔버스로 드래그할 때 그래픽이 잠시 동안 흐리게 표시되며 스피너가 회전하는 모습이 표시됩니다. 이는 현재 XD가 클라우드 서비스를 통해 변환 작업을 진행하고 있다는 것을 의미합니다. 변환이 완료되고 나면 XD에서 해당 그래픽이 선명하게 렌더링됩니다.

Creative Cloud Libraries에서 이미지 추가

Creative Cloud Libraries에서 내 아트보드로 이미지를 드래그합니다. 기본적으로 이미지는 연결된 이미지로 아트보드에 추가됩니다. 이는 에셋에 적용되는 모든 수정 내용이 이와 연결된 모든 사본에도 반영된다는 것을 의미합니다. 

원본 이미지에 영향을 주지 않고 속성 관리자에서 이미지의 크기를 조정하고 해당 속성을 편집할 수 있습니다. 원본 이미지에 영향을 주지 않고 추가로 편집하려면 이미지의 연결을 해제해야 합니다.

연결되지 않은 에셋으로 Creative Cloud Libraries에서 그래픽을 가져오려면 라이브러리 패널에서 드래그하는 동안 Alt/Option 키를 누릅니다. 

연결된 그래픽을 연결 해제된 에셋으로 바꾸려면 해당 에셋의 왼쪽 상단에 있는 녹색 링크 아이콘을 클릭합니다. 이미지를 마우스 오른쪽 버튼으로 클릭하고 속성 관리자에서 그래픽 연결 해제를 선택해도 됩니다.

Creative Cloud Libraries에서 래스터 이미지 가져오기
Creative Cloud Libraries에서 래스터 이미지 가져오기

Creative Cloud Libraries의 이미지 편집

Creative Cloud Libraries에 보관된 래스터 및 벡터 그래픽을 편집할 수 있습니다. Creative Cloud Libraries 또는 캔버스에서 이미지를 마우스 오른쪽 버튼으로 클릭한 다음 편집을 클릭합니다. 래스터 그래픽은 Photoshop에서 열리고 벡터 그래픽은 Illustrator에서 열립니다.

이미지에 변경 내용을 적용한 후 저장합니다.

그래픽이 Creative Cloud 라이브러리에서 업데이트되고 XD의 Creative Cloud Libraries 패널에서 썸네일이 자동으로 새로 고침됩니다. 캔버스의 이미지에도 변경 내용이 적용되고 새로 고쳐집니다.

Creative Cloud Libraries에서 Adobe Stock 이미지에 라이선스 부여

Creative Cloud Libraries에 보관된 Adobe Stock 이미지에 라이선스를 부여할 수 있습니다.

스톡 이미지에 라이선스가 부여되었는지 알아보려면 Creative Cloud Libraries 창에서 해당 이미지에 마우스를 가져다 댑니다. 이미지에 라이선스를 부여하려면 라이선스가 부여되지 않은 Adobe Stock 이미지를 마우스 오른쪽 버튼으로 클릭한 다음 라이선스 부여를 선택합니다.

브라우저 창이 열리고 stock.adobe.com/kr에서 해당 에셋이 표시됩니다. 안내에 따라 구매 절차를 완료합니다. XD의 Creative Cloud Libraries 패널에 표시된 워터마크가 있는 이미지가 즉시 워터마크가 제거된 이미지로 대체됩니다. 

Creative Cloud Libraries의 색상 적용

활성 XD 문서에서 오브젝트를 선택한 후 다음 중 하나를 수행합니다.

  • 라이브러리 패널의 라이브러리에서 색상을 클릭하거나 마우스 오른쪽 버튼으로 클릭한 다음 채우기로 적용을 선택합니다.
  • 색상 선(테두리)를 적용하려면 CC Libraries 패널의 색상을 마우스 오른쪽 버튼으로 클릭한 다음 테두리로 적용을 선택합니다.
CC Libraries에 보관된 색상 추가
CC Libraries에 보관된 색상 추가

색상의 16진수 값을 복사하여 프로젝트에서 사용할 수도 있습니다.

Creative Cloud Libraries의 문자 스타일 적용

아트보드의 텍스트 오브젝트를 선택합니다. Creative Cloud Libraries 패널에서 문자 스타일을 클릭합니다. 

CC Libraries에 저장된 문자 스타일 적용
CC Libraries에 저장된 문자 스타일 적용

참고:

문자 스타일의 글꼴이 로컬 컴퓨터에 없는 경우에는 Creative Cloud Libraries의 해당 문자 스타일 오른쪽에 경고 아이콘이 표시됩니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책