Adobe Muse의 Creative Cloud Libraries

검색

마지막 업데이트 날짜

참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원 문의는 Adobe Muse 서비스 종료 FAQ를 참조하십시오.

디자인 에셋은 웹 디자인의 중요한 부분입니다. Adobe는 디자인 에셋을 만들기 위한 다양한 데스크톱 및 모바일 앱을 제공합니다. Photoshop 및 Illustrator와 같은 데스크톱 응용 프로그램을 사용하여 집이나 사무실에서 에셋을 만들 수도 있지만 모바일 앱을 사용하면 이동 중이라도 어디에서든 에셋을 만들 수 있습니다. Adobe Creative Cloud Libraries는 모든 에셋을 저장하여 어디에서든 에셋을 재사용하기 위해 액세스할 수 있는 중앙 리포지토리의 역할을 합니다. 오프라인 상태에서도 계속 에셋을 사용하고, 추가하고, 제거하고, 수정할 수 있습니다. 이후 인터넷에 연결되면 변경 내용이 자동으로 동기화됩니다.

또한, Creative Cloud Libraries를 사용하면 팀, 동료 또는 프로젝트에 해당 에셋이 필요한 누구와도 창작 에셋을 공유할 수 있습니다. Creative Cloud Libraries에 대해 자세히 알아보려면 Creative Cloud Libraries를 참조하십시오.

Adobe Muse는 CC Libraries 및 Adobe Stock과 밀접히 통합되어 있습니다. Adobe Muse 내 [CC Libraries] 패널을 사용하여 다른 Adobe 앱에서 만든 색상 및 그래픽 에셋에 액세스하여 재사용할 수 있습니다. 또한 이 패널을 사용하면 Adobe Stock에서 로열티가 없는 고해상도 이미지를 검색하여 프로젝트에 사용할 수도 있습니다. 또한, 이미지를 구입하여 이후 사용할 수 있도록 CC Libraries에 추가할 수 있습니다.

Adobe Muse의 Creative Cloud Libraries에 대한 개요는 이 비디오를 참조하십시오.

[CC Libraries] 패널

Adobe Muse의 [CC Libraries](Windows > CC Libraries) 패널 내에서 Creative Cloud Libraries를 사용할 수 있습니다. [CC Libraries] 패널은 기본 작업 영역, 표준 및 모든 패널 작업 영역에서 열립니다. 이 패널은 이들 작업 영역의 오른쪽에 고정됩니다.

A. 검색 드롭다운 목록 B. 팝업 메뉴 C. 에셋 삭제 아이콘 D. 색상 추가 아이콘 E. 그래픽 추가 아이콘

[CC Libraries] 패널의 오른쪽 모서리에 있는 팝업 메뉴(B)를 클릭하면 다음 옵션이 표시됩니다.

새 라이브러리 만들기: Adobe Muse 내에서 Creative Cloud Libraries를 만들 수 있습니다.
공동 작업: 라이브러리를 다른 Creative Cloud 사용자와 공유하여 공유된 라이브러리의 콘텐츠를 확인하고 편집 또는 사용이 가능합니다.
링크 공유: 라이브러리에 대한 링크를 선택한 Creative Cloud 사용자와 공개적 또는 개인적으로 공유할 수 있습니다.
<library> 이름 바꾸기: 라이브러리의 이름을 바꿀 수 있습니다.
<library> 삭제: 라이브러리를 삭제할 수 있습니다.
날짜별 정렬: 라이브러리의 에셋을 추가 또는 구매한 날짜별로 정렬합니다.
이름별 정렬: 라이브러리의 에셋을 알파벳 순서로 정렬합니다.
웹 사이트에서 보기: 모든 라이브러리 에셋을 기본 브라우저에서 엽니다.

CC Libraries의 에셋을 사용하기 위해 [CC Libraries] 패널에서 프로젝트로 에셋을 드래그할 수 있습니다. 또한, 에셋을 마우스 오른쪽 단추로 클릭하여 에셋 관리 옵션을 사용할 수도 있습니다. 자세한 내용은 CC Libraries의 에셋 사용을 참조하십시오.

CC Libraries에 에셋 추가

다음 방법으로 Creative Cloud Libraries에 에셋을 추가할 수 있습니다.

