Adobe Muse에서 그래픽 스타일을 만들고 사용하는 방법에 대해 알아봅니다.

참고:

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

Adobe Muse는 웹 페이지의 개체에 적용된 스타일을 저장하고 재사용하는 직관적인 메커니즘을 제공합니다. 웹 사이트의 모든 페이지에서 디자인과 모양의 일관성을 유지하는 쉬운 방법은 스타일을 만들고 재사용하는 것입니다. 스타일을 사용하면 색 지정, 글꼴, 텍스트 서식 지정 등을 다시 실행하지 않아도 웹 사이트를 빠르게 업데이트할 수 있습니다.

Muse 내에서 스타일을 사용하여 다음 작업을 수행할 수 있습니다.

  • 웹 사이트의 모든 페이지에서 모양의 일관성 유지
  • 웹 사이트에서 기존 스타일을 활용하거나 스타일을 만들고 재사용하여 생산성 향상

스타일에는 채우기 색상, 획 색상, 효과 등이 포함됩니다. 스타일은 Muse 내의 이미지, 그래픽, 도형, 텍스트, 문자 등과 같은 모든 개체 유형에 적용할 수 있습니다. 스타일은 Muse 내에서 다음과 같이 분류됩니다.

  • 그래픽 스타일
  • 단락 스타일
  • 문자 스타일

그래픽 스타일이란?

그래픽 스타일은 다시 사용할 수 있는 모양 특성 세트입니다. 그래픽 스타일을 사용하여 개체의 모양을 빠르게 변경할 수 있습니다. 예를 들어, 칠과 획 색상 바꾸기, 투명도 변경, 효과 적용과 같은 작업을 한 번에 할 수 있습니다.

그래픽 스타일 지정에는 도형에 채우기 색상 추가, 이미지에 그림자 및 경사 등의 효과 추가, 도형 윤곽선에 색상 추가 등이 포함될 수 있습니다. 이러한 스타일 지정은 Adobe Muse 내의 그래픽 스타일 패널을 사용하여 유지할 수 있습니다. 그래픽 스타일을 만들면 웹 사이트 전체에서 재사용할 수 있으며, 결국에는 단추를 한 번 클릭하여 전체 웹 사이트에서 재사용할 수 있습니다.

개체, 그룹 및 레이어에 그래픽 스타일을 적용할 수 있습니다. 그룹이나 레이어에 그래픽 스타일을 적용하면 그룹이나 레이어의 모든 개체에는 해당 그래픽 스타일의 특성이 적용됩니다. 예를 들어, 불투명도가 50%인 그래픽 스타일이 있다고 가정해봅시다. 이 그래픽 스타일을 레이어에 적용하면 해당 레이어에 들어 있거나 추가된 모든 개체는 50%의 불투명도로 나타납니다. 그러나 개체를 해당 레이어 밖으로 이동하면 개체의 모양이 이전 불투명도로 되돌아갑니다.

그래픽 스타일 만들기

  1. 웹 페이지에서 스타일이 지정된 개체를 선택합니다.
  2. [창] > [그래픽 스타일] 패널을 엽니다.
  3. 단추를 클릭하여 기본적으로 Style로 이름이 지정된 그래픽 스타일을 만듭니다. [그래픽] 패널에서 마우스 오른쪽 단추를 클릭(MAC에서 Command + 클릭)하고 컨텍스트 메뉴에서 [새 그래픽 스타일]을 선택합니다.
  4. 새로 만든 그래픽 스타일을 두 번 클릭하여 [그래픽 스타일 옵션] 대화 상자를 표시합니다.
  5. [스타일 이름] 필드에 이름을 입력합니다. [스타일 설정] 필드에서 적용한 그래픽 스타일 설정이 올바른지 확인합니다.
그래픽 스타일 이름 입력
그래픽 스타일 이름 입력

그래픽 스타일 적용하기

만든 그래픽 스타일을 적용하려면 다음을 수행합니다.

  1. 개체 또는 그룹을 선택하거나 [레이어] 패널에서 레이어를 대상으로 지정합니다.
  2. 개체에 단일 스타일을 적용하려면 다음 중 하나를 수행합니다.
    • [그래픽 스타일] 패널에서 스타일을 선택합니다.
    • 문서 창의 개체로 그래픽 스타일을 드래그합니다. (처음에 개체를 선택할 필요는 없습니다.) 또는 [그래픽 스타일] 패널에서 그래픽 스타일을 선택합니다.
  3. 개체의 기존 스타일 특성에 스타일을 병합하거나 개체에 여러 스타일을 적용하려면 다음 중 하나를 수행합니다.
    • Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 채 [그래픽 스타일] 패널에서 개체로 스타일을 드래그합니다.
    • 개체를 선택한 다음 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 채 [그래픽 스타일] 패널의 스타일을 클릭합니다.

