Colorizing Foto Dengan Gradien Pada Photoshop

Ditulis Oleh Steve Patterson
In this Photoshop photo effects tutorial , we'll learn how to add complex colorizing effects to images using custom gradients ! Dalam foto ini efek Photoshop tutorial, kita akan belajar bagaimana menambahkan efek colorizing kompleks untuk gambar menggunakan gradien kustom! Specifically, we'll look at the Gradient Map image adjustment and how it allows us to apply different colors to different brightness levels in the image. Secara khusus, kita akan melihat gambar penyesuaian Peta Gradien dan bagaimana hal itu memungkinkan kita untuk menerapkan warna yang berbeda untuk tingkat kecerahan yang berbeda dalam gambar. We'll see how easy it is to create our own custom gradients in Photoshop so we can colorize our images with any colors we choose. Kita akan melihat bagaimana mudahnya untuk membuat gradien kita sendiri kustom di Photoshop sehingga kami dapat mewarnai gambar kita dengan warna yang kita pilih. As always, we'll be using the adjustment layer version of the Gradient Map so we avoid making any changes to the original photo, and so we can easily adjust the intensity of the effect when we're done! Seperti biasa, kita akan menggunakan versi penyesuaian lapisan Peta Gradient sehingga kita tidak membuat perubahan apapun pada foto asli, dan sehingga kita dapat dengan mudah menyesuaikan intensitas efek ketika kami sudah selesai!
Here's the image I'll be working with: Berikut gambar saya akan bekerja dengan:

The original image. Gambar asli.

Here's how it will look after colorizing it with a gradient and then reducing the intensity of the effect. Berikut adalah cara akan terlihat setelah colorizing dengan gradien dan kemudian mengurangi intensitas efek. This is just one of endless possibilities: Ini hanyalah salah satu dari kemungkinan tak terbatas:

The final result. Hasil akhir.

Not what you're looking for? Bukan apa yang Anda cari? Check out our other Photo Effects tutorials! Check out kami yang lain tutorial Efek Foto!

Need printable versions of our tutorials? Perlu versi cetak tutorial kita? Download them as high quality, print-ready PDFs! Download mereka sebagai berkualitas tinggi, siap-cetak PDF!

Let's get started! Mari kita mulai!

Step 1: Create A Custom Black And White Version Of The Image Langkah 1: Membuat Versi Hitam Dan Putih Custom Of Image

