Photoshop에서 크기가 다른 여러 PNG를 자동으로 내보내는 방법은 무엇입니까?


18

96px × 96px 해상도의 PSD 파일이 있습니다. 이제 36px × 36px, 48px × 48px, 72px × 72px 및 96px × 96px와 같은 다른 해상도의 PNG 파일로 저장하고 싶습니다. 이미지 크기를 수동으로 네 번 조정하고 옵션으로 저장하는 대신 어떻게 든 자동화 할 수 있습니까?


@NickBeus가 제공 한 답변을 시도하고 그에게 도움이되면 녹색 확인 표시를하십시오. 이 답변은 많은 도움이되었습니다. 출력 크기를 한 번 더 변경하기 위해 "웹용으로 저장"대화 상자를 몇 번 열 었는지 알 수 없습니다. "이미지 자산"창에서 필요한 모든 크기 및 파일 이름 접미사를 추가하고 모두 내보낼 수 있습니다.
rgb_life

답변:


13

완벽한 솔루션은 아니지만 Google에서 온 사람에게 도움이 될 수 있습니다.

당신이 저장하면 웹에 대한 파일 → 저장 하면 다시 크기를 할 수있는 저장하는 과정에서, 옵션은 아래의 오른쪽에있는 이미지 크기.

다른 반응이 지적했듯이 아이콘을 디자인하고 벡터를 사용하면 인생을 훨씬 쉽게 만들 수 있지만 이미지에 대해 서로 다른 크기의 두 가지가 필요할 때이 작업을 자주 수행합니다.


3
나는 놀랐다. 웹용으로 저장 : o
Yisela

CS6에서 대화 상자 Alt+Ctrl+Shift+S를 시작 하는 데 사용할 수도 있습니다 Save for Web.
Muhammad Saqib

5

Photoshop CC에는 이제 여러 이미지를 만들도록 설계된 Photoshop Generator 라는 기능 이 있습니다.

여기서 Generator에 대해 읽을 수 있습니다 .

발췌 :

Generator를 사용하면 작업하는 동안 이미지 자산을 실시간으로 생성 할 수 있으므로 지루한 각 단계의 복사, 슬라이스 및 내보내기 단계를 없애고 시간을 절약 할 수 있습니다. 레이어 또는 레이어 그룹 이름에 파일 확장자를 추가하기 만하면 Photoshop에서 해당 레이어의 내용으로 JPG, PNG 또는 GIF를 자동으로 만듭니다. 해당 레이어를 변경하면 파일이 즉시 업데이트됩니다. 즉, 이제 Photoshop 디자인에 항상 최신 이미지 폴더가 있습니다.


4

아이콘을 몇 번 내 보내야합니까? 하나의 아이콘 일 경우 가장 좋은 방법은 벡터와 레이어 스타일을 사용하여 모든 것을 그리고 문서 크기를 조정하고 필요한 부분을 조정하고 PNG를 저장하는 것입니다 (선택적으로 추후 내보내기를 위해 PSD 유지).

이 과정을 여러 번 반복해야하는 경우 모든 조각을 스프라이트 시트로 설정하는 것이 좋습니다.

다음은이 주제에 대해 쓴 내용입니다 (많은 내보내기 기술 포함) : Photoshop에서 내보내기 .

아이콘을 디자인 할 때 종종 작은 크기를 개별적으로 수동으로 조정해야합니다. 모든 크기를 만들 때이를 염두에 두는 것이 좋습니다.


3

Marc가 위에서 언급했듯이 문서에서 벡터 크기를 조정하고 스프라이트 시트를 사용하는 것이 좋습니다.

피해야 할 한 가지는 Maxism이 제안한대로 웹용으로 저장하는 동안 확장하는 것 입니다. 필자는 다양한 기법의 결과를 비교 한 게시물과 웹용 저장 (Save for Web)에서 유물과 반 픽셀로 자산을 일관되게 생성했습니다 . Photoshop에서 자산 축소 및 내보내기 .

