Hasilkan aset gambar dari lapisan

Menambahkan ekstensi file ke nama lapisan memicu Generator Photoshop untuk membuat file citra secara otomatis setiap kali Anda menyimpan.Ini menghilangkan langkah ekspor berulang untuk web, aplikasi, dan proyek multi-perangkat yang memerlukan beberapa format atau ukuran.

Alur kerja ini paling efektif saat Anda memerlukan ekspor yang konsisten dan berulang di beberapa format atau resolusi—seperti membuat versi @1x, @2x, dan @3x untuk desain responsif.Untuk ekspor satu kali atau saat Anda memerlukan kontrol khusus format, gunakan File > Ekspor > Ekspor As.

Generator membuat folder khusus untuk aset Anda dan memperbarui file secara otomatis saat Anda bekerja. Anda dapat menghasilkan beberapa format dari satu lapisan, menentukan pengaturan kualitas, menskalakan aset ke berbagai ukuran, dan mengatur output ke dalam subfolder—semuanya melalui konvensi penamaan lapisan.

• Dokumen Photoshop dengan Lapisan atau grup Lapisan bernama
• Dokumen telah disimpan ke lokasi yang diketahui (atau aset akan muncul di Desktop)
• Pengetahuan tentang format output yang diperlukan untuk proyek Anda

Aktifkan pembuatan aset citra

Photoshop membuat file citra di subfolder di samping dokumen tersimpan Anda. Jika dokumen Anda belum disimpan, aset akan muncul di folder baru di Desktop Anda. Generator tetap aktif—setiap perubahan pada Lapisan yang mendukung generator akan memicu pembaruan otomatis pada aset terkait.

Hasilkan beberapa format dari satu lapisan

Satu Lapisan dapat menghasilkan aset dalam berbagai format, ukuran, dan level kualitas secara bersamaan. Pisahkan setiap spesifikasi aset dalam nama lapisan dengan koma atau tanda plus.

Photoshop menghasilkan tiga file terpisah dari konten Lapisan yang sama, sehingga Anda tidak perlu mengekspor grafik yang sama secara manual dalam berbagai format.

Kendalikan kualitas dan skala aset untuk berbagai layar

Sufiks kualitas mengontrol kompresi untuk file JPG (1-100) dan kedalaman bit untuk file PNG (8, 24, atau 32). Prefiks ukuran menerima persentase untuk penskalaan relatif atau dimensi piksel absolut. Anda dapat mencampur unit—misalnya, “10in x 5cm banner.jpg”—dan menghilangkan satu dimensi untuk menskalakan secara proporsional: “1080 x icon.png” mengatur Lebar menjadi 1080 piksel sambil mempertahankan Rasio Aspek.

Contoh penskalaan relatif:

200% logo.png menggandakan ukuran aset

50% thumbnail.jpg mengurangi aset menjadi setengah ukuran

Contoh ukuran absolut:

300 x 200 hero.png membuat citra berukuran 300×200 piksel

10in x 5cm banner.jpg mencampur unit (lebar 10 inci, tinggi 5 sentimeter)

1080 x icon.png mengatur lebar menjadi 1080 piksel, tinggi diskalakan secara proporsional

Atur aset ke dalam subfolder

Secara default, semua aset yang dihasilkan disimpan ke dalam satu folder di samping file PSD Anda. Menambahkan nama subfolder sebelum nama file akan mengarahkan generator untuk membuat dan menggunakan subfolder tersebut secara otomatis.Ini membuat aset terkait tetap terorganisir tanpa pengelolaan folder manual.

Sertakan jalur subfolder dalam nama lapisan Anda menggunakan garis miring: subfolder/filename.png atau icons/logo.svg.Anda dapat membuat beberapa Level bertingkat: assets/icons/logo.png.

Ekspor aset ke folder tertentu

Photoshop membuat struktur folder secara otomatis dan menempatkan setiap aset di lokasi yang ditentukan. Menggabungkan subfolder dengan awalan ukuran dan pengaturan kualitas memberikan kontrol penuh atas pengorganisasian aset: mobile/200% button@2x.png, desktop/button.jpg90.

Tetapkan pengaturan default untuk seluruh dokumen

Buat lapisan khusus untuk menetapkan pengaturan garis dasar yang berlaku untuk semua aset yang dihasilkan.Ini menghilangkan spesifikasi parameter yang berulang dalam nama Lapisan masing-masing.

Buat Lapisan kosong dan beri nama yang dimulai dengan “default” diikuti oleh Pengaturan pilihan Anda. Konfigurasi umum meliputi “default 200%” untuk menskalakan semua aset ke 200%, “default assets/” untuk menyimpan semuanya ke subfolder aset, atau “default @2x” untuk menambahkan sufiks @2x ke semua nama file.

Anda dapat menggabungkan beberapa default: “default 200% retina/ @2x” menskalakan semua aset ke 200%, menyimpannya di subfolder retina, dan menambahkan sufiks @2x ke nama file. Pengaturan Lapisan masing-masing menggantikan default dokumen—jika default Anda menentukan “default 200%” tetapi nama Lapisan menyertakan “50% thumbnail.png”, Lapisan tersebut akan dihasilkan pada 50%.

Gunakan dokumen cloud

Dokumen cloud menyimpan aset yang dihasilkan secara lokal daripada langsung di samping file PSD. Photoshop mempertahankan pemisahan ini untuk membedakan antara konten lokal dan konten yang disinkronkan dengan cloud.

Aset untuk dokumen cloud muncul di lokasi berikut:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Setiap dokumen cloud membuat subfoldernya sendiri di dalam direktori ini. Aset dihasilkan secara otomatis saat Anda bekerja, tetapi tetap berada di komputer lokal Anda hingga Anda secara eksplisit membagikan atau menyinkronkannya di Creative Cloud.

Nonaktifkan pembuatan aset

Pembuatan aset Citra akan tetap aktif untuk sebuah dokumen setelah diaktifkan, dan tetap berlangsung di seluruh sesi.Fitur ini secara otomatis membuat ulang aset setiap kali Anda menyimpan, yang dapat memperlambat performa untuk dokumen yang kompleks.

Untuk mematikan pembuatan aset untuk dokumen saat ini, batalkan pilihan File > Otomatisasi > Plugin Generator > Aset Citra. Ini menghentikan pembuatan aset otomatis, tetapi mempertahankan aset yang sudah ada dan penamaan lapisan.

Untuk mematikan Generator secara global di semua dokumen, pilih Edit > Preferensi > Plug-In, batalkan pilihan Aktifkan Generator, dan pilih OK. Ini benar-benar mematikan kegunaan Generator hingga Anda mengaktifkannya kembali di Preferensi.