Before we start colorizing the image with a gradient, let's first remove the existing colors and create a custom black and white version. Sebelum kita mulai colorizing gambar dengan gradien, mari kita hapus terlebih dahulu warna yang ada dan membuat versi hitam dan putih kustom. This will help us fine-tune the results at the end. Hal ini akan membantu kami menyempurnakan hasil di akhir. If you're using Photoshop CS3 or higher (I'm using CS4 in this tutorial), the easiest way to create a great looking custom black and white version is with a Black & White adjustment layer, which is what I'll be adding in a moment. Jika Anda menggunakan Photoshop CS3 atau lebih tinggi (Saya menggunakan CS4 dalam tutorial ini), cara termudah untuk membuat sebuah custom mencari versi hitam dan putih besar adalah dengan Black & White penyesuaian lapisan, yang adalah apa yang saya akan menambahkan dalam sekejap. If you're using Photoshop CS2 or earlier, use either a Channel Mixer or Hue/Saturation adjustment layer to create your black and white version. Jika Anda menggunakan Photoshop CS2 atau sebelumnya, gunakan baik Mixer Channel atau Hue / Saturation layer penyesuaian untuk membuat hitam dan putih versi Anda. You'll find complete details on these and other ways of converting color images to black and white in our Photo Editing section. Anda akan menemukan rincian lengkap mengenai ini dan lain cara mengubah gambar warna menjadi hitam dan putih dalam kami Editing Foto bagian.
If we look in our Layers palette, we see that we currently have only one layer, the Background layer, which is the layer that contains our image. Jika kita lihat dalam palet Layers kita, kita melihat bahwa kami saat ini hanya memiliki satu lapisan, lapisan Latar Belakang, yang merupakan lapisan yang berisi gambar kami. To add a Black & White adjustment layer, click on the New Adjustment Layer icon at the bottom of the Layers palette and choose Black & White from the list of adjustment layers that appears: Untuk menambahkan Black & White penyesuaian lapisan, klik pada icon New Layer Penyesuaian di bagian bawah palet Layers dan pilih Black & White dari daftar lapisan penyesuaian yang muncul:

Click on the New Adjustment Layer icon and select Black & White from the list (Photoshop CS3 and higher). Klik pada ikon Penyesuaian New Layer dan pilih Black & White dari daftar (Photoshop CS3 dan lebih tinggi).

As soon as you select the Black & White adjustment layer, you'll see your image in the document window suddenly appear in black and white, based on the default settings for the adjustment. Segera setelah Anda memilih Black & White lapisan penyesuaian, Anda akan melihat gambar Anda di jendela dokumen tiba-tiba muncul dalam warna hitam dan putih, berdasarkan pengaturan default untuk penyesuaian. In Photoshop CS3, the controls for the Black and White adjustment layer will open in a dialog box on your screen. Pada Photoshop CS3, kontrol untuk Hitam dan Putih lapisan penyesuaian akan terbuka di kotak dialog pada layar Anda. In CS4, they'll appear inside the Adjustments Panel, which is new to CS4. Dalam CS4, mereka akan muncul di dalam Panel Penyesuaian, yang baru CS4. In either case, the way it works is the same. Dalam kedua kasus, cara kerjanya adalah sama. Simply drag any of the color sliders (Reds, Yellows, Greens, Cyans, Blues, and Magentas) left or right to brighten or darken areas in the image that originally contained that particular color. Cukup drag salah satu slider warna (Merah, Kuning, Hijau, Cyans, Blues, dan Magentas) kiri atau kanan untuk mencerahkan atau menggelapkan area di gambar yang awalnya berisi bahwa warna tertentu. Dragging a slider towards the left will darken areas of that color, while dragging to the right will lighten them. Menyeret sebuah slider ke arah kiri akan menggelapkan bidang warna itu, sambil menyeret ke kanan akan meringankan mereka.
For example, skin tone always contains lots of red, so to lighten someone's skin in the black and white version of the image, simply drag the Reds slider towards the right. Sebagai contoh, warna kulit selalu mengandung banyak merah, sehingga untuk meringankan kulit seseorang dalam versi hitam dan putih gambar, cukup tarik Reds slider ke arah kanan. Trees and other plants usually contain lots of yellow (even though they appear green to us), so to brighten or darken them, just drag the Yellows slider. Pepohonan dan tanaman lainnya biasanya mengandung banyak kuning (meskipun mereka tampak hijau kepada kami), sehingga untuk mencerahkan atau gelap mereka, hanya tarik slider kuning. Always keep an eye on your image in the document window as you drag the sliders to judge the results: Selalu mengawasi gambar Anda dalam jendela dokumen yang Anda tarik slider untuk menilai hasil:

Drag the color sliders left or right to darken or lighten different areas of the black and white version. Tarik slider warna kiri atau kanan untuk menggelapkan atau meringankan area yang berbeda dari versi hitam dan putih.

Once you're happy with the results, click OK to exit out of the dialog box if you're using Photoshop CS3. Setelah Anda puas dengan hasil, klik OK untuk keluar dari kotak dialog jika Anda menggunakan Photoshop CS3. In CS4, the Adjustments Panel can remain open. Dalam CS4, Panel Penyesuaian dapat tetap terbuka. Here's my image after converting it to black and white: Berikut adalah gambar saya setelah mengubahnya menjadi hitam dan putih:

A custom black and white version has been created. Sebuah versi hitam dan putih adat telah diciptakan.

If we look in our Layers palette again, we see that we now have two layers. Jika kita lihat dalam palet Layers kita lagi, kita melihat bahwa kita sekarang memiliki dua lapisan. The original image is still sitting on the Background layer, and directly above it is our adjustment layer. Gambar asli masih duduk pada lapisan latar belakang, dan langsung di atasnya adalah lapisan penyesuaian kita. The black and white conversion we just applied is contained entirely within the adjustment layer itself. Konversi hitam dan putih kita hanya diterapkan terkandung sepenuhnya di dalam lapisan penyesuaian sendiri. The original image below it remains in full color, untouched and unaffected by anything we just did, which is why we should always use adjustment layers whenever possible: Gambar asli di bawahnya tetap dalam warna penuh, tak tersentuh dan tidak terpengaruh oleh apa pun baru saja kita lakukan, itulah sebabnya mengapa kita harus selalu menggunakan penyesuaian lapisan sebisa mungkin:

With adjustment layers, the original image remains unharmed. Dengan lapisan penyesuaian, gambar asli tetap tidak terluka.

Step 2: Add A Gradient Map Adjustment Layer Langkah 2: Tambahkan sebuah Layer Peta Penyesuaian Gradient

Now that we have our black and white version, we can colorize the image with a gradient. Sekarang kita memiliki versi kita hitam dan putih, kita bisa mewarnai gambar dengan gradien. For that, we'll use another adjustment layer, this time a Gradient Map. Untuk itu, kita akan menggunakan penyesuaian lapisan lain, kali ini Peta Gradient. Click again on the New Adjustment Layer icon at the bottom of the Layers palette and choose Gradient Map from the list: Klik lagi pada icon New Layer Penyesuaian di bagian bawah palet Layers dan pilih Gradient Map dari daftar:

Click again on the New Adjustment Layer icon and this time, choose Gradient Map. Klik lagi pada icon New Layer Penyesuaian dan kali ini, pilih Gradient Map.

As with the previous adjustment layer, if you're using Photoshop CS3 (or earlier), the controls for the Gradient Map will open in a dialog box on your screen. Seperti dengan penyesuaian lapisan sebelumnya, jika Anda menggunakan Photoshop CS3 (atau sebelumnya), kontrol untuk Peta Gradient akan terbuka di kotak dialog pada layar Anda. In CS4, they appear in the Adjustments Panel. Dalam CS4, mereka muncul di Panel Penyesuaian.

Step 3: Create A Custom Gradient Langkah 3: Membuat Gradient Custom

By default, Photoshop uses a gradient based on your current Foreground and Background colors, which, unless you've changed them, will be black (Foreground) and white (Background), which gives us a black to white gradient. Secara default, Photoshop menggunakan gradien berdasarkan latar depan Anda saat ini dan warna latar belakang, yang, kecuali jika Anda telah mengubah mereka, akan menjadi hitam (foreground) dan putih (Latar Belakang), yang memberi kami sebuah gradien putih hitam. We can see what the current gradient looks like in the gradient preview area : Kita bisa melihat apa yang gradien saat ini tampak seperti di daerah pratinjau gradien:

The preview area shows us the current colors in the gradient. Daerah pratinjau menunjukkan warna saat ini dalam gradien.

Since we want to colorize our image, a black to white gradient won't do us much good, so let's change the colors and create our own custom gradient! Karena kita ingin mewarnai gambar kami, gradien hitam ke putih tidak akan melakukan kita banyak yang baik, jadi mari kita mengubah warna dan membuat gradien kustom kami! Click directly on the gradient preview area, which opens up the larger Gradient Editor . Klik langsung pada area pratinjau gradien, yang membuka Gradient Editor yang lebih besar. At the top of the Gradient Editor is a series of thumbnails, each one representing a different pre-made gradient (known as a gradient preset ) that we can choose simply by clicking on its thumbnail. Di bagian atas Editor Gradient adalah serangkaian thumbnail, masing-masing mewakili satu gradien pra-dibuat berbeda (dikenal sebagai gradien preset) bahwa kita bisa memilih hanya dengan mengklik thumbnail. We're not going to do that though (so don't click on any of them) because we're going to see how easy it is to create a custom gradient. Kami tidak akan melakukan itu walaupun (jadi jangan klik pada salah satu dari mereka) karena kita akan melihat bagaimana mudahnya untuk membuat gradien kustom.

