Ekspor satu layer sebagai gambar di Photoshop


47

Saya memiliki banyak desainer yang mengirimi saya PSD berlapis dari desain mereka dan saya perlu memecah potongan-potongan desain untuk ditempatkan pada halaman web. Saya dapat melakukan banyak hal dengan Photoshop, tetapi saya tidak efisien melakukannya.

Cara lama saya hanya menyalin gambar yang ada di lapisan dan menempel ke gambar baru tampaknya butuh waktu lama karena saya bermain-main dengan cropping dan semacamnya.

Saya punya Photoshop CS5, jadi saya tidak perlu perangkat lunak eksternal untuk melakukan apa pun, tetapi saya hanya perlu mencari cara untuk mengambil satu lapisan, yang mungkin menyimpan sesuatu yang kecil seperti ikon, dan mengekspornya sebagai PNG atau JPG .

Saya mengetahui skrip yang disebut "Ekspor Layers ke File" tetapi butuh sekitar satu jam dan mengekspor SEMUA lapisan saya ke sejumlah besar file. Saya tidak mencari solusi yang luas.

Apakah ada cara mudah untuk melakukan ini?

Jawaban:


26

Untuk mengekspor satu lapisan atau sekelompok lapisan di Photoshop, Anda harus memiliki hanya lapisan yang relevan yang ingin Anda ekspor terlihat. (Jadi sembunyikan semua layer yang tidak ingin Anda ekspor dan biarkan yang relevan terlihat.) Lalu buka File - Save for web dan simpan gambar Anda.

Untuk memahami proses ini secara mendalam, silakan lihat tutorial ini .


4
itu tidak akan memotong lapisan secara otomatis.
Capi Etheriel

3
Ya, jadi jika gambar asli Anda lebih besar dari pada lapisan Anda harus kembali ke semua gambar yang diekspor dan memotongnya. Untuk menyiasatinya menggunakan Smart Objects, lihat jawaban saya di bawah ini.
reflexiv

55

Pilih layer yang ingin Anda ekspor ke file baru.

Di menu atas, Klik "Layer" -> "Duplicate Layer ..."

Perhatikan bahwa ada dua opsi. Salah satunya adalah untuk nama layer baru ...

Yang kedua adalah untuk tujuan layer baru, baik dokumen Anda saat ini atau dokumen baru. Pilih "Baru."


6
Ketika Anda memilih "Baru", apakah mungkin untuk mendapatkan dokumen dengan ukuran yang sama dari layer hasil duplikasi?
djromero

Tip yang sangat membantu. Berharap ini memangkasnya. Bagaimanapun itu adalah fitur yang bagus untuk diketahui.
Trey Copeland

Trey, lihat jawaban saya di bawah ini untuk menggunakan Smart Objects yang otomatis memotong sebagian besar waktu.
reflexiv

49

Jawaban sebelumnya tidak akan dipotong secara otomatis ke ukuran layer seperti yang ditunjukkan barraponto. Smart Objects memperbaiki ini dan lebih efisien:

  1. Klik kanan layer pada Layers Panel dan pilih Convert to Smart Object
  2. Klik kanan layer lagi dan pilih Edit konten

CTRL + klik beberapa layer sebelum mengonversi ke Smart Object untuk mengelompokkannya.


2
Sejauh ini, ini adalah jawaban termudah dan paling efisien untuk mengekspor satu gambar / lapisan dari dokumen yang diserahkan kepada Anda.
Luke Shaheen

3
Itu harus dipilih sebagai jawabannya. Karena sudah pasti demikian. Terima kasih @reflexiv.
Eric MORAND

1
Ini adalah cara paling efisien yang saat ini tersedia di Photoshop. Saya juga ingin menambahkan bahwa untuk langkah kedua, Anda bisa mengklik dua kali thumbnail layer, yang memiliki efek yang sama dengan klik kanan dan pilih Edit konten, tetapi lebih mudah.
Betty

10

Saya akan menambahkan jawaban @Daniel Garman.

  1. Duplicate Layer (baik di menu klik kanan pada layer) -> NEW (juga memberikan opsi untuk memberi nama pada saat itu sehingga Anda tidak kehilangan apa yang disebut layer sebelum Anda sampai ke langkah simpan)
  2. Gambar -> Potong (yang akan memberi Anda pilihan untuk menghapus piksel transparan)
  3. File -> Simpan untuk web (CMD-SHIFT-OPT-S di OSX)

Itu cara yang cukup cepat untuk melakukannya.


7

Anda dapat melakukan ini dengan membuka File-> Scripts->Export layers to Files


1
kecuali pertanyaan yang mengatakan dia mengetahui hal ini dan ini adalah solusi buruk untuk kasusnya ... plus itu tidak selalu berhasil.
cregox

1

Cara tradisional untuk mengekspor hanya sebagian dari lapisan adalah dengan menggunakan Slices:

  1. Sembunyikan lapisan yang tumpang tindih yang mengandung piksel yang tidak ingin Anda ekspor (jika tidak tumpang tindih dengan bidang yang Anda minati, Anda dapat membiarkannya tampil).

  2. Buat irisan untuk bagian yang Anda minati, menggunakan menu Layers: "Irisan Berbasis Lapisan Baru" (yang cukup otomatis) atau buat secara manual dengan alat Iris. Pastikan irisan baru Anda adalah satu-satunya yang dipilih (ada alat pilih irisan tepat di sebelah yang membuat irisan, di menu flyout yang sama).

  3. Dalam dialog Simpan untuk Web, pastikan slice masih dipilih. (Dialog itu memiliki alat pilih slice sendiri jika Anda membutuhkannya.)

  4. Selama proses penyimpanan, ada menu popdown; pastikan Anda memilih Irisan Terpilih sehingga tidak menyimpan semuanya.

Kebanyakan orang tidak menggunakan irisan lagi, karena mereka dirancang untuk hari-hari awal Web ketika gambar individu sering diiris dan kemudian dipasang kembali dalam HTML - jarang dilakukan sekarang. Tetapi saya masih menemukan mereka berguna untuk tujuan ini.

Sayangnya, antarmuka untuk irisan belum diperbarui dan mereka mungkin sedikit canggung untuk digunakan, tetapi lihat apakah mereka membantu dalam situasi Anda.


0

cara tradisional kuno dalam melakukan ini - katakanlah pra-CS akan bekerja juga, dalam hal ini:

  1. kurangi karya seni berlapis menjadi satu lapisan - Anda dapat membatalkannya nanti
  2. option / alt klik lapisan itu di palet LAPISAN - ini akan memberi Anda pilihan hanya lapisan itu karya seni dan bukan kanvas sekitarnya
  3. salin --- edit> salin atau opsi / alt C ==== Anda sekarang memiliki salinan lapisan ini di clipboard
  4. buat dokumen baru - ketika Anda melakukannya, Anda akan melihat bahwa dokumen baru sekarang akan menjadi ukuran dari apa yang Anda salin ke clipboard
  5. dokumen baru Anda hanya akan berisi latar belakang biasa .... tekan saja "tempel" -> edit> tempel atau optioin / alt V
  6. pada titik ini Anda memiliki 2 dokumen terpisah - Anda dapat kembali ke dokumen ASLI dan membatalkan semua lapisan yang rata ke kondisi semula
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.