Terkadang Anda perlu memuat gambar yang berisi elemen transparan yang akan digunakan untuk menampilkan latar belakang asli. Dalam kasus ini, akan lebih mudah untuk memuat gambar PNG karena mampu menjaga transparansi.
Pada artikel ini kami akan memberi tahu Anda bagaimana membuat transparansi di Photoshop.
Pembuatan file
Langkah pertama adalah membuat file. Untuk melakukan ini, buka Adobe Photoshop dan di menu File ( Mengajukan) di bagian atas halaman, pilih "Buat" ( Baru).
Kemudian, di jendela "Dokumen Baru" yang muncul ( Dokumen Baru) buat ukuran file yang Anda inginkan, dan pastikan resolusi dokumen adalah 72 piksel per inci ( karena file tersebut untuk penggunaan web). Dan juga Anda telah memilih nilai "Transparan" ( Transparan) di daftar tarik-turun "Konten latar belakang" ( Isi Latar Belakang).
* Sebelum membuat PNG dengan transparansi di Photoshop, Anda perlu menjelaskan bahwa dalam contoh ini kita membuat gambar untuk diunggah sebagai latar belakang situs, sehingga ukuran dokumen diatur sebagai berikut: lebar 3000 piksel, tinggi 1730 piksel, yang merupakan ukuran yang disarankan untuk Unggahan gambar HD:
Setelah Anda menentukan nilai untuk parameter, klik OK untuk membuka dokumen baru.
Kemudian di panel Lapisan ( Lapisan) pastikan Anda bekerja pada lapisan transparan dan bukan pada latar belakang:
Setelah Anda selesai membuat dan siap untuk menyimpan gambar transparan, tergantung pada versi Photoshop yang Anda gunakan, buka menu File ( Mengajukan) Anda dapat menggunakan salah satu opsi yang memungkinkan:
Versi Photoshop sebelum CC 2015:
Sekarang kami akan memberi tahu bagaimana membuat gambar menjadi transparan di photoshopyang keluar lebih awal dari CC 2015. Versi ini menggunakan Save For Web ( Simpan untuk Web & Perangkat) untuk menyimpan dan mengoptimalkan gambar PNG untuk digunakan di web. Untuk menggunakan metode ini, cukup buka menu File ( Mengajukan), lalu - "Simpan untuk Web" ( Simpan untuk Web & Perangkat):
Kemudian, di jendela yang muncul, pilih PNG-24 dari menu drop-down nilai yang memungkinkan, lalu pastikan "Transparansi" ( Transparansi) dan " Ubah ke sRGB» ( Ubah ke sRGB). Ini mengonfirmasi bahwa gambar akan berisi latar belakang transparan dan mode warnanya akan diubah ke sRGB, ruang warna yang disarankan untuk web.
Lapangan " Ukuran gambar» ( Ukuran gambar) secara otomatis diisi dengan nilai yang Anda tentukan saat Anda membuat file. Tetapi jika Anda ingin mengubah ukuran file sebelum menyimpannya, Anda dapat melakukannya sekarang.
Versi Photoshop CC 2015:
Sebelum, bagaimana membuat foto menjadi transparan di Photoshop, Anda perlu tahu bahwa mulai CC 2015, "Simpan untuk Web" ( Simpan untuk Web & Perangkat) di menu File ( Mengajukan) ditandai sebagai Legacy. Dan diganti dengan opsi baru "Ekspor" ( Ekspor), yang menawarkan fungsionalitas identik dengan penyimpanan lebih cepat dalam ukuran file yang lebih kecil dan kualitas yang lebih baik. Untuk menggunakan opsi Ekspor, klik menu File ( Mengajukan), lalu - " Ekspor sebagai» ( Ekspor Sebagai).
Catatan: Adobe masih menawarkan Save For Web ( Simpan untuk Web & Perangkat) di Photoshop CC 2015, dan itu tersedia melalui File\u003e Export ( File\u003e Ekspor) atau menggunakan pintasan keyboard Command + Option + Shift + S (untuk Mac) atau Ctrl + Alt + Shift + S (untuk PC):
Kemudian di jendela yang muncul, pilih PNG dari menu drop-down Format ( Format) dan pastikan Transparansi dipilih ( Transparansi) dan " Ubah ke sRGB» ( Ubah ke sRGB).
Terkadang gambar perlu diubah dengan membuatnya menjadi latar belakang transparan. Terkadang Anda menemukan gambar, tetapi latar belakangnya tidak sesuai dengan situs Anda, dan Anda ingin membuatnya transparan. Tentu saja, jika Anda memiliki Photoshop dan tahu cara mengerjakannya, Anda bisa melakukannya di sana. Tapi ada cara yang lebih mudah, bisa dikatakan, "untuk boneka."
Saat menjelajahi Internet, saya menemukan artikel tentang Editor Foto Pixlr. Omong-omong, ini bukan editor grafis biasa, tetapi editor online. Ini tautannya - http://pixlr.com/editor/.
Program inilah yang akan membantu kita membuat gambar dengan background transparan dalam format PNG.
Kami memiliki, misalnya, gambar berikut:
Saya ingin menghapus latar belakang hitam darinya dan membuatnya transparan.
Untuk melakukan ini, buka program, pilih item "Buka gambar dari komputer" dan muat gambar yang diinginkan. Ubah bahasa program ke bahasa Rusia segera (Bahasa-\u003e menu bahasa Rusia).
Di sisi kanan jendela "Lapisan", Anda akan melihat thumbnail gambar dan blok. Klik dua kali pada blok ("burung" di kotak akan muncul). Dengan cara ini Anda membuka kunci latar belakang.
Setelah itu, pilih tool "Magic Wand" (kiri pada toolbar), bawa ke background gambar dan klik mouse. Latar belakang akan disorot dengan garis putus-putus. Hapus latar belakang dengan tombol Hapus.
Itulah yang saya lakukan:
Perbedaan antara format PNG dan format lain untuk grafik adalah bagian gambar yang transparan atau sebagian transparan tetap transparan saat disimpan. Jika Anda menyimpan file dalam format yang berbeda, transparansi ini mungkin hilang. Untuk membuat dan, yang terpenting, menyimpan file PNG, ada beberapa hal yang perlu diperhatikan.
Instruksi
Jika Anda perlu mengedit file PNG, banyak yang terburu-buru mengunduh Photoshop, yang tidak hanya didistribusikan secara berbayar, tetapi juga cukup menuntut sumber daya komputer. Tidak semua PC lama mampu menjalankan aplikasi ini. Dalam kasus seperti itu, berbagai editor online datang untuk menyelamatkan, memungkinkan Anda untuk mengubah ukuran, skala, kompres dan melakukan berbagai operasi lain dengan file.
Hari ini kita akan melihat situs paling fungsional dan stabil yang memungkinkan Anda bekerja dengan gambar PNG. Keuntungan dari layanan online tersebut termasuk fakta bahwa mereka tidak menuntut sumber daya komputer Anda, karena semua manipulasi file dilakukan dengan menggunakan teknologi cloud.
Editor online tidak perlu diinstal pada PC - ini secara signifikan mengurangi kemungkinan tertular virus.
Metode 1: Editor Gambar Online
Layanan paling fungsional dan stabil yang tidak mengganggu pengguna dengan iklan yang mengganggu. Cocok untuk manipulasi gambar PNG, yang benar-benar tidak menuntut sumber daya komputer Anda, dapat dijalankan di perangkat seluler.
Kerugian dari layanan ini termasuk kurangnya bahasa Rusia, namun, dengan penggunaan yang lama, kelemahan ini menjadi tidak kentara.
Situs ini tidak memerlukan pendaftaran, tidak sulit untuk memahami layanannya, bahkan jika Anda tidak mengerti bahasa Inggris. Jangan takut untuk bereksperimen, jika terjadi kesalahan, Anda selalu dapat membatalkannya hanya dengan menekan satu tombol.
Metode 2: Photoshop Online
Pengembang memposisikan layanan mereka sebagai photoshop online. Fungsi editor sangat mirip dengan aplikasi terkenal di dunia, ini mendukung bekerja dengan gambar dalam berbagai format, termasuk PNG. Jika Anda pernah bekerja dengan Photoshop, tidak akan sulit untuk memahami fungsionalitas sumber daya.
Satu-satunya, tetapi cukup signifikan, kelemahan situs ini adalah macet terus-menerus, terutama saat bekerja dengan gambar besar.
Saat melakukan manipulasi sederhana, bekerja dengan layanan menjadi nyaman dan nyaman. Jika Anda perlu memproses file besar, disarankan untuk mendownload dan menginstal perangkat lunak khusus di PC Anda, atau bersabar dan bersiaplah untuk situs yang terus membeku.
Metode 3: Fotor
Nyaman, fungsional, dan yang terpenting, situs gratis untuk bekerja dengan gambar dalam format PNG. Fotor memungkinkan Anda untuk memotong, memutar, menambahkan efek, dan menggunakan alat lain. Fungsionalitas sumber daya telah diuji pada file dengan ukuran berbeda, dan tidak ditemukan masalah. Situs ini telah diterjemahkan ke dalam bahasa Rusia, di pengaturan Anda dapat memilih bahasa lain untuk antarmuka editor, jika perlu.
Akses ke fungsi tambahan disediakan untuk pengguna hanya setelah membeli akun PRO.
Fotor adalah alat yang ampuh untuk bekerja dengan PNG: selain serangkaian fungsi dasar, ini berisi banyak efek tambahan yang akan menyenangkan bahkan bagi pengguna yang paling menuntut sekalipun.
Editor foto online mudah digunakan, tidak memerlukan instalasi di komputer, karena itu dapat diakses bahkan dari perangkat seluler. Editor mana yang akan digunakan terserah Anda.
Ketika Anda mengerjakan desain situs web, Anda sering harus berurusan dengan fakta bahwa gambar yang ditemukan, yang idealnya sesuai dengan situs Anda, memiliki latar belakang yang berbeda, yang ingin dihapus.
Jadi, buka gambar kami di Photoshop.
1.
Hal pertama yang harus dilakukan adalah membuat area kerja untuk gambar dengan background transparan. Untuk ini:
- di jendela lapisan, klik dua kali pada lapisan kami (dengan kunci)
- Di jendela yang muncul, klik OK
Kunci harus menghilang
Jika latar belakangnya solid:
Pilih alat " tongkat sihir"Merupakan alat yang sangat fleksibel untuk memilih area yang diinginkan. Tugas kita adalah memilih seluruh latar belakang, kecuali gambarnya. Untuk melakukan ini, sesuaikan pengaturan tongkat ajaib (parameter toleransi) hingga kami mendapatkan hasil yang diinginkan. Juga, gunakan tombol Shift untuk memilih area selain yang sudah dipilih. Tekan Del dan wilayah yang dipilih dihapus.
Jika latar belakangnya beraneka warna:
Kami menggunakan alat " Seleksi cepat". Di sini tugas kita adalah memilih bukan latar belakang, tetapi objek itu sendiri, yang harus tetap ada. Tekan sampai area yang diinginkan disorot. Jika ekstra disorot, tahan Alt dan minus oblite. Anda dapat melihat hasilnya dengan tombol Q.
Saat pemilihan sudah siap, salin dengan Ctrl + C. Buat dokumen baru dengan latar belakang transparan (Ctrl + N) dan tempel objek di sana Ctrl + V.
3 ... Jika ada sesuatu yang tidak berguna di gambar, gunakan alat " Penghapus“, Hapus saja latar belakang ekstra.
4 ... Simpan gambar untuk Web (Alt + Shift + Ctrl + S) pilih format GIF atau PNG (di tempat lain, latar belakang transparan kami akan berubah menjadi putih).
Video yang berguna tentang topik ini:
