Bagaimana cara otomatis mengekspor beberapa PNG dengan ukuran berbeda dari Photoshop?


18

Saya memiliki file PSD dengan resolusi 96 px × 96 px. Sekarang saya ingin menyimpan ini sebagai empat file PNG dengan resolusi yang berbeda seperti 36 px × 36 px, 48 px × 48 px, 72 px × 72 px dan 96 px × 96px. Alih-alih menyesuaikan ukuran gambar secara manual empat kali dan menyimpan sebagai opsi, bisakah saya mengotomatisasi ini entah bagaimana?


Silakan coba jawaban yang diberikan @NickBeus, dan beri dia tanda centang hijau jika itu bekerja untuk Anda. Jawaban ini sangat membantu saya. Saya tidak dapat memberi tahu Anda berapa kali saya membuka dialog "Simpan Untuk Web" hanya untuk mengubah ukuran output SATU LEBIH BANYAK WAKTU. Jendela "Aset Gambar" memungkinkan Anda menambahkan semua ukuran & sufiks nama file yang Anda butuhkan dan hanya mengekspor semuanya.
rgb_life

Jawaban:


13

Bukan solusi yang lengkap, tetapi ini mungkin membantu seseorang yang datang ke sini dari Google.

Jika Anda menyimpan dengan File → Save for Web yang dapat Anda ukur ulang selama proses penyimpanan, opsinya ada di sebelah kanan di bawah Ukuran Gambar.

Saya melakukan ini cukup sering ketika saya membutuhkan beberapa ukuran yang berbeda untuk sebuah gambar, meskipun seperti tanggapan lain telah dicatat, jika Anda merancang ikon, menggunakan vektor, itu akan membuat hidup Anda jauh lebih mudah.


3
Aku kagum. Saya tidak pernah benar-benar memperhatikan opsi ukuran ulang di Save for Web: o
Yisela

dan Anda juga dapat menggunakan Alt+Ctrl+Shift+Suntuk meluncurkan Save for Webdialog di CS6.
Muhammad Saqib

5

Dengan Photoshop CC, sekarang ada fitur yang disebut Photoshop Generator yang dirancang untuk membuat banyak gambar

Anda dapat membaca tentang Generator di sini .

Kutipan:

Generator memungkinkan Anda untuk membuat aset gambar dalam waktu nyata saat Anda bekerja, menghilangkan langkah-langkah yang membosankan dalam menyalin, mengiris, dan mengekspor setiap lapisan secara manual, dan menghemat waktu Anda selama berjam-jam. Cukup tambahkan ekstensi file ke nama layer atau grup layer Anda, dan Photoshop akan secara otomatis membuat JPG, PNG, atau GIF dari konten layer itu. Jika Anda membuat perubahan pada lapisan itu, file tersebut segera diperbarui. Ini berarti bahwa Anda sekarang memiliki folder gambar yang selalu up-to-date dengan desain Photoshop Anda.


4

Berapa kali Anda perlu mengekspor ikon? Jika itu hanya satu ikon, opsi terbaik Anda mungkin hanya menggambar semua menggunakan vektor dan gaya layer, mengubah ukuran dokumen, membuat penyesuaian yang diperlukan dan menyimpan PNG (opsional menjaga PSD untuk mengekspor di masa depan).

Jika Anda perlu mengulangi prosesnya berkali-kali, saya sarankan mengatur semuanya sebagai lembar sprite dengan irisan.

Inilah sesuatu yang saya tulis pada topik (termasuk banyak teknik ekspor): Mengekspor dari Photoshop .

Saat mendesain ikon, Anda sering perlu mengubah ukuran yang lebih kecil secara manual - mungkin perlu diingat bahwa saat Anda membangun semua ukuran.


3

Seperti yang disebutkan Marc di atas, Anda mungkin lebih baik menskalakan vektor dalam dokumen dan menggunakan sprite sheet.

Satu hal yang harus Anda hindari adalah penskalaan selama Save for Web seperti yang disarankan Maxism. Saya menulis posting yang membandingkan hasil teknik yang berbeda dan Save for Web secara konsisten menghasilkan aset dengan artefak dan setengah piksel: Menurunkan dan mengekspor aset di Photoshop .

Saya juga membuat skrip Photoshop yang mengotomatiskan proses ekspor aset-aset itu: EKSPOR KE ANDROID PHOTOSHOP SCRIPT .

Semoga ini membantu.


1

Tidak ada cara yang baik untuk beralih dari 96 ke 36 secara otomatis. Bahkan pada usia 48 Anda akan melihat desain Anda mulai berantakan.

Satu-satunya keuntungan adalah jika Anda memiliki banyak ikon untuk diekspor dengan cara ini dan Anda berencana untuk kembali dan membersihkannya. Anda dapat merekamnya sebagai tindakan atau menggunakan jsx, jika Anda cenderung.

Untuk desain khusus Anda, saya akan bereksperimen dengan turun dalam langkah-langkah atau mengekspor setiap versi dari versi 96px asli. Biasanya langkah-langkah yang terbaik tetapi pada beberapa desain dapat menimbulkan jumlah distorsi progresif.


1

Buat ikon Anda di mdpi dan gunakan Photoshop Action ini untuk mengekspornya dalam ldpi, hdpi, dan xhdpi. Dari mdpi ke xhdpi berfungsi dengan baik, tetapi ldpi dan hdpi terlihat agak kabur.

Tautan ke Artikel
Unduh Aksi Photoshop



1

Ada opsi baru di Photoschop CC 2014. Itu disebut "Hasilkan Aset" itu di bawah "file" dan Anda dapat memilih 0,25x, 0,5x, 2x, 3x dan Anda dapat mengkonfigurasi sendiri dimensi. Ini akan mengekspor layer Anda ke format file apa saja dan dalam dimensi yang berbeda (jika Anda mau).


Jawaban ini SOOO bagus. Pertama, Anda harus pergi ke "FILE> GENERATE" dan periksa "Aset Gambar". Lalu pergi ke "FILE> EKSPOR> EKSPOR SEBAGAIMANA" dan Anda akan mendapatkan menu terbaik yang pernah saya gunakan di Photoshop, di mana Anda dapat menambahkan ukuran dan memberi mereka masing-masing sufiks kustom! Ini ada di Adobe Photoshop CC, tentu saja. CS4 saya mati dengan pembaruan Mac OSX, jadi saya tidak tahu tentang versi apa pun selain yang saya gunakan sekarang.
rgb_life



0

Saya menemukan tidak ada yang sederhana di tanah Adobe untuk melakukan ini untuk saya. Jika Anda memiliki atau mau menginstal ImageMagick, dan Anda merasa nyaman dengan baris perintah, maka convertalat CLI hebat .

Saya menulis skrip shell yang menerima lebar dan mengubah ukuran gambar hingga Anda menekan enter tanpa nomor:

#!/bin/sh

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

Saya menamai milik saya multi-resize.shdan memasukkannya ke dalam ~/bin/sehingga tersedia di mana-mana.

Anda kemudian akan menjalankannya dalam shell seperti pada PNG dari resolusi asli:

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

Anda akan memiliki foo-72.png, dll di direktori yang sama.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.