Adobe Stock에서 에셋 추가

Adobe Stock은 고품질의 로열티가 없는 사진, 일러스트레이션 및 그래픽을 판매하는 서비스입니다. Adobe Stock 웹 사이트로부터 에셋을 이미 구입하여 CC Libraries에 추가한 경우 Adobe Muse에서 [CC Libraries] 패널을 사용하여 이 에셋에 액세스할 수 있습니다.

아직 이미지를 구입하지 않은 경우 Adobe Muse의 [CC Libraries] 패널을 사용하여 이미지를 검색하고 구입할 수 있습니다. 에셋 구입을 당장 결정할 수 없다면 프로젝트에 미리 보기나 워터마크 표시된 이미지를 추가할 수 있습니다. 모든 워터마크 표시 이미지는 라이선스를 구입할 때마다 사용 허가된 고해상도 이미지로 대체됩니다.

Adobe Muse 내에서 Adobe Stock 에셋을 검색하는 방법은 다음과 같습니다.

[CC Libraries] 패널을 엽니다(Windows > CC Libraries).
[검색] 드롭다운 목록에서 [Adobe Stock]을 선택합니다.

Adobe Stock 검색
검색 상자에서 이미지 이름 또는 이미지 이름의 일부, 또는 일반 테마를 입력합니다. 예를 들어, "time"을 입력할 수 있습니다.
사용할 에셋을 찾았다면 다음 중 하나를 수행할 수 있습니다.
- 라이선스를 즉시 구매하여 에셋을 라이브러리에 추가합니다. 그런 다음 에셋을 패널에서 프로젝트로 드래그할 수 있습니다.
- 이미지를 마우스 오른쪽 단추로 클릭하고 [미리 보기 저장 대상]을 클릭하여 에셋의 사용 허가되지 않은 미리 보기(워터마크 표시됨) 버전을 라이브러리에 추가합니다.
에셋의 미리 보기 버전을 라이브러리에 추가하는 경우 나중에 사용 허가를 받을 수 있습니다.

에셋의 사용 허가를 받으려면 에셋을 마우스 오른쪽 단추로 클릭한 다음 [이미지 구입]을 선택합니다. 이미지의 사용 허가를 받으면 워터마크 표시 이미지가 고해상도 이미지로 대체됩니다.
Adobe Stock 이미지 구입 또는 라이브러리에 미리 보기 저장

다른 Creative Cloud 응용 프로그램에서 에셋 추가

Photoshop 또는 Capture 같은 다른 Creative Cloud 응용 프로그램을 사용하여 에셋을 만들거나 Adobe Muse에 있는 에셋을 재사용할 수 있습니다. 다른 Creative Cloud 응용 프로그램로부터 에셋을 추가하려면 다음 절차를 수행하십시오.

에셋을 만든 응용 프로그램을 엽니다.
Creative Cloud Library에 추가할 에셋을 선택합니다. Libraries 패널로 에셋을 드래그합니다.

에셋이 즉시 Creative Cloud Library에 추가됩니다. Adobe Muse를 열면 이러한 에셋은 이미 [CC Libraries] 패널에서 사용할 준비가 되어 있습니다. 계속 진행하여 Adobe Muse 프로젝트에서 이러한 에셋을 사용할 수 있습니다.

참고:

Illustrator로 만든 에셋을 Adobe Muse로 가져올 때는 벡터 이미지의 품질과 웹 적합성이 그대로 유지됩니다.

Animate CC에서 애니메이션 추가

Animate CC로 제작한 애니메이션을 CC Libraries를 사용하여 Adobe Muse 웹 사이트로 가져올 수 있습니다. Animate CC를 사용하여 애니메이션을 제작하고 CC Libraries에 애니메이션을 추가합니다. Adobe Muse를 열면 Creative Cloud가 Creative Cloud 라이브러리로 애니메이션 파일을 자동으로 동기화합니다. 동기화가 완료되면 Adobe Muse 사이트에서 클릭 한 번으로 애니메이션을 사용할 수 있습니다.

Adobe Muse 웹 사이트에서 애니메이션을 사용하려면 다음 단계를 수행합니다.

Animate CC에서 원하는 애니메이션을 제작합니다.