The Presets area at the top of the Gradient Editor contains a selection of ready-made gradients. Daerah Presets di bagian atas Gradient Editor berisi pilihan gradien siap pakai.

It wouldn't be called the Gradient Editor if all we could do was choose from pre-made gradients, and in fact, it's very easy to create our own using any colors we want. Itu tidak akan disebut Gradient Editor jika semua bisa kami lakukan adalah memilih dari gradien pra-dibuat, dan pada kenyataannya, itu sangat mudah untuk membuat sendiri kita menggunakan warna yang kita inginkan. In the bottom half of the dialog box is a larger version of the gradient preview area we saw a moment ago. Di bagian bawah kotak dialog adalah versi yang lebih besar dari daerah pratinjau gradien kami melihat beberapa saat yang lalu. Directly below the preview area on either end is a color stop which shows the current color that's being used in that part of the gradient. Langsung di bawah area pratinjau di kedua ujung adalah berhenti warna yang menunjukkan warna saat ini yang sedang digunakan di bagian gradien. The color stop on the left is filled with black, while the one on the right is filled with white. Perhentian warna di sebelah kiri diisi dengan hitam, sedangkan satu di sebelah kanan diisi dengan putih. To change either color, simply click on the color stop, then click on the rectangular color swatch to the right of the word Color at the bottom of the dialog box. Untuk mengubah warna baik, cukup klik pada berhenti warna, kemudian klik pada contoh warna persegi panjang di sebelah kanan Warna kata pada bagian bawah kotak dialog.
Let's change the black on the left of the gradient to something else. Mari kita mengubah hitam di kiri gradien untuk sesuatu yang lain. Click on the black color stop to select it, then click on the color swatch: Klik pada warna hitam berhenti untuk memilihnya, lalu klik pada contoh warna:

