User Guide Cancel

Hasilkan aset gambar dari lapisan

  1. Panduan Pengguna Photoshop
  2. Pengantar Photoshop
    1. Bermimpi. Wujudkan.
    2. Apa yang baru di Photoshop
    3. Edit foto pertama Anda
    4. Buat dokumen
    5. Photoshop | Pertanyaan Umum
    6. Persyaratan sistem Photoshop
    7. Berkenalan dengan Photoshop
  3. Photoshop dan produk serta layanan Adobe lainnya
    1. Bekerja dengan Illustrator karya seni di Photoshop
    2. Bekerja dengan file Photoshop di InDesign
    3. Materi Substance 3D untuk Photoshop
    4. Gunakan ekstensi Capture dalam aplikasi di Photoshop
  4. Photoshop di iPad (tidak tersedia di Tiongkok daratan)
    1. Photoshop di iPad | Pertanyaan umum
    2. Berkenalan dengan workspace
    3. Persyaratan sistem | Photoshop di iPad
    4. Membuat, membuka, dan mengekspor dokumen
    5. Tambahkan foto
    6. Bekerja dengan lapisan
    7. Gambar dan lukis dengan kuas
    8. Buat seleksi dan tambahkan mask
    9. Poles komposit Anda
    10. Bekerja dengan lapisan penyesuaian
    11. Sesuaikan tonalitas komposit Anda dengan kurva
    12. Terapkan operasi transformasi
    13. Pangkas dan putar komposit Anda
    14. Putar, geser, zoom, dan reset kanvas
    15. Bekerja dengan lapisan Tipe
    16. Bekerja dengan Photoshop dan Lightroom
    17. Dapatkan font yang hilang di Photoshop di iPad
    18. Teks Bahasa Jepang di Photoshop di iPad
    19. Kelola pengaturan aplikasi
    20. Pintasan sentuh dan gestur
    21. Pintasan keyboard
    22. Edit ukuran gambar Anda
    23. Livestream saat Anda berkarya di Photoshop di iPad
    24. Koreksi imperfeksi dengan Kuas Reparasi
    25. Buat kuas di Capture dan gunakan di Photoshop di iPad
    26. Bekerja dengan file Camera Raw
    27. Berkreasi dan bekerja dengan Objek Cerdas
    28. Sesuaikan eksposur dalam gambar Anda dengan Dodge dan Burn
    29. Perintah penyesuaian otomatis di Photoshop di iPad
    30. Coreng area dalam gambar Anda dengan Photoshop di iPad
    31. Tambah atau kurangi saturasi gambar Anda menggunakan alat Spons
    32. Isian berdasarkan konten untuk iPad
  5. Photoshop di web (tidak tersedia di Tiongkok daratan)
    1. Pertanyaan umum
    2. Persyaratan sistem
    3. Pintasan keyboard
    4. Tipe file yang didukung
    5. Pengantar workspace
    6. Buka dan bekerja dengan dokumen cloud
    7. Fitur AI generatif
    8. Konsep dasar pengeditan
    9. Tindakan Cepat
    10. Bekerja dengan lapisan
    11. Poles gambar dan hapus imperfeksi
    12. Buat seleksi cepat
    13. Peningkatan gambar dengan Lapisan Penyesuaian
    14. Pindahkan, transformasi, dan pangkas gambar
    15. Gambar dan lukis
    16. Bekerja dengan lapisan Tipe
    17. Bekerja dengan siapa saja di web
    18. Kelola pengaturan aplikasi
    19. Hasilkan Gambar
    20. Hasilkan Latar Belakang
    21. Gambar Referensi
  6. Photoshop (beta) (tidak tersedia di Tiongkok daratan)
    1. Mulai menggunakan aplikasi Creative Cloud Beta
    2. Photoshop (beta) di desktop
    3. Hasilkan gambar dengan prompt teks deskriptif
    4. Hasilkan latar belakang dengan prompt teks deskriptif
  7. AI generatif (tidak tersedia di Tiongkok daratan)
    1. Pertanyaan umum tentang AI generatif di Photoshop
    2. Generative Fill di Photoshop di desktop
    3. Generative Expand di Photoshop di desktop
    4. Generative Fill di Photoshop di iPad
    5. Generative Expand di Photoshop di iPad
    6. Fitur AI generatif di Photoshop di web
  8. Autentisitas konten (tidak tersedia di Tiongkok daratan)
    1. Kredensial konten di Photoshop
    2. Identitas dan asal usul untuk NFT
    3. Hubungkan akun untuk atribusi kreatif
  9. Dokumen Cloud (tidak tersedia di Tiongkok daratan)
    1. Dokumen cloud Photoshop | Pertanyaan umum
    2. Dokumen cloud Photoshop | Pertanyaan alur kerja
    3. Kelola dan bekerja dengan dokumen cloud di Photoshop
    4. Mutakhirkan penyimpanan cloud untuk Photoshop
    5. Tidak dapat membuat atau menyimpan dokumen cloud
    6. Atasi kesalahan dokumen cloud Photoshop
    7. Kumpulkan log sinkronisasi dokumen cloud
    8. Undang orang lain untuk mengedit dokumen cloud Anda
    9. Bagikan file dan beri komentar dalam aplikasi
  10. Workspace
    1. Dasar-dasar workspace
    2. Preferensi
    3. Belajar lebih cepat dengan Panel Temukan Photoshop
    4. Buat dokumen
    5. Letakkan file
    6. Pintasan keyboard default
    7. Kustomisasi pintasan keyboard
    8. Galeri alat
    9. Preferensi performa
    10. Gunakan alat
    11. Preset
    12. Kisi-kisi dan garis bantu
    13. Gestur sentuh
    14. Gunakan Bar Sentuh dengan Photoshop
    15. Kemampuan sentuh dan workspace yang dapat disesuaikan
    16. Pratinjau teknologi
    17. Metadata dan catatan
    18. Kemampuan sentuh dan workspace yang dapat disesuaikan
    19. Tempatkan gambar Photoshop di aplikasi lain
    20. Penggaris
    21. Tampilkan atau sembunyikan ekstra non-cetak
    22. Tentukan kolom untuk gambar
    23. Urungkan dan riwayat
    24. Panel dan menu
    25. Posisikan elemen dengan pengaitan
    26. Posisikan dengan alat Penggaris
  11. Desain aplikasi, web, dan layar
    1. Photoshop untuk desain
    2. Lembar kerja
    3. Pratinjau perangkat
    4. Salin CSS dari lapisan
    5. Halaman web irisan
    6. Opsi HTML untuk irisan
    7. Ubah tata letak irisan
    8. Bekerja dengan grafis web
    9. Buat galeri foto web
  12. Dasar-dasar warna dan gambar
    1. Cara mengubah ukuran gambar
    2. Bekerja dengan gambar raster dan vektor
    3. Ukuran dan resolusi gambar
    4. Dapatkan gambar dari kamera dan pemindai
    5. Buat, buka, dan impor gambar
    6. Lihat gambar
    7. Kesalahan Penanda JPEG tidak valid | Membuka gambar
    8. Melihat banyak gambar sekaligus
    9. Sesuaikan pemilih warna dan contoh warna
    10. Gambar dengan rentang dinamis tinggi
    11. Cocokkan warna di gambar Anda
    12. Konversi antar-mode warna
    13. Mode warna
    14. Hapus bagian gambar
    15. Mode paduan
    16. Pilih warna
    17. Sesuaikan tabel warna terindeks
    18. Informasi gambar
    19. Filter distorsi tidak tersedia
    20. Tentang warna
    21. Penyesuaian warna dan monokrom menggunakan saluran
    22. Pilih warna di panel warna dan contoh warna
    23. Sampel
    24. Mode Warna atau mode Gambar
    25. Semburat warna
    26. Tambahkan perubahan mode bersyarat ke tindakan
    27. Tambahkan contoh warna dari HTML CSS dan SVG
    28. Kedalaman bit dan preferensi
  13. Lapisan
    1. Dasar-dasar lapisan
    2. Pengeditan yang tidak destruktif
    3. Buat dan kelola lapisan dan grup
    4. Pilih, kelompokkan, dan tautkan lapisan
    5. Tempatkan gambar ke dalam bingkai
    6. Opasitas lapisan dan paduan
    7. Lapisan mask
    8. Aktifkan Filter Cerdas
    9. Komp lapisan
    10. Pindahkan, tumpuk, dan kunci lapisan
    11. Lapisan mask dengan mask vektor
    12. Kelola lapisan dan grup
    13. Efek lapisan dan gaya
    14. Edit mask lapisan
    15. Ekstraksi aset
    16. Tampilkan lapisan dengan mask pemotongan
    17. Hasilkan aset gambar dari lapisan
    18. Bekerja dengan Objek Cerdas
    19. Mode paduan
    20. Gabungkan beberapa gambar ke dalam potret grup
    21. Gabungkan gambar dengan Lapisan Padukan Otomatis
    22. Sejajarkan dan distribusikan lapisan
    23. Salin CSS dari lapisan
    24. Muat seleksi dari batas lapisan atau mask lapisan
    25. Knockout untuk memunculkan konten dari lapisan lain
  14. Seleksi
    1. Mulai menggunakan seleksi
    2. Buat seleksi dalam komposit Anda
    3. Pilih dan Mask workspace
    4. Pilih dengan alat marquee
    5. Pilih dengan alat laso
    6. Sesuaikan seleksi piksel
    7. Pindah, salin, dan hapus piksel yang dipilih
    8. Buat mask cepat sementara
    9. Pilih rentang warna dalam gambar
    10. Konversi antara jalur dan batas seleksi
    11. Dasar-dasar saluran
    12. Simpan seleksi dan mask saluran alfa
    13. Pilih area gambar dalam fokus
    14. Gandakan, bagi, dan gabungkan saluran
    15. Penghitungan saluran
  15. Penyesuaian gambar
    1. Ganti warna objek
    2. Warp perspektif
    3. Kurangi blur goyangan kamera
    4. Contoh kuas reparasi
    5. Ekspor tabel pencarian warna
    6. Sesuaikan ketajaman dan blur gambar
    7. Pahami penyesuaian warna
    8. Terapkan penyesuaian Kecerahan/Kontras
    9. Sesuaikan detail bayangan dan sorotan
    10. Penyesuaian level
    11. Sesuaikan rona dan saturasi
    12. Sesuaikan vibrance
    13. Sesuaikan saturasi warna di area gambar
    14. Lakukan penyesuaian tonal cepat
    15. Terapkan efek warna khusus ke gambar
    16. Sempurnakan gambar Anda dengan penyesuaian keseimbangan warna
    17. Gambar dengan rentang dinamis tinggi
    18. Lihat histogram dan nilai piksel
    19. Cocokkan warna pada gambar Anda
    20. Pangkas dan luruskan foto
    21. Ubah gambar berwarna menjadi hitam dan putih
    22. Penyesuaian dan lapisan isian
    23. Penyesuaian kurva
    24. Mode paduan
    25. Gambar target untuk ditekan
    26. Sesuaikan warna dan rona dengan eyedropper Level dan Kurva
    27. Sesuaikan eksposur HDR dan toning
    28. Dodge dan burn area gambar
    29. Buat penyesuaian warna selektif
  16. Adobe Camera Raw
    1. Persyaratan sistem Camera Raw
    2. Apa yang baru di Camera Raw
    3. Pengantar Camera Raw
    4. Buat panorama
    5. Lensa yang didukung
    6. Efek vinyet, grain, dan kabut dalam Camera Raw
    7. Pintasan keyboard default
    8. Koreksi perspektif otomatis pada Camera Raw
    9. Filter Radial dalam Camera Raw
    10. Pengaturan Camera Raw
    11. Buka, proses, dan simpan gambar dalam Camera Raw
    12. Perbaiki gambar dengan alat Penghapus Spot yang Disempurnakan dalam Camera Raw
    13. Putar, pangkas, dan sesuaikan gambar
    14. Sesuaikan rendering warna dalam Camera Raw
    15. Proses versi dalam Camera Raw
    16. Lakukan penyesuaian lokal di Camera Raw
  17. Perbaikan dan restorasi gambar
    1. Hapus objek dari foto Anda dengan Isian Berdasarkan Konten
    2. Patch dan Pindahkan Berdasarkan Konten
    3. Poles dan perbaiki foto
    4. Koreksi distorsi dan noise gambar
    5. Langkah-langkah pemecahan masalah dasar untuk memperbaiki sebagian besar masalah
  18. Penyempurnaan dan transformasi gambar
    1. Ganti langit dalam gambar Anda
    2. Transformasikan objek
    3. Sesuaikan pemangkasan, rotasi, dan ukuran kanvas
    4. Cara memangkas dan meluruskan foto
    5. Buat dan edit gambar panorama
    6. Bungkus gambar, bentuk, dan jalur
    7. Titik Lenyap
    8. Penskalaan berdasarkan konten
    9. Ubah gambar, bentuk, dan jalur
  19. Menggambar dan melukis
    1. Lukis pola simetris
    2. Gambar persegi panjang dan modifikasi opsi goresan
    3. Tentang menggambar
    4. Gambar dan edit bentuk
    5. Alat melukis
    6. Buat dan modifikasi kuas
    7. Mode paduan
    8. Tambahkan warna ke jalur
    9. Edit jalur
    10. Lukis dengan Kuas Pencampur
    11. Preset kuas
    12. Gradasi
    13. Interpolasi gradasi
    14. Seleksi, lapisan, serta jalur isian dan goresan
    15. Gambar dengan alat Pena
    16. Buat pola
    17. Buat pola menggunakan Pembuat Pola
    18. Kelola jalur
    19. Kelola pustaka pola dan preset
    20. Gambar atau lukis dengan tablet grafis
    21. Buat kuas bertekstur
    22. Tambahkan elemen dinamis ke kuas
    23. Gradasi
    24. Lukis goresan bergaya dengan Kuas Riwayat Seni
    25. Lukis dengan pola
    26. Sinkronkan preset di beberapa perangkat
    27. Migrasikan preset, tindakan, dan pengaturan
  20. Teks
    1. Tambahkan dan edit teks
    2. Mesin Teks Terpadu
    3. Bekerja dengan font OpenType SVG
    4. Format karakter
    5. Format paragraf
    6. Cara membuat efek tipe
    7. Edit teks
    8. Spasi garis dan karakter
    9. Tipe Arabic dan Hebrew
    10. Font
    11. Pecahkan masalah font
    12. Tipe Asia
    13. Buat tipe
  21. Filter dan efek
    1. Gunakan Galeri Blur
    2. Dasar-dasar filter
    3. Referensi efek filter
    4. Tambahkan Efek Pencahayaan
    5. Gunakan filter Sudut Lebar Adaptif
    6. Gunakan filter Cat Minyak
    7. Gunakan filter Likuifikasi
    8. Efek lapisan dan gaya
    9. Terapkan filter tertentu
    10. Coreng area gambar
  22. Menyimpan dan mengekspor
    1. Simpan file Anda di Photoshop
    2. Ekspor file Anda di Photoshop
    3. Format file yang didukung
    4. Menyimpan file dalam format grafis
    5. Pindahkan desain antara Photoshop dan Illustrator
    6. Simpan dan ekspor video dan animasi
    7. Simpan file PDF
    8. Perlindungan hak cipta Digimarc
  23. Manajemen Warna
    1. Memahami manajemen warna
    2. Menjaga warna tetap konsisten
    3. Pengaturan warna
    4. Rona ganda
    5. Bekerja dengan profil warna
    6. Mengelola warna dalam dokumen untuk tampilan online
    7. Mengelola warna dalam dokumen saat mencetak
    8. Mengelola warna dalam gambar yang diimpor
    9. Proofing warna
  24. Desain aplikasi, web, dan layar
    1. Photoshop untuk desain
    2. Lembar kerja
    3. Pratinjau Perangkat
    4. Salin CSS dari lapisan
    5. Halaman web irisan
    6. Opsi HTML untuk irisan
    7. Ubah tata letak irisan
    8. Bekerja dengan grafis web
    9. Buat galeri foto web
  25. Video dan animasi
    1. Pengeditan video di Photoshop
    2. Edit lapisan video dan animasi
    3. Gambaran umum video dan animasi
    4. Pratinjau video dan animasi
    5. Lukis bingkai di lapisan video
    6. Impor file video dan rangkaian gambar
    7. Buat animasi bingkai
    8. Animasi 3D Creative Cloud (Pratinjau)
    9. Buat animasi timeline
    10. Buat gambar untuk video
  26. Mencetak
    1. Cetak objek 3D
    2. Cetak dari Photoshop
    3. Cetak dengan menajemen warna
    4. Lembar Kontak dan Presentasi PDF
    5. Cetak foto dalam tata letak paket gambar
    6. Cetak warna spot
    7. Cetak gambar ke mesin cetak komersial
    8. Tingkatkan kualitas cetakan warna dari Photoshop
    9. Pecahkan masalah pencetakan | Photoshop
  27. Otomatisasi
    1. Membuat tindakan
    2. Buat grafik berbasis data
    3. Pembuatan skrip
    4. Proses batch file
    5. Mainkan dan kelola tindakan
    6. Tambahkan tindakan bersyarat
    7. Tentang tindakan dan panel Tindakan
    8. Alat Rekam dalam tindakan
    9. Tambahkan perubahan mode bersyarat ke tindakan
    10. Kit alat Photoshop UI untuk plug-in dan skrip
  28. Pemecahan masalah
    1. Masalah yang diperbaiki
    2. Masalah yang diketahui
    3. Optimalkan performa Photoshop
    4. Pemecahan masalah dasar
    5. Pecahkan masalah kerusakan atau macet
    6. Pecahkan masalah program
    7. Pecahkan masalah kesalahan gores disk penuh
    8. Pecahkan masalah driver grafis dan GPU
    9. Temukan alat yang hilang
    10. Photoshop 3D | Pertanyaan umum seputar fitur yang dihentikan