Animate CC에서 애니메이션 크기, 자동 재생 설정 등의 애니메이션 설정을 구성합니다.
Animate CC의 CC Libraries 패널에서 더하기 아이콘을 클릭하여 라이브러리에 애니메이션을 추가합니다.

Animate CC에서 애니메이션 추가
[전체 애니메이션] 확인란이 선택되어 있는지 확인합니다. [추가]를 클릭합니다.
Animate CC를 종료하고 Adobe Muse를 엽니다.

Adobe Muse에서 CC Libraries 패널을 열면 추가된 애니메이션 파일이 보입니다. 애니메이션 파일은 "An"이라는 레이블로 표시되어 있습니다.

Adobe Muse CC Libraries의 애니메이션
Adobe Muse 웹 사이트에서 애니메이션을 사용하려면 애니메이션을 드래그하여 디자인 보기에 배치합니다.

애니메이션을 링크된 에셋으로 배치하려면 마우스 오른쪽 단추를 클릭하고 [링크된 항목 배치]를 선택합니다.

참고:

사이트 레이아웃에 애니메이션을 배치한 다음에는 Adobe Muse에서 애니메이션 크기를 변경하거나 애니메이션 속성을 수정할 수 없습니다.

또한 Adobe Muse CC Libraries 패널에서 Animate CC에 있는 애니메이션 파일을 편집할 수 없습니다. 즉, 애니메이션 파일에서 마우스 오른쪽 클릭 > [편집] 옵션을 사용할 수 없습니다.

Adobe Muse에서 CC Libraries로 에셋 추가

Adobe Muse [프로젝트] 패널에서 CC Libraries에 추가할 에셋을 선택합니다.
다음 작업 중 하나를 수행합니다.
- [그래픽 추가] 아이콘(A)을 클릭하여 CC Libraries에 그래픽을 추가합니다.
- [색상 추가] 아이콘(B)을 클릭하여 CC Libraries에 색상을 추가합니다.
CC Libraries에 색상 또는 그래픽 추가

A. 그래픽 추가 아이콘 B. 색상 추가 아이콘

Adobe Muse의 에셋 사용

Adobe Muse의 [CC Libraries] 패널을 사용하여 색상, 그래픽 및 애니메이션 같은 에셋을 사용할 수 있습니다.

다른 Creative Cloud 앱에서 그래픽 에셋과 애니메이션을 만든 다음 Adobe Muse 프로젝트에서 이 에셋을 사용할 수 있습니다. 예를 들어, Illustrator 또는 Capture를 사용하여 만든 벡터 그래픽을 가져와 Adobe Muse에서 웹 사이트를 만들 때 사용할 수 있습니다.

Photoshop 또는 Capture와 같은 Creative Cloud 앱으로부터 색상을 추가하여 Adobe Muse 프로젝트에서 사용할 수 있습니다. 또한 Adobe Muse에서 CC Libraries로 색상을 추가하고 다른 Creative Cloud 사용자와 이 색상을 공유할 수 있습니다.

다른 응용 프로그램을 사용하여 만든 에셋을 추가하는 방법에 대한 자세한 내용은 CC Libraries에 에셋 추가를 참조하십시오.

Creative Cloud Libraries에서 애셋 사용에 대한 자세한 방법을 살펴보십시오.

그래픽 및 애니메이션 사용

색상 사용

그래픽 및 애니메이션 사용

그래픽 및 애니메이션을 '링크된 에셋'으로 가져오거나 에셋을 복사하여 사용할 수 있습니다.

링크된 에셋: 에셋을 '링크된 에셋'으로 배치하면 이 에셋은 CC Library의 원본 에셋에 링크됩니다. 따라서 클라우드에서 에셋을 수정하면 Adobe Muse 프로젝트에 있는 해당 에셋의 모든 인스턴스가 업데이트됩니다.

링크된 에셋은 여러 웹 페이지 또는 여러 프로젝트에서 사용할 경우 유용합니다. 예를 들어, 회사 로고를 링크된 에셋으로 사용할 수 있습니다. 클라우드에서 로고를 수정하면 여러 프로젝트에 있는 모든 인스턴스가 업데이트됩니다.

