화면에 맞게 내보내기 작업 과정은 크기와 파일 형식이 다른 애셋을 한 번에 생성하는 새로운 방법입니다. 빠르게 내보내기 기능을 사용하면 부수적인 이미지(아이콘, 로고, 이미지, 모형 등)를 더 간단하고 빠르게 생성할 수 있으며, 특히및 모바일 작업 과정에 유용합니다.

예를 들면 모바일 앱 개발 시나리오에서 사용자 환경 디자이너가 업데이트된 아이콘 및 로고를 자주 다시 생성할 수 있습니다. 이러한 아이콘과 로고를 [애셋 내보내기] 패널에 추가한 다음 단추를 한 번만 클릭하여 여러 파일 유형 및 크기로 내보낼 수 있습니다. 

유용한 기능:

  • 한 번의 빠른 작업으로 여러 형식 및 크기로 내보냅니다. 
  • 1배, 2배, 3배, 0.5배, 1.5배 등의 일반 또는 사용자 정의 크기(배율)로 내보냅니다.
  • PNG 파일을 생성하는 알고리즘이 다음과 같이 수정되었습니다.
    • PNG 파일을 전보다 빠르게 생성합니다. 
    • PNG-8 파일의 투명도를 향상시킵니다.

사용할 수 있는 형식: 

  • PNG(PNG-8, PNG-24)
  • JPEG(JPEG 100%, JPEG 85%, JPEG 50%, JPEG 25%)
  • SVG
  • PDF

Export-for-screens-dialog
화면에 맞게 내보내기 대화 상자(애셋 탭).

애셋 내보내기(화면에 맞게 내보내기 작업 과정)

대지 전체 또는 개별 아트웍 내보내기

  1. 다음 중 하나를 수행합니다.

    • 단축키: Alt+Ctrl+E(Win)/Cmd+Opt+E(Mac). 
    • [파일] > [내보내기] > [화면에 맞게 내보내기]를 클릭합니다.
    • 아트웍를 선택하고 [파일] > [선택 항목 내보내기]를 클릭합니다.
    • 선택한 아트웍을 마우스 오른쪽 단추로 클릭하고 [내보내기 위해 모으기]를 클릭합니다.

    [화면에 맞게 내보내기] 대화 상자에서 아트웍를 내보내는 동안 사용하려는 설정을 편집합니다.

  2. 내보낼 범위를 선택합니다. 다음 두 탭을 사용할 수 있습니다.

    대지 탭.

    내보낼 수 있는 대지 중에서 선택합니다. 대지를 클릭하여 선택하거나 선택을 해제합니다. 또한 마우스와 Shift 키를 사용하여 여러 항목을 선택할 수 있습니다.

    애셋 탭.

    [애셋 내보내기] 패널에서 수집한 애셋 중에서 선택합니다. [애셋 내보내기] 패널 아래 섹션을 참조하십시오.

    참고:

    축소판 또는 목록 아이콘을 클릭하여 항목을 다르게 표시합니다.

    Export-for-screens-dialog_artboards-tab
    화면에 맞게 내보내기 대화 상자(대지 탭).
  3. 현재 표시된 탭에 따라 파일로 내보낼 항목을 선택합니다. 확인 표시는 대지 또는 애셋이 선택되었는지 여부를 나타냅니다.

    대지 탭.

    • 모두. 대지를 모두 선택합니다. 각 대지를 개별적으로 내보냅니다.
    • 범위. 문서에서 사용할 수 있는 대지 중에서 내보낼 개별 대지를 선택합니다. 예를 들면 1, 2, 4-6은 대지 1, 2, 4, 5 및 6을 선택합니다.
    • 전체 문서. 전체 문서를 하나의 대지로 내보냅니다.

    애셋 탭:

    • 모든 애셋. [애셋] 탭에서 수집한 모든 애셋을 내보내려면 이 옵션을 선택합니다.

    참고:

    새로 시작하려면 [선택 취소]를 클릭하여 수집한 애셋을 모두 선택 취소합니다. 축소판을 클릭하여 특정 아트웍 선택을 시작할 수 있습니다.

  4. 내보낸 파일에 대한 설정을 지정합니다.

    • 크기 조절. 출력 파일에 대한 크기 조절 요소를 지정합니다.
    • 위치. 내보낸 파일을 저장할 폴더 위치를 지정합니다.
    • 내보내기 후 위치 열기. 내보낸 애셋을 저장한 폴더를 파일 브라우저(Explorer 또는 Finder)를 사용하여 열려는 경우 이 옵션을 선택합니다.
    • 접미어. 출력 파일의 이름을 고유하게 하려면 접미어를 제공합니다.
    • 형식. .png, .svg, .jpg 또는 .pdf 파일 출력이 필요한 경우 지정합니다.
    • 접두어. 생성된 파일 이름의 시작 문자로 지정할 문자열을 제공합니다.
    • 비율 추가 단추. 내보낼 추가 출력 비율/형식을 추가하려면 [비율 추가]를 클릭합니다.
    • 삭제 단추. 출력 유형을 삭제하려면 X 기호를 클릭합니다.
    • 사전 설정.
      • iOS: 일반적으로 iOS 프로젝트에 필요한 사전 설정 파일 출력 유형을 추가하려면 클릭합니다.
      • Android: 일반적으로 Android 폼 요소 프로젝트에 필요한 사전 설정 파일 출력 유형을 추가하려면 클릭합니다.
  5. (선택 사항) [설정] 아이콘()을 클릭하여 내보낸 파일 형식에 대한 출력 설정을 지정합니다.

  6. [대지 내보내기] 또는 [애셋 내보내기] 단추를 클릭합니다.