Note:

Aset Gambar sekarang berada di bagian File > Otomatiskan > Plugin Generator.

Anda dapat menghasilkan aset gambar JPEG, PNG, GIF, atau SVG dari konten lapisan atau grup lapisan dalam file PSD. Aset secara otomatis dihasilkan saat Anda menambahkan ekstensi format gambar yang didukung ke nama lapisan atau nama grup lapisan. Secara opsional, Anda juga dapat menentukan parameter kualitas dan ukuran untuk aset gambar yang dihasilkan.

Menghasilkan aset gambar dari file PSD sangat berguna untuk desain web multiperangkat.

Cara membuat dan mengekspor grafis web lihat Cara mengekspor file dalam berbagai format dari Photoshop.

Hasilkan aset gambar dari lapisan atau grup lapisan

Untuk memahami generator aset gambar dengan lebih baik, pertimbangkan file PSD sederhana (unduh dari tautan ini) dengan hierarki lapisan berikut:

Photoshop menghasilkan aset gambar
Contoh file PSD dan hierarki lapisannya

Hierarki lapisan untuk file ini memiliki dua grup lapisan—Rounded_rectangles dan Ellipses. Masing-masing kelompok lapisan ini berisi lima lapisan.

Ikuti langkah-langkah ini untuk menghasilkan aset gambar dari file PSD ini:

  1. Dengan file PSD terbuka, pilih File > Otomatiskan > Plugin Generator > Aset Gambar.
  2. Tambahkan ekstensi format file yang sesuai (.jpg, .png, . gif, atau .svg) ke nama-nama lapisan atau grup lapisan tempat Anda ingin menghasilkan aset gambar. Misalnya, ganti nama grup lapisan, Rounded_rectangles dan Ellipses, sebagai Rounded_rectangles.jpg dan Ellipses.png; serta lapisannya, Ellipse_4 sebagai Ellipse_4.gif.
