จะทำการส่งออก PNG หลายรายการโดยอัตโนมัติด้วยขนาดที่แตกต่างจาก Photoshop ได้อย่างไร

ฉันมีไฟล์ PSD ที่มีความละเอียด 96 พิกเซล x 96 พิกเซล ตอนนี้ฉันต้องการบันทึกเป็นไฟล์ PNG สี่ไฟล์ที่มีความละเอียดต่างกันเช่น 36 px × 36 px, 48 px × 48 px, 72 px × 72 px และ 96 px × 96px แทนที่จะปรับขนาดภาพด้วยตนเองสี่ครั้งและบันทึกเป็นตัวเลือกฉันสามารถทำสิ่งนี้โดยอัตโนมัติได้หรือไม่?

ไม่ใช่วิธีการแก้ปัญหาที่สมบูรณ์ แต่อาจช่วยคนที่มาที่นี่จาก Google

หากคุณบันทึกด้วยไฟล์→บันทึกสำหรับเว็บคุณสามารถปรับขนาดอีกครั้งในระหว่างกระบวนการบันทึกตัวเลือกจะอยู่ทางด้านขวามือภายใต้ขนาดภาพ

ฉันทำสิ่งนี้บ่อยๆเมื่อฉันต้องการรูปภาพสองขนาดที่แตกต่างกันถึงสองแบบแม้ว่าคำตอบอื่น ๆ จะสังเกตเห็นถ้าคุณออกแบบไอคอนใช้เวกเตอร์มันจะทำให้ชีวิตของคุณง่ายขึ้นมาก

ด้วย Photoshop CC ตอนนี้มีคุณสมบัติที่เรียกว่าPhotoshop Generatorซึ่งออกแบบมาเพื่อสร้างภาพหลายภาพ

คุณสามารถอ่านเกี่ยวกับเครื่องกำเนิดไฟฟ้าที่นี่

ข้อความที่ตัดตอนมา:

ตัวสร้างช่วยให้คุณสร้างสินทรัพย์รูปภาพแบบเรียลไทม์ขณะที่คุณทำงานขจัดขั้นตอนที่น่าเบื่อของการคัดลอกการแบ่งและการส่งออกแต่ละเลเยอร์ด้วยตนเองและประหยัดเวลาได้หลายชั่วโมง เพียงเพิ่มนามสกุลไฟล์ในชื่อเลเยอร์หรือกลุ่มเลเยอร์ของคุณและ Photoshop จะสร้าง JPG, PNG หรือ GIF จากเนื้อหาของเลเยอร์นั้นโดยอัตโนมัติ หากคุณทำการเปลี่ยนแปลงเลเยอร์นั้นไฟล์นั้นจะถูกอัพเดตทันที ซึ่งหมายความว่าตอนนี้คุณมีโฟลเดอร์รูปภาพที่ทันสมัยอยู่เสมอด้วยการออกแบบ Photoshop ของคุณ

คุณต้องการส่งออกไอคอนกี่ครั้ง หากเป็นเพียงไอคอนเดียวตัวเลือกที่ดีที่สุดของคุณอาจเป็นเพียงการวาดทุกอย่างโดยใช้เวกเตอร์และเลเยอร์สไตล์ปรับขนาดเอกสารทำการปรับเปลี่ยนที่จำเป็นและบันทึก PNG (เลือกที่จะรักษา PSD สำหรับการส่งออกในอนาคต)

หากคุณจำเป็นต้องทำซ้ำหลาย ๆ ครั้งฉันขอแนะนำให้ตั้งค่าทุกอย่างเป็นแผ่นสไปรต์พร้อมชิ้น

นี่คือสิ่งที่ผมเขียนในหัวข้อ (รวมถึงเทคนิคการส่งออกหลาย): การส่งออกจาก Photoshop

เมื่อออกแบบไอคอนคุณมักจะต้องปรับขนาดที่เล็กลงด้วยตนเองทีละคน - อาจคุ้มค่าที่จะคำนึงถึงเมื่อคุณสร้างทุกขนาด

ดังที่ Marc กล่าวไว้ข้างต้นคุณน่าจะดีกว่าการขยายขนาดเวกเตอร์ในเอกสารและการใช้แผ่นสไปรต์