복사된 에셋: 프로젝트에 이미지를 복사하는 방법을 선호하는 경우 [사본 배치] 옵션을 사용하여 이 작업을 수행할 수 있습니다. 이 경우, 복사된 에셋은 원본 에셋에 링크되지 않습니다. 복사된 에셋은 Creative Cloud Library에서 원본 에셋이 수정될 때 업데이트되지 않습니다.

애니메이션은 복사할 수 없고 링크된 애셋으로만 배치할 수 있습니다.

참고:

Adobe Muse에서 링크된 에셋을 업데이트하려면 최신 버전의 Photoshop 및 InDesign이 설치되어 있어야 합니다.

다음 방법으로 애셋을 사용할 수 있습니다.

Adobe Muse로 에셋 가져오기

프로젝트에 에셋을 배치하려면 [CC Libraries] 패널에서 다음 작업 중 하나를 수행하십시오.

[CC Libraries] 패널에서 [디자인] 보기로 에셋을 드래그합니다.
에셋을 마우스 오른쪽 단추로 클릭하고 [링크된 에셋 배치]를 선택합니다.
에셋을 마우스 오른쪽 단추로 클릭하고 [사본 배치]를 선택합니다. 애니메이션에는 사본 배치 옵션을 사용할 수 없습니다.

참고:

CC Libraries를 통해 Illustrator 파일을 가져오는 경우 Adobe Muse가 자동으로 파일을 SVG로 변환하여 웹에 호환되도록 합니다.

그래픽 에셋을 사본으로 배치하는 경우 원본 에셋이 수정되면 Adobe Muse에서 비동기화된 에셋을 동기화해야 함을 알립니다. Adobe Muse의 [에셋] 패널을 통해 동기화되지 않은 에셋을 보고 이러한 에셋을 업데이트할 수 있습니다.

[에셋] 패널을 통해 에셋을 업데이트하는 자세한 방법을 살펴보십시오.

에셋 업데이트

그래픽 또는 애니메이션과 같은 에셋은 Creative Cloud의 원본 에셋을 편집 또는 수정하면 이러한 원본 에셋과 비동기화될 수 있습니다. Adobe Muse에서 프로젝트를 열면 이 응용 프로그램은 일부 에셋이 비동기화되었음을 감지합니다. 지금 또는 나중에 에셋을 업데이트할지 묻는 대화 상자를 볼 수 있습니다. 에셋을 업데이트하려면 [업데이트]를 클릭합니다.

Creative Cloud의 원본 에셋을 사용하여 에셋을 업데이트합니다. — Creative Cloud의 원본 에셋을 사용하여 에셋을 동기화합니다.

또한 Adobe Muse의 [에셋] 패널을 사용하여 Creative Cloud 에셋을 업데이트 및 동기화할 수도 있습니다.

Adobe Muse 프로젝트에서 [에셋] 패널을 엽니다(Windows > 에셋).

비동기화된 에셋은 이름 옆에 느낌표가 표시됩니다. 이러한 에셋은 원본을 사용하여 업데이트해야 합니다.

비동기화된 에셋을 업데이트합니다.
업데이트할 에셋을 마우스 오른쪽 단추로 클릭한 다음 [에셋 업데이트]를 선택합니다.

[에셋] 패널을 통해 에셋을 업데이트합니다.

에셋이 업데이트되면 느낌표가 사라집니다.

에셋 다시 링크

에셋을 Adobe Muse 프로젝트에 배치한 다음 Creative Cloud에서 원본 에셋을 이동하거나 이름을 바꾸면 에셋이 누락된 것으로 간주됩니다. 누락된 에셋이 있는 프로젝트를 열면 Adobe Muse는 다음과 같은 대화 상자를 표시합니다.

Creative Cloud Libraries에서 에셋을 다시 링크하려면 다음 단계를 따르십시오.

에셋 패널을 엽니다(Windows > 에셋).

누락된 에셋을 확인합니다. 에셋 위로 마우스를 가져가면 "CC Libraries 에셋이 없음" 상태가 다음 이미지에 보이는 것처럼 표시됩니다.

CC Libraries에서 누락된 에셋을 다시 링크합니다.
에셋을 마우스 오른쪽 단추로 클릭한 후 CC Libraries에서 다시 연결을 선택합니다.
Adobe Muse에서 CC Libraires의 기존 그래픽 에셋을 다시 연결하라는 메세지가 표시됩니다. CC Libraires 패널에서 적합한 에셋을 선택하고 다시 연결을 클릭합니다.