Note:

Karakter khusus : dan * tidak didukung dalam nama lapisan.

Photoshop menghasilkan aset gambar dan menyimpannya dalam subfolder di samping file PSD sumber. Jika file PSD sumber belum disimpan, Photoshop menyimpan aset yang dihasilkan dalam folder baru di Desktop Anda.

Nama aset Gambar Photoshop
Nama aset gambar dihasilkan dari nama lapisan/nama grup lapisan

Note:

Pembuatan aset gambar diaktifkan untuk dokumen saat ini. Setelah diaktifkan, fitur tetap tersedia setiap kali dokumen dibuka berikutnya. Untuk menonaktifkan pembuatan aset gambar untuk dokumen saat ini, batalkan seleksi File > Otomatiskan > Plugin Generator > Aset Gambar.

Menghasilkan aset untuk dokumen cloud

Jika Anda bekerja dengan dokumen Cloud, aset akan disimpan dalam direktori "Photoshop Cloud Associates":

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

Menghasilkan beberapa aset dari lapisan atau grup lapisan

Untuk menghasilkan beberapa aset dari lapisan atau grup lapisan, pisahkan nama aset dengan koma. Misalnya, nama lapisan berikut menghasilkan tiga aset:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Simpan aset ke subfolder

Anda dapat memilih untuk menyimpan aset gambar yang dihasilkan dari lapisan/grup lapisan tertentu dalam subfolder langsung di bagian folder aset dokumen. Sertakan nama subfolder dalam nama lapisan/grup lapisan; misalnya:

[subfolder]/Ellipse_4.jpg 

Kasus penggunaan desain web

Menghasilkan aset gambar dari file PSD sangat berguna untuk desain web multiperangkat. Pertimbangkan desain web berikut dan struktur lapisan:

Desain web dan hierarki lapisannya

Mari kita ekstraksi ikon di atas dan baris atas kisi gambar Global Hotspots sebagai aset gambar:

  • Tambahkan ekstensi format gambar ke nama lapisan yang sesuai.
Photoshop Mengganti nama lapisan/grup lapisan yang sesuai

Photoshop Mengganti nama lapisan/grup lapisan yang sesuai

Mengganti nama lapisan/grup lapisan yang sesuai

Note:

Aset gambar tunggal dihasilkan dari konten lapisan/grup lapisan. Misalnya, grup lapisan AdventureCo Logo di screenshot di atas berisi lapisan bentuk dan lapisan teks langsung. Lapisan-lapisan ini diratakan ketika aset gambar dihasilkan dari grup lapisan.

Photoshop menghasilkan aset dan menyimpannya di lokasi yang sama dengan file PSD sumber.

Aset gambar yang dihasilkan Photoshop
Aset gambar yang dihasilkan

Tentukan parameter kualitas dan ukuran

Aset JPEG dihasilkan dalam kualitas 90% secara default. Aset PNG dihasilkan sebagai gambar 32-bit secara default. Aset GIF dihasilkan dengan transparansi alfa dasar.

