애셋 추출

검색
Adobe Photoshop 사용 안내서

이 페이지

적용 대상: Adobe Photoshop Adobe Photoshop CC (2014) Adobe Photoshop CS6

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Photoshop CC 2015 릴리스부터 애셋 추출 기능은 이 문서에서 설명한 형식으로는 더 이상 제공되지 않습니다. Photoshop에 대지, 레이어, 레이어 그룹 및 문서를 이미지 애셋으로 내보내는 보다 직관적인 기능이 도입되었습니다.

이 새로운 내보내기 옵션에 대한 자세한 내용은 대지, 레이어 등 내보내기를 참조하십시오.

extract_logo

[자산 추출]은 Photoshop 파일에서 웹 및 화면 디자인을 위한 자산을 빠르게 추출하기 위해 Adobe 제네레이터 상단에 인터페이스를 제공하는 Photoshop CC (2014) 및 이전 버전의 기능입니다. Photoshop에서 레이어나 레이어 그룹을 선택하고 그래픽 사용자 인터페이스를 사용하여 JPG, PNG, SVG 또는 GIF 이미지 정보로 추출할 수 있습니다.

[자산 추출]을 사용하면 다음이 가능합니다.

  • PSD에서 레이어나 레이어 그룹을 하나 이상의 이미지 자산으로 추출
  • PNG, JPG, GIF 또는 SVG인 이미지 자산 생성
  • 모든 이미지 자산의 1x, 2x 이상의 버전 설정
  • 각 이미지 자산 미리보기
  • 선호하는 폴더에 손쉽게 자산 추출
  • PSD가 변경될 때마다 추출된 자산이 업데이트되도록 보장할 수 있습니다.

레이어나 레이어 그룹 추출

추출을 위해 여러 레이어나 레이어 그룹을 선택하면 선택한 항목의 각각에서 별도의 애셋을 생성할 수 있는 옵션이 표시됩니다.

  1. 하나 이상의 레이어나 레이어 그룹을 선택합니다.
  2. 다음 중 하나를 수행합니다.
  • 선택한 항목을 마우스 오른쪽 단추로 클릭한 다음 상황에 맞는 메뉴에서 [애셋 추출]을 선택합니다.
  • Cmd+Opt+Shift+W(Mac) 또는 Ctrl+Alt+Shift+W(Windows) 단축키를 누릅니다.
  • [파일] > [자산 추출]을 선택합니다.

참고:

[애셋 추출]은 Photoshop 제네레이터 구문과 일치하는 레이어 이름을 따릅니다. 예를 들어, layer.gif라는 레이어에서 애셋 추출을 시도하는 경우, [애셋 추출] 대화 상자에 이미지 정보용 기본 형식으로서 GIF가 표시됩니다.  

  1. [애셋 추출] 대화 상자에서 생성할 각 애셋에 대해 다음 설정을 지정합니다.

    저장 형식:     PNG-8, PNG-24, PNG-32, GIF, JPG 또는 SVG를 선택합니다.
    품질 비율:     JPEG 애셋에 대해서, 0-100% 범위의 값을 지정하여 애셋의 품질 정도를 지정할 수 있습니다. 적절한 방향으로 슬라이더를 조정합니다.
  1. 애셋 버전을 두 개 이상 추출하려면, [애셋 추출] 대화 상자에서 애셋 옆에 있는 + 아이콘을 클릭하십시오. 각 애셋에 대해 다른 형식, 품질 및 비율 매개 변수를 지정할 수 있습니다.
  2. [추출]을 클릭합니다.
  3. 정보 추출을 계속하려면 레이어 이름을 변경해야 한다는 메시지가 Photoshop에 표시됩니다. 이것은 Photoshop에서 기본 제네레이터 프레임워크를 사용하여 제네레이터 구문을 통해 애셋을 만들기 때문입니다. 애셋 추출을 계속하려면 [확인]을 클릭하십시오.
  4. 생성된 애셋을 저장할 폴더로 이동합니다.
  5. [추출]을 클릭합니다. 이미지 정보가 생성되고 Finder(Mac) 또는 Windows Explorer에 이 정보가 들어 있는 폴더가 열립니다. 자산 생성 프로세스에서는 해당 레이어의 이름이 Photoshop 제네레이터 구문에 따라 자동으로 변경됩니다.