Click on the black color stop to select it, then click on the color swatch to change its color. Klik pada warna hitam berhenti untuk memilihnya, lalu klik pada contoh warna untuk mengubah warna.

This opens Photoshop's Color Picker . Hal ini akan membuka Photoshop Color Picker. For best results, you'll usually want to create gradients that progress from darker colors to lighter colors, so I'll choose a dark purple from the Color Picker, which will replace black in the gradient: Untuk hasil terbaik, Anda biasanya akan ingin membuat gradien bahwa kemajuan dari warna gelap ke warna terang, jadi saya akan memilih ungu gelap dari Color Picker, yang akan menggantikan hitam di gradien:

Replacing black in the gradient with a dark purple. Mengganti hitam di gradien dengan ungu gelap.

Click OK when you're done to exit out of the Color Picker. Klik OK setelah Anda selesai untuk keluar dari Color Picker. If we look at my image in the document window, we see that by replacing black in the gradient with purple, all of the dark areas in the photo now appear purple rather than black: Jika kita melihat gambar saya di jendela dokumen, kita melihat bahwa dengan mengganti kulit hitam di gradien dengan ungu, semua daerah gelap dalam foto sekarang tampak ungu bukan hitam:

The dark areas in the image now appear purple. Area gelap pada gambar sekarang muncul ungu.

Let's do the same thing for the white color stop below the far right of the gradient preview area. Mari kita melakukan hal yang sama untuk berhenti warna putih di bawah ujung kanan area pratinjau gradien. Click on the color stop to select it, then click on the color swatch to change its color: Klik pada berhenti warna untuk memilihnya, lalu klik pada contoh warna untuk mengubah warna:

Changing the white color on the far right of the gradient. Mengganti warna putih di paling kanan gradien.

When the Color Picker appears, I'll choose a bright yellow to replace white: Ketika Color Picker muncul, aku akan memilih kuning cerah untuk mengganti putih:

Replacing white in the gradient with a bright yellow. Mengganti putih dalam gradien dengan kuning cerah.

Click OK to exit out of the Color Picker, and we can see that the areas in the image that were originally white (or a light shade of gray) now appear yellow: Klik OK untuk keluar dari Color Picker, dan kita bisa melihat bahwa area pada gambar yang awalnya putih (atau terang warna abu-abu) sekarang tampak kuning:

The dark areas are still purple, and now the light areas appear yellow. Daerah gelap masih ungu, dan sekarang muncul bidang kuning.

We'll look at how to add more colors to our gradient next! Kita akan melihat bagaimana menambahkan lebih banyak warna untuk gradien berikutnya!