Saat mengganti nama lapisan atau grup lapisan dalam persiapan pembuatan aset, Anda dapat menyesuaikan kualitas dan ukuran.

Parameter untuk aset JPEG

  • Tambahkan kualitas output yang diinginkan sebagai akhiran untuk nama aset: .jpg(1-10) atau .jpg(1-100%). Misalnya:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • Tambahkan ukuran gambar output yang diinginkan (relatif atau dalam format yang didukung: px, in, cm, dan mm) sebagai awalan nama aset. Photoshop menskalakan gambar sesuai dengan ukuran tersebut. Misalnya:
    • 200% Ellipse_4.jpg
    • 300 x 200 Rounded_rectangle_3.jpg
    • 10in x 200mm Rounded_rectangle_3.jpg

Catatan: Jangan lupa tambahkan karakter spasi antara awalan dan nama aset. Jika Anda menentukan ukuran dalam piksel, Anda dapat menghilangkan unit. Misalnya, 300 x 200.

Note:

Seperti yang diilustrasikan, Anda dapat mencampur unit dan piksel yang berbeda sambil menentukan ukuran gambar output yang diinginkan. Misalnya, 4in x 100 Rounded_rectangle_3.jpg adalah nama lapisan yang valid untuk pembuatan aset.

Parameter untuk aset PNG

  • Tambahkan kualitas output yang diinginkan sebagai akhiran untuk nama aset: 8, 24 ,atau 32. Misalnya:
    • Ellipse_4.png24
  • Tambahkan ukuran gambar output yang diinginkan (relatif atau dalam format yang didukung: px, in, cm, dan mm) sebagai awalan nama aset. Photoshop menskalakan gambar sesuai dengan ukuran tersebut. Misalnya:
    • 42% Ellipse_4.png
    • 300mm x 20cm Rounded_rectangle_3.png
    • 10in x 50cm Rounded_rectangle_3.png