또한 해당 자산 내보내기 프로세스를 자동화하는 Photoshop 스크립트를 만들었습니다 : EXPORT TO ANDROID PHOTOSHOP SCRIPT .

도움이 되었기를 바랍니다.


1

96에서 36으로 자동 전환하는 좋은 방법은 없습니다. 48 세에서도 디자인이 무너지기 시작합니다.

이 방법으로 내보낼 아이콘이 많고 다시 정리하여 정리하려는 경우 유일한 이점이 있습니다. 당신이 그것을 기울이면 행동으로 기록하거나 jsx를 사용할 수 있습니다.

특정 디자인을 위해 단계별로 내려가거나 각 버전을 원래 96px 버전에서 내보내는 실험을해볼 것입니다. 일반적으로 단계가 가장 좋지만 일부 디자인에서는 점진적인 왜곡이 발생할 수 있습니다.


1

mdpi에서 아이콘을 만들고이 Photoshop 액션을 사용하여 ldpi, hdpi 및 xhdpi로 내 보냅니다. mdpi에서 xhdpi까지는 잘 작동하지만 ldpi 및 hdpi는 약간 흐리게 보입니다.

기사에 링크 포토샵 액션
다운로드



1

Photoschop CC 2014에는 새로운 옵션이 있습니다. "파일 생성"이라는 "파일 생성"이라고하며 0.25x, 0.5x, 2x, 3x를 선택하고 자체 크기를 구성 할 수 있습니다. 레이어를 원하는 파일 형식과 다른 차원으로 내 보냅니다 (원하는 경우).


이 답변은 정말 좋습니다. 먼저 "FILE> GENERATE"로 이동하여 "Image Assets"를 확인하십시오. 그런 다음 "파일> 내보내기> 내보내기 AS"로 이동하면 Photoshop에서 사용했던 최고의 메뉴가 표시됩니다. 여기에서 크기를 추가하고 각각에 사용자 정의 접미사를 지정할 수 있습니다! 물론 이것은 Adobe Photoshop CC에 있습니다. CS4는 Mac OSX 업데이트로 사망했기 때문에 현재 사용중인 버전과는 다른 버전에 대해서는 전혀 알지 못합니다.
rgb_life

1

나는 이것이 정확히 당신이 원하는 것이라고 생각합니다.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

각 파일 .psd을 여는 것이 편한 경우 파일 Illustrator의 배율을 조정하여 여러 크기로 쉽게 출력 할 수 있습니다 .jsx.

Android에 사용되는 기준 이미지는 xhdpi이고 iOS의 경우 @ 2x입니다. 이 크기에서 스크립트가 확대 및 축소됩니다.


0

"Ship it"이라는 멋진 Mac 프로그램은 원하는 것을 정확하게 수행합니다. 이미지를 여러 크기 / 포맷으로 내 보냅니다. 나는 그것을 사용했다. Mac App Store의 링크는 다음과 같습니다. https://itunes.apple.com/kr/app/shipit!/id492043869


이 응용 프로그램은 ... 캐나다와 미국 아이튠즈 스토어 ... 또는 앱 스토어에서 더 이상 사용할 수 없습니다
PatTheBeast

0

나는 Adobe land에서 이것을 위해 간단한 일을 찾지 못했습니다. ImageMagick을 가지고 있거나 기꺼이 설치하고 명령 줄에 익숙하다면 convertCLI 도구가 훌륭 합니다.

이 쉘 스크립트를 작성했습니다. 너비없이 Enter 키를 누를 때까지 너비를 허용하고 이미지 크기를 조정합니다.

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

나는 내 이름을 지어 그것을 어디에나 사용할 수 있도록 multi-resize.sh넣었다 ~/bin/.

그런 다음 원래 해상도의 PNG와 같이 쉘에서 실행하십시오.

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

foo-72.png같은 디렉토리에 등 이 있습니다 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.