Cara membuat gambar duotone di Photoshop

Saat Anda mengerjakan desain situs berikutnya, ada jenis latar belakang umum yang mungkin Anda pertimbangkan: fotografi. Meskipun tren ini tidak selalu unik, tren ini pasti efektif dalam mengatur suasana dan membenamkan pengguna ke dalam lingkungan situs. “Jika Anda mencari cara untuk menggunakan fotografi tetapi dengan sedikit lebih menarik, Anda selalu dapat mencoba gambar duotone – keduanya menarik untuk dilihat dan mudah dibuat! ”

Sebelum kita mempelajari cara membuat gambar duotone di Photoshop, mari selami lebih dalam tren desain ini.

Apa yang dimaksud dengan gambar duotone?

Pada intinya, duotone hanyalah sebuah gambar yang terbuat dari dua warna. Anda mungkin pernah melihatnya sebelumnya dalam kampanye seperti Tahun Tinjauan Tahun 2015 Spotify.

Ini menjadi semakin populer, terutama di kalangan agensi dan merek yang lebih kecil. Efek Duotone adalah cara yang bagus untuk menggabungkan dan memperkuat merek Anda dan warnanya di seluruh pekerjaan dan situs web Anda. Untuk memberi Anda sedikit inspirasi, LPK menunjukkan contoh yang bagus tentang bagaimana menggunakan ini.

Jika Anda tertarik untuk mencoba teknik ini, Anda pasti ingin menjadi strategis dalam foto yang Anda pilih untuk dimanipulasi. Meskipun secara teknis Anda dapat menerapkan efek duotone ke foto apa pun, itu akan terlihat lebih baik pada gambar dengan banyak kontras. Saya juga merekomendasikan menggunakan gambar dengan latar belakang yang solid, sebaiknya putih—yang membuatnya lebih mudah untuk menetapkan warna dasar yang Anda cari!

Jika Anda memiliki akses ke studio dan tertarik untuk mengambil foto khusus, ingatlah tip berikut saat Anda mengatur pemandangan. Jika Anda bekerja dengan konten yang ada, Anda selalu dapat memanipulasi foto terlebih dahulu untuk meningkatkan kontras atau mengubah warna latar belakang.

• Jika Anda tertarik untuk bergabung dengan kursus dan mengunduh sumber daya Photoshop gratis, lompat ke bagian ini!
• Jika Anda sudah bergabung dengan kursus, klik di sini untuk langsung menuju ke tutorial template!

Untuk sisa tutorial, saya akan membahas dua metode yang dapat Anda gunakan untuk membuat gambar duotone secara manual di Photoshop. Yang pertama adalah opsi Photoshop bawaan (berfungsi dengan baik, tetapi bukan favorit saya) dan yang kedua menggunakan peta gradien (metode pilihan saya, kecuali jika Anda menggunakan tindakan gratis kami tentu saja!).

Setelah Anda siap, muat gambar Anda ke Photoshop dan buat lapisan duplikat foto. Dengan mengedit duplikat (bukan yang asli, lapisan bawah), Anda akan selalu memiliki versi foto yang belum diedit untuk digunakan kembali.

Siap membuat gambar duotone di Photoshop? Mari kita mulai.

Cara menggunakan opsi duotone Photoshop default

1. Ubah gambar menjadi skala abu-abu 8 bit

Untuk menggunakan opsi duotone yang ada di dalam Photoshop, pertama-tama Anda harus mengonversi gambar menjadi skala abu-abu 8 bit. Pilih salinan foto Anda dan buka Image > Mode > Grayscale. Verifikasi juga bahwa opsi 8 bit/Saluran dipilih di bawah menu Mode yang sama.

Saat Anda memilih opsi ini, beberapa notifikasi akan muncul. Yang pertama menanyakan apakah Anda ingin meratakan gambar atau menggabungkan lapisan sebelum mengubah mode warna. Jika Anda memiliki banyak lapisan, perubahan warna dapat memengaruhi tampilan sesuatu (dalam hal ini, perataan dapat membantu mempertahankan pekerjaan Anda), tetapi dalam kasus ini, jangan khawatir tentang perataan gambar. Jika Anda ingin salinan asli, jangan gabungkan layer Anda.

Pemberitahuan berikutnya menanyakan apakah Anda ingin membuang informasi warna. Anda harus melakukan ini untuk menggunakan opsi duotone default, jadi lanjutkan dan klik "Buang."

2. Ubah gambar menjadi duotone

Setelah mode gambar Anda dalam skala abu-abu 8 bit, Anda dapat menggunakan opsi duotone default di Photoshop. Pilih layer, lalu pergi ke Image > Mode > Duotone.

3. Pilih warna Anda

Setelah gambar dalam mode duotone, Anda dapat mulai memilih warna Anda. Bagian yang bagus adalah segera setelah Anda memilih warna baru, gambar akan diperbarui sehingga Anda dapat melihat tampilannya (selama kotak centang Pratinjau dicentang). Di luar itu, prosesnya mulai agak kikuk. Anda secara teknis dapat menyesuaikan kurva untuk setiap warna, tetapi gambar tidak diperbarui secara real-time, sehingga agak sulit untuk melihat apa yang terjadi dan menghasilkan banyak bolak-balik. Mainkan dengan warna dan pengaturan sampai Anda menemukan efek yang diinginkan.