Catatan: Jangan lupa tambahkan karakter spasi antara awalan dan nama aset. Jika Anda menentukan ukuran dalam piksel, Anda dapat menghilangkan unit. Misalnya, 300x200.

Note:

Seperti yang diilustrasikan, Anda dapat mencampur unit dan piksel yang berbeda sambil menentukan ukuran gambar output yang diinginkan. Misalnya, 4in x 100 Rounded_rectangle_3.png adalah nama lapisan yang valid untuk pembuatan aset.

Parameter untuk aset GIF

  • Tambahkan ukuran gambar output yang diinginkan (relatif atau dalam format yang didukung: px, in, cm, dan mm) sebagai awalan nama aset. Misalnya:
    • 42% Ellipse_4.gif
    • 300mm x 20cm Rounded_rectangle_3.gif
    • 20in x 50cm Rounded_rectangle_3.gif

Catatan: Jangan lupa tambahkan karakter spasi antara awalan dan nama aset. Jika Anda menentukan ukuran dalam piksel, Anda dapat menghilangkan unit. Misalnya, 300x200.

Note:

Seperti yang diilustrasikan, Anda dapat mencampur unit dan piksel yang berbeda sambil menentukan ukuran gambar output yang diinginkan. Misalnya, 4in x 100 Rounded_rectangle_3.gif adalah nama lapisan yang valid untuk pembuatan aset.