애셋 내보내기 패널

수집하고 바로 내보냅니다.

[애셋 내보내기] 패널에 대지에서 수집한 애셋이 표시됩니다. 이러한 애셋은 일반적으로 자주 내보내려는 아트입니다.

예를 들면 모바일 앱 개발 시나리오에서 사용자 환경 디자이너가 업데이트된 아이콘 및 로고를 자주 다시 생성할 수 있습니다. 이러한 아이콘과 로고를 [애셋 내보내기] 패널에 추가한 다음 단추를 한 번만 클릭하여 여러 파일 유형 및 크기로 쉽게 내보낼 수 있습니다. 

AssetExport_panel
애셋 내보내기 패널

내보낼 아트웍 수집

[자산 내보내기] 패널에서 다중 자산 또는 단일 자산으로 내보낼 개체를 수집할 수 있습니다.

다중 자산으로 내보낼 아트웍 수집

Web

다중 자산으로 내보낼 개체/레이어를 수집하려면 [자산 내보내기] 패널(Window > 자산 내보내기)에 추가합니다. 다음 중 하나를 수행합니다.

  • 아트웍를 [애셋 내보내기] 패널로 드래그.
  • 자산을 마우스 오른쪽 단추로 클릭하고 내보내기 위해 모으기 > 다중 자산을 선택합니다. 또는, 아트웍을 선택하고 [자산 내보내기] 패널에서 선택 항목에서 여러 자산 생성 아이콘()을 클릭합니다.
  • [레이어] 패널에서 강조 표시한 레이어를 자산으로 추가하려면 [레이어] 패널 아래쪽에 있는 [내보내기 위해 모으기] 아이콘을 클릭합니다.

참고:

아트웍를 [자산 내보내기] 패널로 드래그할 때마다 자산이 '수집됩니다'. 이 경우 대지 또는 CC Libraries에 중복 개체가 만들어지지 않습니다. 문서의 아트웍를 업데이트하면 해당 자산이 [자산 내보내기] 패널에서 자동으로 업데이트됩니다.

단일 자산으로 내보낼 아트웍 수집

Web

다음 중 하나를 수행합니다.

  • 아트웍을 [자산 내보내기] 패널로 드래그하는 동안 Alt/옵션을 누릅니다.
  • 자산을 마우스 오른쪽 단추로 클릭하고 내보내기 위해 모으기 > 단일 자산을 선택합니다. 또는, 아트웍을 선택하고 [자산 내보내기] 패널에서 Alt/Option 키를 누른 채 선택 항목에서 단일 자산 생성 아이콘()을 클릭합니다.

애셋 내보내기([애셋 내보내기] 패널 작업 과정)

[애셋 내보내기] 패널을 사용하여 애셋 내보내기

  1. Window > 자산 내보내기를 클릭하여 [자산 내보내기] 패널을 실행합니다.

  2. [애셋 내보내기] 패널에서 수집한 애셋을 확인합니다. 테두리는 내보낼 자산이 선택되었는지 여부를 나타냅니다.

    참고:

    테두리가 있는 자산만 내보냅니다. 축소판을 클릭하여 선택하거나 선택을 취소합니다.

  3. [설정 내보내기] 삼각형 을 클릭하여 파일을 내보낼 형식/크기를 보거나 추가합니다.

    • 크기 조절. 출력 파일에 대한 크기 조절 요소를 지정합니다. 
    • 접미어. 출력 파일의 이름을 고유하게 하려면 접미어를 제공합니다.
    • 형식. .png, .svg, .jpg 또는 .pdf 파일 출력이 필요한 경우 지정합니다.
    • 비율 추가 단추. 내보낼 추가 출력 비율/형식을 추가하려면 클릭합니다.
    • 삭제 단추. 출력 유형을 삭제하려면 X 기호를 클릭합니다.
    • 사전 설정:
      • iOS: 일반적으로 iOS 프로젝트에 필요한 사전 설정 파일 출력 유형을 추가하려면 클릭합니다.
      • Android: 일반적으로 Android 폼 요소 프로젝트에 필요한 사전 설정 파일 출력 유형을 추가하려면 클릭합니다.
  4. (선택 사항) 플라이아웃 메뉴에서 [서식 설정]을 선택하여 내보낸 파일 형식에 대한 출력 설정을 지정합니다.

  5. (선택 사항) 플라이아웃 메뉴에서 [내보내기 후 위치 열기]를 클릭하여 내보내기 작업 과정 후 바로 내보낸 파일을 확인합니다.

  6. 파일을 생성하려면 [내보내기]를 클릭합니다.

    자산을 내보내는 동안 선택한 크기 조정 옵션을 기반으로 하여 내보내기 위치에 하위 폴더가 만들어집니다. 예를 들어 [자산 내보내기] 패널에서 여러 비율 형식을 선택하는 경우 즉, PNG로 내보낼 파일이 1x, 2x 및 3x인 경우 내보낸 파일에 대해 1x, 2x 및 3x라는 하위 폴더가 만들어집니다. 크기 조정 옵션을 지원하지 않는 형식인 경우 선택한 내보내기 파일 형식(예: SVG 및 PDF)을 기반으로 하여 하위 폴더에 이름이 지정됩니다. 

    폴더의 파일을 내보낼 때 하위 폴더를 만들지 않으려면 [자산 내보내기] 패널 또는 [화면에 맞게 내보내기] 대화 상자에서 하위 폴더 만들기 옵션을 선택 해제합니다.

    참고:

    내보내려는 자산의 폴더 위치를 변경하거나 파일 접두어와 같은 세부 정보를 지정하려면 [화면에 맞게 내보내기] 대화 상자를 사용합니다.[화면에 맞게 내보내기] 대화 상자를 열려면  을클릭합니다. [자산 내보내기] 패널에 설정된 모든 옵션은 [화면에 맞게 내보내기] 대화 상자에서 유지됩니다.

내보낸 애셋에 대한 출력 설정

내보낸 애셋에 대한 형식 특정 옵션

[서식 설정] 대화 상자에서 내보낼 수 있는 각 파일 유형에 대한 출력 설정을 지정할 수 있습니다.

  • [화면에 맞게 내보내기] 대화 상자에서 [설정] 아이콘을 클릭하여 [서식 설정] 대화 상자를 시작합니다.
  • [애셋 내보내기] 패널에서 플라이아웃 메뉴를 클릭하고 [서식 설정]을 선택합니다.
[서식 설정] 대화 상자에서 서식 특정 설정을 제공합니다.
[서식 설정] 대화 상자에서 서식 특정 설정을 제공합니다.

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

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