Photoshop에서 단일 레이어를 이미지로 내보내기


47

나는 많은 디자이너들이 나에게 그들의 디자인의 PSD 계층화를 보내도록하고 있으며, 웹 페이지에 배치하기 위해 디자인의 조각들을 깰 필요가있다. Photoshop에서 적절한 수의 작업을 수행 할 수는 있지만 그다지 효율적이지 않습니다.

레이어에있는 이미지를 복사하여 새 이미지에 붙여 넣는 오래된 방법은 자르기 등으로 조이는 데 영원히 걸리는 것 같습니다.

Photoshop CS5가 있으므로 외부 소프트웨어가 필요하지 않지만 아이콘과 같은 작은 것을 잡고 단일 레이어를 가져 와서 PNG 또는 JPG로 내보낼 수있는 단일 레이어를 얻는 방법을 알아 내면됩니다. .

"파일로 레이어 내보내기"라는 스크립트를 알고 있지만 한 시간 정도 걸렸고 모든 레이어를 수많은 파일로 내보냈습니다. 광범위한 솔루션을 찾고 있지 않았습니다.

이 작업을 수행하는 쉬운 방법이 있습니까?

답변:


26

Photoshop에서 단일 레이어 또는 레이어 그룹을 내보내려면 내보낼 관련 레이어 만 표시해야합니다. (내보내고 싶지 않은 모든 레이어를 숨기고 관련 레이어를 계속 표시합니다.) 그런 다음 파일-웹용 으로 저장으로 이동하여 이미지를 저장하십시오.

이 과정을 자세히 이해하려면이 자습서를 살펴보십시오 .


4
그래도 레이어를 자동 자르지 않습니다.
Capi Etheriel

3
예, 원본 이미지가 레이어보다 큰 경우 내 보낸 모든 이미지로 돌아가서 잘라 내야합니다. 이 문제를 해결하려면 Smart Objects를 사용하십시오. 아래 답변을 참조하십시오.
reflexiv

55

새 파일로 내보낼 레이어를 선택하십시오.

최상위 메뉴에서 "Layer"-> "Duplicate Layer ..."를 클릭하십시오.

두 가지 옵션이 있습니다. 하나는 새 레이어의 이름입니다.

두 번째는 현재 문서 또는 새 문서 인 새 레이어의 대상입니다. "신규"를 선택하십시오.


6
"신규"를 선택하면 복제 된 레이어와 동일한 크기의 문서를 얻을 수 있습니까?
djromero

매우 유용한 팁. 이것이 자르기를 바랍니다. 어느 쪽이든 좋은 기능입니다.
Trey Copeland

Trey, 대부분 자동 자르기하는 스마트 오브젝트 사용에 대한 아래 답변을 참조하십시오.
reflexiv

49

이전 답변은 barraponto가 지적한 것처럼 레이어 크기에 자동으로 자르지 않습니다. 스마트 오브젝트가이를 해결하고보다 효율적입니다.

  1. 레이어 패널에서 레이어를 마우스 오른쪽 버튼으로 클릭하고 스마트 오브젝트로 변환을 선택 하십시오.
  2. 레이어를 다시 마우스 오른쪽 버튼으로 클릭하고 내용 편집을 선택 합니다

여러 레이어를 Ctrl + 클릭하면 스마트 오브젝트로 변환하여 그룹화 할 수 있습니다.


2
이것은 여러분에게 전달 된 문서에서 단일 이미지 / 레이어를 내보내는 가장 쉽고 효율적인 답변입니다.
Luke Shaheen

3
답변으로 투표해야합니다. 확실하기 때문입니다. 감사합니다 @reflexiv.
Eric MORAND

1
이것은 현재 Photoshop에서 사용 가능한 가장 효율적인 방법입니다. 또한 두 번째 단계에서 레이어 축소판을 두 번 클릭하면 오른쪽 클릭과 같은 효과가 있으며 내용 편집을 선택하지만 더 쉽습니다.
Betty

10

@Daniel Garman의 답변에 추가 할 것입니다.

  1. 레이어 복제 (메뉴에서 레이어를 마우스 오른쪽 버튼으로 클릭)-> 신규
  2. 이미지-> 트림 (투명한 픽셀을 제거하는 옵션을 제공합니다)
  3. 파일-> 웹용으로 저장 (OSX의 CMD-SHIFT-OPT-S)

아주 빠른 방법입니다.


7

File-> Scripts-> 로 이동 하여이 작업을 수행 할 수 있습니다 Export layers to Files


1
질문을 제외하고는 그가 이것을 알고 있으며 그의 경우에는 나쁜 해결책입니다 ... 그리고 그것은 항상 작동하지는 않습니다.
cregox

1

레이어의 일부만 내보내는 전통적인 방법은 슬라이스를 사용하는 것입니다.

  1. 내 보내지 않으려는 픽셀이 포함 된 겹치는 레이어를 숨 깁니다 (관심 영역과 겹치지 않는 경우 표시 할 수 있음).

  2. 레이어 메뉴에서 "새 레이어 기반 슬라이스"(상당히 자동)를 사용하여 관심있는 섹션에 대한 슬라이스를 만들거나 슬라이스 도구를 사용하여 수동으로 슬라이스를 만듭니다. 새 슬라이스가 선택된 유일한 슬라이스인지 확인하십시오 (같은 플라이 아웃 메뉴에서 슬라이스를 생성하는 도구 옆에 슬라이스 선택 도구가 있음).

  3. 웹용으로 저장 대화 상자에서 슬라이스가 여전히 선택되어 있는지 확인하십시오 (필요한 경우 해당 대화 상자에는 자체 슬라이스 선택 도구가 있습니다).

  4. 저장 과정에서 팝업 메뉴가 있습니다. 선택 조각을 선택하여 모든 내용을 저장하지 않도록하십시오.

대부분의 사람들은 슬라이스를 사용하지 않습니다. 개별 이미지가 종종 슬라이스되어 HTML로 재 조립 될 때 웹의 초기 시대를 위해 설계 되었기 때문에 이제는 거의 이루어지지 않습니다. 그러나 나는 여전히이 목적에 유용하다고 생각합니다.

불행히도 슬라이스에 대한 인터페이스는 업데이트되지 않았으며 사용하기가 다소 어려울 수 있지만 상황에 도움이되는지 확인하십시오.


0

구식 전통 방식으로이 작업을 수행합니다.이 경우 CS 이전에도 효과가 있습니다.

  1. 레이어 된 아트웍을 단일 레이어로 축소-나중에 취소 할 수 있습니다
  2. 레이어 팔레트에서 해당 레이어를 옵션 / alt 클릭하면 주변 캔버스가 아닌 해당 레이어 아트웍 만 선택할 수 있습니다.
  3. copy --- edit> copy 또는 option / alt C ==== 이제 클립 보드에이 레이어의 사본이 있습니다.
  4. 새 문서를 만드십시오-당신이 할 때 새 문서가 클립 보드에 복사 한 크기가됩니다.
  5. 새 문서에는 일반 배경 만 포함됩니다 .... "붙여 넣기"-> 편집> 붙여 넣기 또는 optioin / alt V를 누르십시오.
  6. 이 시점에서 2 개의 개별 문서가 있습니다. 원본 문서로 돌아가서 레이어를 평평하게 되돌릴 수 있습니다.
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.