Parameter kualitas tidak tersedia untuk aset GIF.

Membangun nama lapisan kompleks

Anda dapat menentukan beberapa nama aset dengan parameter saat menamai lapisan untuk pembuatan aset. Misalnya:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Photoshop menghasilkan aset berikut dari lapisan ini:

  • Delicious.jpg (gambar JPG berkualitas 8 yang diskalakan 120%)
  • Delicious.png (gambar PNG 24-bit yang diskalakan 42%)
  • Delicious_2.jpg (gambar JPG berkualitas 90% yang memiliki ukuran absolut 100x100 px)
  • Delicious.gif (gambar GIF yang diskalakan 250%)

Contoh skala absolut

Contoh yang baik dari skala absolut

  • 100x80 foo.png (skala absolut sederhana)
  • 80 x 100px foo.png (spasi di antara panjang)
  • 4in x100 foo.png (campuran unit dan tanpa unit)
  • 90mm x120cm foo.png (campuran unit yang berbeda)
  • 100x? foo.png (wild card)
  • ?x60in foo.png (wild card di awal)

Contoh yang buruk dari skala absolut

  • 100x100foo.png (tidak ada spasi sebelum nama file)
  • 80x100 60% foo.png (campuran skala absolut dan relatif)
  • 50% 80x100 foo.png (campuran skala absolut dan relatif)
  • 20in cm x50cm foo.png (beberapa unit pengukuran)
  • 30nm x20 nano.png (unit tidak valid)

Memformat dan memisahkan beberapa file

Contoh yang baik

  • Layer 1.png (Spasi pada nama file diperbolehkan -- menghasilkan satu file bernama "Layer 1.png")
  • Layer 1.png,Layer 2.jpg (Koma sebagai pemisah)
  • Layer 1.png, Layer 2.jpg (Koma diikuti spasi sebagai pemisah)
  • Layer 1.png+Layer 2.jpg (Plus sebagai pemisah)
  • Layer 1.png + Layer 2.jpg (Plus diikuti oleh spasi sebagai pemisah)