Saya sarankan bermain-main dengan pengaturan ini selama satu menit, hanya untuk merasakannya, tetapi setelah Anda siap, mari beralih ke metode kedua untuk membuat duotone di Photoshop.

Cara menggunakan Gradient Map untuk membuat duotone

1. Terapkan Peta Gradien

Untuk metode ini, Anda tidak perlu khawatir mengubah gambar atau memilih mode warna tertentu. Tentu saja, jika Anda ingin mengedit apa pun, silakan, tetapi fotonya akan berfungsi dengan baik apa adanya. Saat Anda siap, pilih salinan gambar Anda dan pergi ke Image > Adjustments > Gradient Map.

Bergantung pada pengaturan default Anda, pengaturan ini akan melapisi gambar dengan gradien untuk pemetaan skala abu-abu. Jika defaultnya bukan hitam putih, klik dropdown dan pilih opsi itu. Jika Anda mengikuti metode pertama, Anda akan melihat bahwa kita sudah setengah jalan untuk membuat duotone kita.

Pro-tip: Lihat kotak centang di sebelah Reverse? Dengan mengklik itu, Anda akan membalikkan warna di foto. Untuk tutorial ini, kami akan membiarkannya tidak dicentang, tetapi jika kami ingin latar belakang lebih gelap daripada subjek, opsi itu dapat membantu Anda mengubah keadaan.

2. Pilih warna Anda

Dengan mengklik pada bilah gradien, Anda akan membuka Editor Gradien di jendela baru. Di sini Anda dapat memilih warna Anda dan menyesuaikan tampilannya di atas gambar.

Seperti yang Anda lihat, gambar akhir terlihat agak berbeda satu sama lain, tetapi keduanya menghasilkan duotone yang indah. Saya lebih suka menggunakan Gradient Map hanya karena sedikit lebih mudah untuk mengontrol intensitas warna dan ke mana nada gelap dan terang pergi, tetapi kedua metode tersebut mudah digunakan.

Bergabunglah dengan kursus Tren Desain Web 2019 kami untuk aksi Photoshop duotone gratis!

Jika Anda mencari sumber daya yang cepat dan mudah untuk mencoba tren ini, Anda bisa mendapatkan file dalam tutorial ini, termasuk tindakan dengan opsi peta gradien yang sudah dibuat sebelumnya! Daftar dengan formulir di bawah ini untuk mengunduh file, atau klik di sini untuk detail lebih lanjut tentang kursus.

[optin-monster-shortcode id=”dktout15rz4zcbcifnsl”]

Terima kasih telah bergabung dengan kursus Tren Desain kami!

Pertama, unduh aksi Photoshop di sini.

Cara menggunakan Duotoner

Instal aksinya

Setelah Anda mengunduh aksinya, klik dua kali file tersebut untuk menginstalnya. Buka gambar yang ingin Anda gunakan di Photoshop, lalu buka jendela Actions.

Untuk menavigasi ke jendela Tindakan , pilih Jendela > Tindakan atau tahan Shift + F9 .

Setelah Anda membuka jendela Actions, pilih layer gambar yang ingin Anda terapkan efek duotonenya.

Pilih dan mainkan aksinya

Klik drop-down pada folder “Flywheel – Glitch-a-tron”. Sekarang, pilih "Glitch-a-tron - Pilih dan tekan play" dan tekan tombol putar segitiga di bagian bawah jendela.

Setelah Anda menekan tombol play, Anda akan melihat sejumlah besar lapisan, masing-masing dengan skema warna duotone yang berbeda! Untuk beralih, yang harus Anda lakukan adalah membuat layer yang Anda inginkan terlihat.

Catatan: Jika Anda memiliki lebih dari satu lapisan duotone yang terlihat, warnanya akan menyatu dan Anda mungkin mulai kehilangan beberapa detail foto Anda. Agar semuanya tetap segar, pastikan Anda hanya memiliki satu lapisan yang terlihat pada satu waktu (atau jangan ragu untuk bereksperimen dengan melapisi duotone untuk efek yang sama sekali berbeda!).

Bonus: Atur ulang gambar Anda dalam sekejap

Untuk berjaga-jaga jika Anda ingin mundur, tindakan tersebut secara otomatis membuat tangkapan layar yang memungkinkan Anda untuk kembali ke gambar Anda sebelum tindakan diterapkan.

Arahkan ke jendela History dengan memilih Window > History . Gulir ke atas ke atas, dan klik "Snapshot." Ini mengatur ulang semuanya sehingga Anda siap melakukannya!

Apa pendapat Anda tentang duotone? Menurut Anda apakah itu tren desain yang kuat, atau Anda lebih suka gambar penuh warna? Bagikan pemikiran Anda di bawah ini!

Unduh file Photoshop gratis ini

Download template gratis di bawah ini!

Tidak yakin apa yang harus dibaca selanjutnya? Lihat daftar ini:

• 13 tren desain web untuk tahun 2020
• Cara mengoptimalkan gambar untuk web: Panduan langkah demi langkah untuk kinerja situs yang lebih baik
• Cara menggunakan teknik clipping dan masking CSS dan SVG
• Bagaimana cara menambahkan tombol back-to-top yang lengket ke situs web Anda