그래픽 스타일 복사하기

다시 사용할 수 있는 특성은 한 요소에서 다른 요소로 적용해 그래픽 스타일에 복사할 수 있습니다. 한 번의 클릭만으로 소스 요소의 스타일 특성을 복사해 여러 대상 요소의 특성에 붙여넣을 수 있습니다. 더욱이 원하는 특정 요소만 선택적으로 붙여넣을 수도 있습니다.

  1. 그래픽 스타일을 복사하려는 페이지를 엽니다. 마우스 오른쪽 단추를 클릭하고 특성 복사를 클릭합니다.

  2. 스타일을 붙여넣으려는 대상 요소를 선택합니다. 이 요소는 동일한 페이지 또는 Adobe Muse의 다른 페이지에 적용할 수 있습니다. 

    여러 프로젝트를 아우르며 그래픽 스타일을 복사하고 붙여넣을 수도 있습니다.

  3. 대상 요소를 마우스 오른쪽 단추로 클릭해 다음 옵션 가운데 하나를 선택합니다.

    특성 붙여넣기: 소스 요소의 모든 특성을 대상 요소로 붙여넣습니다.

    선택한 특성 붙여넣기: 소스에서 선택한 그래픽 스타일 특성을 대상 요소로 붙여넣습니다. 이 경우 선택한 스타일 특성만 대상 요소로 붙여넣을 수 있습니다. 예를 들어 획은 선택하지 않은 채 채우기와 효과만 복사해 붙여넣을 수 있습니다.

    대상 요소에 선택한 그래픽 스타일 특성 붙여넣기
    대상 요소에 선택한 그래픽 스타일 특성 붙여넣기

그래픽 스타일 링크 해제

그래픽 스타일에서 그래픽 개체를 링크 해제 또는 분리하려면 다음을 수행합니다.

  1. 그래픽 스타일에서 링크 해제하려는 개체를 선택합니다.
  2. [창] > [그래픽 스타일]을 선택합니다.
  3. 그래픽 스타일 패널에서 버튼을 클릭합니다.

참고:

그래픽 스타일을 링크 해제하면 언급한 그래픽 스타일에서 개체만 분리되며, 채우기, 획, 효과 등의 스타일 지정 특성은 제거되지 않습니다.

스타일 재정의하기

그래픽 스타일을 재정의하여 스타일 설정을 즉시 업데이트할 수 있습니다. 스타일 지정 특성 변경은 흔한 디자인 작업이기 때문에 스타일 재정의를 만듭니다. Adobe Muse는 이러한 재정의를 + 기호로 나타냅니다.

Adobe Muse를 사용하면 스타일 재정의를 유지하거나 지울 수 있습니다. 스타일을 다시 정의하여 재정의를 유지할 수 있습니다.

다음을 수행합니다.

  1. [창] > [그래픽 스타일]을 선택합니다.
  2. 다시 정의하려는 그래픽 스타일을 선택한 다음 버튼을 클릭합니다.

스타일 재정의 지우기

스타일 지정 특성 변경은 흔한 디자인 작업이기 때문에 스타일 재정의를 만듭니다(+ 기호로 나타냄). Adobe Muse를 사용하면 스타일 재정의 지우기를 통해 의도하지 않은 그래픽 스타일 변경을 실행 취소할 수 있습니다.

스타일 재정의를 지우려면 다음을 수행합니다.

  1. [창] > [그래픽 스타일]을 선택합니다.
  2. 스타일 재정의에서 지우려는 그래픽 스타일을 선택합니다.
  3. 버튼을 클릭합니다.

모든 스타일 지정 지우기

모든 스타일 지정 지우기 옵션을 사용하면 그래픽 개체에 적용된 모든 스타일 지정 특성을 제거하여 채우기, 획, 효과 등이 없는 상태로 재설정할 수 있습니다.

모든 스타일을 지우려면 다음을 수행합니다.

  1. 스타일 지정에서 지우려는 그래픽 개체를 선택합니다.
  2. 컨텍스트 메뉴에서 [모든 스타일 지정 지우기]를 오른쪽 클릭하여 선택합니다.

스타일 사용으로 이동

이제 사이트 전체의 스타일 사용을 추적 및 관리할 수 있습니다. 새로운 스타일 사용으로 이동 옵션을 사용하면 웹 사이트에서 그래픽 스타일이 사용된 페이지의 전체 목록을 표시할 수 있습니다.

  1. [창] > [그래픽 스타일]을 선택합니다.
  2. 스타일을 오른쪽 클릭하고 [스타일 사용으로 이동]을 선택합니다.

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

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