Menempatkan semuanya bersama

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif menghasilkan tiga file (string "100% Delicious" diabaikan, karena ini bukan nama file):

  • Layer 1.png, dalam skala 42%, sebagai png 24-bit
  • Layer.jpg, sebagai ukuran absolut 100x100 piksel, sebagai kualitas jpg 90%
  • Foo Bar Baz.gif di subfolder Quux, dalam skala 250%, sebagai gif.

Tentukan pengaturan default untuk aset

Anda dapat menentukan pengaturan default seluruh dokumen untuk aset yang dihasilkan. Ikuti langkah-langkah ini:

  1. Hasilkan lapisan kosong dalam dokumen.
  2. Awali nama lapisan dengan kata kunci default. Sekarang, masukkan pengaturan yang ingin Anda terapkan ke semua aset gambar yang dihasilkan dari dokumen. Misalnya:

default hi-res/

Menghasilkan semua aset gambar dalam subfolder bernama hi-res. Misalnya, [asset_folder]/hi-res/Delicious.jpg.

default hi-res/@2x

Menghasilkan semua aset gambar dalam subfolder bernama hi-res. Selain itu, akhiri nama aset dengan @2x. Misalnya, [asset_folder]/hi-res/Delicious@2x.jpg.

default 50% lo-res/

Menyimpan aset gambar yang diperkecil sebesar 50% di subfolder lo-res di folder aset dokumen

default hi-res/@2x + 50% lo-res/

Menghasilkan dua aset gambar dari lapisan:

  • Di subfolder hi-res, aset gambar yang namanya diberi akhiran @2x
  • Di subfolder lo-res, aset gambar diperkecil sebesar 50%
Note:

Faktor penskalaan default digantikan oleh faktor penskalaan yang ditentukan untuk masing-masing lapisan.

Nonaktifkan pembuatan aset gambar untuk semua dokumen

Anda dapat menonaktifkan pembuatan aset gambar secara global untuk semua dokumen Photoshop dengan memodifikasi Preferensi Anda.

  1. Pilih Edit > Preferensi > Plug-in.
  2. Batalkan seleksi Aktifkan Generator.
  3. Klik OK.
Note:

Perintah menu File > Otomatiskan > Generator Plugin tidak tersedia saat Anda menonaktifkan pembuatan aset gambar dari Preferensi. Fitur ini hanya dapat diaktifkan kembali di kotak dialog Preferensi.

Menu Plugin Generator

Sebelum rilis Juli 2024 Photoshop di desktop versi 25.11, Plugin Generator berada di bagian menu File > Hasilkan.

Sekarang, semua plugin Generator, termasuk plugin Aset Gambar default, terdapat di bagian menu File > Otomatiskan > Plugin Generator.  Perubahan ini dilakukan untuk memperjelas nama submenu dan membedakannya dari fitur generatif baru seperti Hasilkan Gambar

TJU

Nama aset harus unik di tingkat dokumen.

Aset JPG dihasilkan dalam kualitas 90% secara default. Aset PNG dihasilkan sebagai gambar 32-bit secara default. Aset GIF dihasilkan dengan transparansi alfa dasar.

Ya. Transparansi dan efek lain yang diterapkan di suatu lapisan tercermin dalam aset yang dihasilkan dari lapisan tersebut. Namun, efek tersebut dapat diratakan dalam aset yang dihasilkan.

Aset dipotong ke batas dokumen. Jika gambar tidak berada dalam batas dokumen, Generator tidak membuat aset gambar terkait.

Selain koma (,), Anda dapat menggunakan simbol plus (+) sebagai pemisah antara nama aset gambar. Misalnya:

42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%

sama dengan:

42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%

Lebih banyak yang seperti ini

 Adobe

Dapatkan bantuan lebih cepat dan lebih mudah

Pengguna baru?

Adobe MAX 2024

Adobe MAX
Konferensi Kreativitas

14–16 Oktober Miami Beach dan online

Adobe MAX

Konferensi Kreativitas

14–16 Oktober Miami Beach dan online

Adobe MAX 2024

Adobe MAX
Konferensi Kreativitas

14–16 Oktober Miami Beach dan online

Adobe MAX

Konferensi Kreativitas

14–16 Oktober Miami Beach dan online