CC Libraries에서 다시 연결합니다.

CC Libraries에서 애셋을 다시 연결하려면 마우스 오른쪽 단추를 클릭한 후 [CC Libraries에서 다시 연결]을 선택해도 됩니다.

CC Libraries에서 애니메이션 다시 링크

에셋 패널에서 예전 이름 또는 경로의 누락된 에셋이 다시 연결한 새로운 에셋으로 대체됩니다.

기본 응용 프로그램에서 에셋 편집

Adobe Muse 내에서 바로 Illustrator 및 InDesign 에셋을 각각의 응용 프로그램에서 열고 편집할 수 있습니다. Adobe Muse 프로젝트에서 편집된 에셋을 링크된 에셋으로 사용한 경우 에셋의 모든 인스턴스는 자동으로 업데이트됩니다.

에셋을 마우스 오른쪽 단추로 클릭하고 [편집]을 클릭합니다.

파일 유형에 따라 에셋이 적절하게 Illustrator 또는 InDesign에서 열립니다.
필요에 따라 에셋을 편집하고 저장합니다.

그래픽을 페이지 또는 브라우저 채우기로 설정

브라우저 또는 페이지 채우기를 설정할 페이지를 클릭합니다.
[CC Libraries] 패널에서 채우기로 설정할 이미지를 선택합니다.
이미지를 마우스 오른쪽 단추로 클릭한 다음 작업 중 하나를 수행하십시오.
- 이미지를 페이지 채우기로 설정하려면 [페이지 채우기로 설정]을 클릭합니다.
- 에셋을 브라우저의 배경 이미지로 설정하려면 [브라우저 채우기로 설정]을 클릭합니다.
그래픽을 페이지 또는 브라우저 채우기로 설정

페이지 채우기 및 브라우저 채우기에 대한 자세한 내용은 Adobe Muse에서 페이지 채우기 및 브라우저 채우기 사용을 참조하십시오.

색상 사용

Capture CC 또는 Color CC 같은 앱에서 색상 및 색상 테마를 캡처할 수 있습니다. Creative Cloud Libraries를 사용해 이러한 색상을 라이브러리에 가져올 수 있으며 Adobe Muse 같은 기타 앱에서 색상을 사용할 수 있습니다. CC Libraries에 저장한 색상을 다음과 같이 사용할 수 있습니다.

Adobe Muse 프로젝트에서 브라우저 채우기와 같이 채우기로 사용합니다.
Adobe Muse 웹 사이트의 개체를 채우거나 획 색상으로 설정합니다.
선택한 텍스트의 텍스트 색상으로 사용합니다.

CC Libraries에서 사용자 지정 이름으로 저장한 색상 견본을 색상 견본 패널에 추가할 수도 있습니다.

채우기 또는 배경 채우기로 설정

텍스트 색상으로 설정

색상 견본 패널에 추가

채우기 또는 배경 채우기로 설정

Adobe Muse 프로젝트 패널에서 다음 작업 중 하나를 수행합니다.
- 획 또는 채우기를 적용하려는 개체 또는 프레임을 선택합니다.
- 배경 채우기를 적용할 페이지를 선택합니다.
[CC Libraries] 패널에서 다음 작업 중 하나를 수행합니다.
- 채우기 또는 획으로 적용할 색상을 마우스 오른쪽 단추로 클릭한 다음 [색상 설정]을 선택합니다.
- 채우기로 적용할 색상을 클릭합니다.
동작에 따라 선택한 개체에 획 또는 채우기로 선택한 색상이 부여됩니다. 또는 전체 페이지가 선택한 색상으로 채워집니다.

[CC Libraries] 패널에서 색상을 편집할 수도 있습니다. 색상을 편집하려면 색상을 마우스 오른쪽 단추로 클릭한 다음 [편집]을 클릭합니다. [색상 피커] 대화 상자에서 새 색상을 선택하고 [확인]을 클릭합니다.

[색상 피커] 대화 상자에서 기존 색상의 이름을 바꿀 수도 있습니다.

참고:

색상의 이름과 16진수 코드를 보려면 색상 위에 마우스 포인터를 놓으십시오.

텍스트 색상으로 설정

색상을 적용할 텍스트를 선택합니다.
[CC Libraries] 패널에서 적용할 색상을 선택합니다.

색상 견본 패널에 추가

CC Libraries의 색상을 색상 견본 패널에 사용자 정의 이름을 부여한 색상 견본으로 추가할 수 있습니다. 동시에 색상 견본 패널에 여러 색상을 추가할 수도 있습니다.

[CC Libraries] 패널에서 색상 견본 패널에 추가할 색상을 마우스 오른쪽 단추로 클릭합니다.
[색상 견본에 추가]를 클릭합니다.
색상 견본 패널에 여러 색상을 추가하려면 Shift를 누르고 색상을 선택합니다. 마우스 오른쪽 단추로 클릭하고 [색상 견본에 추가]를 선택합니다.

Creative Cloud Libraries 및 에셋 관리

에셋 복사 및 이동

에셋 이름 바꾸기

에셋 삭제

Creative Cloud Libraries 추가

Creative Cloud Libraries 이름 바꾸기

Creative Cloud Libraries 삭제

Creative Cloud Libraries 공유

에셋 복사 및 이동

[CC libraries] 패널에서 이동하거나 복사할 하나 이상의 에셋을 선택합니다.
에셋을 마우스 오른쪽 단추로 클릭한 후 다음 중 하나를 수행하십시오.
- [복사 대상]을 선택하고 에셋을 복사할 라이브러리를 선택합니다.
- [이동 대상]을 선택하고 에셋을 이동할 라이브러리를 선택합니다.

에셋 이름 바꾸기

[CC Libraries] 패널에서 에셋의 이름을 바꿀 수 있습니다. 에셋의 이름을 바꾸려면 에셋을 마우스 오른쪽 단추로 클릭한 다음 [이름 바꾸기]를 클릭합니다.

라이브러리의 에셋 삭제

[CC Libraries] 패널에서 삭제할 에셋을 마우스 오른쪽 단추로 클릭합니다.
[삭제]를 클릭합니다.

Creative Cloud Library 추가

라이브러리를 원하는 만큼 만들어서 에셋을 구성할 수 있습니다. 생성된 라이브러리가 Adobe Muse의 CC Library 패널에 표시됩니다.

[CC Library] 패널에서 드롭다운 메뉴를 클릭하고 [새 라이브러리 만들기]를 선택합니다.

Creative Cloud Libraries 만들기
라이브러리 이름을 입력하고 [만들기]를 클릭합니다.

새 Creative Cloud Libraries 만들기

Creative Cloud Library 이름 바꾸기

[CC Library] 패널에서 이름을 바꿀 라이브러리를 선택합니다.
[CC Libraries] 패널의 오른쪽 모서리에 있는 팝업 메뉴를 클릭하고 [<library> 이름 바꾸기]를 선택합니다.

Creative Cloud Library 이름 바꾸기
라이브러리의 새 이름을 입력하고 [이름 바꾸기]를 클릭합니다.

Creative Cloud Library 삭제

[CC Library] 패널에서 삭제할 라이브러리를 선택합니다.
[CC Libraries] 패널의 오른쪽 모서리에 있는 팝업 메뉴를 클릭하고 [<library> 삭제]를 선택합니다.

Creative Cloud Library 삭제
[삭제] 확인 대화 상자에서 [삭제]를 클릭합니다.

Creative Cloud Libraries 공유

라이브러리를 다른 Creative Cloud 사용자와 공유하여 공유된 라이브러리의 콘텐츠를 확인하고 편집 또는 사용이 가능합니다.

참고:

Creative Cloud 구독자가 라이브러리를 공유한 경우, 다른 Creative Cloud 사용자에게 이를 공유할 수 있습니다.

[CC Libraries] 패널에서 [CC Libraries] 패널의 오른쪽 모서리에 있는 팝업 메뉴를 클릭하고 [공동 작업]을 선택합니다.

Creative Cloud Libraries 공유
표시되는 브라우저 페이지에서 라이브러리를 공유할 사람의 이메일 주소와 원하는 메시지를 입력합니다.

내 계정 로그인