สิ่งหนึ่งที่คุณควรหลีกเลี่ยงคือการปรับขนาดระหว่างบันทึกสำหรับเว็บตามที่ Maxism แนะนำ ผมเขียนโพสต์เปรียบเทียบผลของเทคนิคที่แตกต่างกันและบันทึกสำหรับ Web ผลิตอย่างต่อเนื่องสินทรัพย์ด้วยสิ่งประดิษฐ์และครึ่งพิกเซล: การปรับขนาดลงและการส่งออกสินทรัพย์ใน Photoshop

ฉันยังทำสคริปต์ Photoshop ที่โดยอัตโนมัติกระบวนการของการส่งออกสินทรัพย์เหล่านั้นส่งออกไปยังหุ่นยนต์ PHOTOSHOP SCRIPT

หวังว่านี่จะช่วยได้

ไม่มีวิธีที่ดีในการเปลี่ยนจาก 96 ลงเป็น 36 โดยอัตโนมัติ แม้แต่ที่อายุ 48 คุณจะเห็นการออกแบบของคุณเริ่มกระจุย

ประโยชน์เพียงอย่างเดียวคือถ้าคุณมีไอคอนจำนวนมากที่จะส่งออกด้วยวิธีนี้และคุณวางแผนที่จะกลับมาทำความสะอาด คุณสามารถบันทึกเป็นการกระทำหรือใช้ jsx หากคุณมีความโน้มเอียง

สำหรับการออกแบบของคุณโดยเฉพาะฉันจะทดลองทำตามขั้นตอนหรือส่งออกแต่ละรุ่นจากรุ่น 96px ดั้งเดิม โดยปกติแล้วขั้นตอนจะดีที่สุด แต่ในการออกแบบบางอย่างมันสามารถแนะนำการบิดเบือนจำนวนมากขึ้น

สร้างไอคอนของคุณใน mdpi และใช้ Photoshop Action นี้เพื่อส่งออกเป็น ldpi, hdpi และ xhdpi จาก mdpi ถึง xhdpi มันใช้งานได้ดี แต่ ldpi และ hdpi ดูเบลอเล็กน้อย

ลิงก์ไปยังบทความ
ดาวน์โหลดการกระทำของ Photoshop

ลองใช้http://blog.mready.net/2013/07/dg-photoshop-action-dpi-resizing/นี้

มันเป็นปลั๊กอินที่สามารถใช้สำหรับฉันคิดว่าวัตถุประสงค์ของคุณด้วยความละเอียดที่คุณพูด ฉันใช้สำหรับไอคอน Android

มีตัวเลือกใหม่ใน Photoschop CC 2014 เรียกว่า "สร้างสินทรัพย์" ภายใต้ "ไฟล์" และคุณสามารถเลือก 0.25x, 0.5x, 2x, 3x และคุณสามารถกำหนดขนาดด้วยตนเองได้ มันจะส่งออกเลเยอร์ของคุณไปยังรูปแบบไฟล์ใด ๆ และในมิติที่แตกต่างกัน (ถ้าคุณต้องการ)

ฉันเชื่อว่านี่คือสิ่งที่คุณต้องการ

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

หากคุณมีความสะดวกสบายในการเปิดแต่ละ.psdในIllustratorคุณสามารถส่งออกไปยังหลายขนาดได้อย่างง่ายดายโดยปรับเปลี่ยนปัจจัยการปรับใน.jsxไฟล์

อิมเมจพื้นฐานที่ใช้สำหรับ Android คือ xhdpi สำหรับ iOS ที่ @ 2x สคริปต์จะปรับขนาดขึ้นและลงจากขนาดเหล่านี้

โปรแกรม Mac ที่ดีที่เรียกว่า "Ship it" ทำสิ่งที่คุณต้องการอย่างแน่นอน: ส่งออกภาพเป็นหลายขนาด / รูปแบบ ฉันเคยใช้มัน นี่คือลิงค์ใน Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869

ฉันพบว่าไม่มีอะไรง่าย ๆ ในที่ดินของ Adobe เพื่อทำสิ่งนี้ให้ฉัน ถ้าคุณมีหรือมีความเต็มใจที่จะติดตั้ง ImageMagick และคุณพอใจกับบรรทัดคำสั่งแล้วconvertเครื่องมือ CLI เป็นดี

ฉันเขียนเชลล์สคริปต์นี้ซึ่งยอมรับความกว้างและปรับขนาดรูปภาพจนกว่าคุณจะกด 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ฯลฯ ในไดเรกทอรีเดียวกัน