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

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?

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.

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.

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.

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.

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.

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

Coba ini http://blog.mready.net/2013/07/dg-photoshop-action-dpi-resizing/ .

Ini adalah plugin yang dapat digunakan untuk saya pikir tujuan Anda dengan resolusi yang Anda katakan. Saya menggunakannya untuk ikon Android.

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).

Saya yakin inilah yang Anda inginkan.

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

Jika Anda merasa nyaman membuka setiap .psddi IllustratorAnda bisa output ke beberapa ukuran dengan mudah dengan mengutak-atik faktor skala di .jsxberkas.

Gambar dasar yang digunakan untuk Android adalah xhdpi, untuk iOS itu adalah @ 2x. Script akan naik turun dari ukuran ini.

Program Mac yang bagus bernama "Kirim itu" melakukan persis seperti yang Anda minta: Mengekspor gambar ke Berbagai Ukuran / Format. Saya sudah menggunakannya. Berikut tautan di Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869

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.