참고:

이미지 정보로 추출하는 레이어/레이어 그룹은 다음번에 이미지 정보 추출 기능을 호출할 때 자산 추출 대화 상자에 표시됩니다.  

애셋 해상도 지정

사전에 채워진 여러 설정 조합을 사용하여 다양한 목적으로 추출 설정을 지정하고 애셋을 생성할 수 있습니다. 예를 들어, Retina 디스플레이용 애셋을 생성할 수 있습니다. 지정하는 모든 설정은 문서 전반에 적용됩니다.

  1. 오른쪽의 애셋 추출 섹션에서 원하는 해상도를 하나 이상 지정합니다.
  2. 나열되지 않은 해상도를 원하거나, 대상 하위 폴더를 변경하여 애셋을 다양한 해상도로 추출하려면, 설정을 클릭합니다.
  3. 각 해상도에 대해 기본 접미어를 사용하거나 자체 접미어를 추가할 수 있습니다.
  4. 각 해상도에 대해 기본 하위 폴더를 사용하도록 선택하거나 선호하는 다른 하위 폴더 이름을 지정할 수도 있습니다.
  5. [애셋 추출] 대화 상자에서 [완료]를 클릭하면 이 설정이 문서에 저장됩니다. 다음에 애셋을 만들 때마다 동일한 설정이 사용됩니다. 이후의 모든 애셋은 어떤 Photoshop CC 인스턴스에서든 이 문서를 열 때 선택한 해상도용으로 생성됩니다.

애셋 자동 생성

필요할 경우, 문서 업데이트 시 자동으로 애셋 생성을 선택할 수 있습니다. 이 옵션은 Photoshop 제네레이터용 생성 > 이미지 정보 옵션과 동기화됩니다. [애셋 추출] 옵션을 활성화하면, 제네레이터 옵션도 자동으로 활성화됩니다.

개발자와 공유

  1. PSD 파일을 Creative Cloud와 동기화한 Creative Cloud 폴더에 저장하십시오.
  2. [애셋 추출](파일 > [애셋 추출])을 열고 원하는 애셋을 추가합니다. [추출]을 클릭하고 저장에 사용할 기본 폴더를 선택합니다.
  3. 이제 Creative Cloud에서 PSD를 열면, 추출한 애셋 목록과 함께 Photoshop 파일을 볼 수 있게 됩니다.
  4. 이제 Creative Cloud를 통해 공동 작업을 하고자 하는 개발자와 만든 PSD 및 애셋을 공유할 수 있습니다.

일반적인 오류

비어 있거나 이미지를 렌더링할 수 없는 레이어는 [애셋 추출] 대화 상자에서 렌더링할 수 없습니다. 이러한 레이어는 클리핑 마스크나 조정 레이어이거나, 픽셀이 없는 단순한 레이어일 수 있습니다.

애셋은 보통 하나의 단일 디렉토리에 렌더링되므로 이름이 동일하지만, 다른 그룹 간에 분리되어 있는 레이어가 있을 경우, 서로 덮어쓸 수 있습니다. 이를 방지하기 위해 Photoshop에서는 충돌이 탐지될 때 레이어의 이름을 자동으로 변경합니다.

자동 이름 변경을 무시하는 경우, 선택한 이름으로 기존 애셋을 덮어쓰지 않도록 이 오류가 표시됩니다.

애셋 이름에 유효하지 않은 문자가 포함되어 있을 경우에도 이 오류가 표시됩니다. 이 문제를 해결하려면 유효하지 않은 문자가 들어 있지 않도록 파일 이름을 바꾸십시오.

이미지가 캔버스를 벗어나서 추출 시 이미지를 렌더링할 수 없었습니다. 이미지가 캔버스 내에 맞도록 이미지를 이동하십시오.

[애셋 추출] 대화 상자가 열려 있을 때 Adobe 제네레이터가 응답하지 않으면 이 오류가 발생합니다. 이 문제를 해결하려면, [완료]를 클릭하여 [애셋 추출] 대화 상자를 닫고, 파일을 저장한 다음, Photoshop을 다시 시작하십시오.