Cara Membuat Gradient di Photoshop (Gradient Pelangi)

Cara Membuat Gradient di Photoshop – Dalam tutorial ini, kita akan mempelajari cara membuat gradient warna pelangi di Photoshop dan menyimpannya sebagai preset kustom. Anda juga akan mempelajari cara tercepat untuk mewarnai gambar dengan warna pelangi  dan cara menambahkan gradient pelangi ke dalam teks.

Kita akan menggunakan panel Gradient pada Photoshop CC 2020. Jadi untuk hasil terbaik, pastikan gunakan Adobe Photoshop Anda terbaru.

Membuat Grup Gradient Baru

Sebelum kita mempelajari cara membuat gradient pelangi, terlebih dahulu kita buat gradient group baru untuk menyimpan semua gradient kustom dan memisahkannya dari gradient default Photoshop.

Langkah 1: Buka panel Gradient

Mulailah dengan membuka panel Gradient di grup panel yang sama dengan panel Color, Swatches and Patterns. Perhatikan bahwa semua gradient default Photoshop dibagi menjadi beberapa kelompok, seperti Basics, Blues, Purples, dan seterusnya. Dan setiap grup diwakili oleh folder:

1. Cara Membuat Gradient di Photoshop

Langkah 2: Buka menu panel Gradient

Daripada menempatkan gradient pelangi ke grup default, kita akan membuat grup kustom kami sendiri. Klik menu icon panel Gradient di kanan atas:

2. Cara Membuat Gradient di Photoshop

Langkah 3: Pilih “New Gradient Group”

Kemudian pilih New Gradient Group dari menu:

3. Cara Membuat Gradient di Photoshop

Langkah 4: Beri nama grup “My Gradients”

Beri nama grup “My Gradients”, atau terserah Anda, dan klik OK:

4. Cara Membuat Gradient di Photoshop

Kemudian kembali ke panel Gradient, scroll ke bawah melewati grup default. Grup baru akan muncul di bagian bawah:

5. Cara Membuat Gradient di Photoshop

Cara Membuat Gradient di Photoshop (Gradient Pelangi)

Sekarang mari kita belajar cara membuat gradient pelangi. Seperti yang akan kita lihat, ini hanyalah masalah memilih gradien yang ada dan kemudian mengedit warnanya.

Langkah 1: Pilih Gradient Tool

Mulailah dengan memilih Gradient Tool di toolbar:

6. Cara Membuat Gradient di Photoshop

Langkah 2: Buka Editor Gradient

Kemudian pada Options Bar, klik pada gradien swatch untuk membuka Gradient Editor Photoshop.

Pastikan Anda mengklik contoh warna itu sendiri, bukan panah kecil di sebelah kanan contoh:

7. Cara Membuat Gradient di Photoshop

Langkah 3: Pilih gradient “Hitam, Putih”

Di bagian Presets dari Gradient Editor, putar folder Basics dan pilih gradien Hitam, Putih dengan mengklik thumbnail-nya. Ini adalah gradien yang akan kita gunakan:

8. Cara Membuat Gradient di Photoshop

Langkah 4: Ubah warna hitam menjadi merah

Lalu turun ke preview bar gradient di bagian bawah Gradient Editor. Klik pada black color stop di bawah sisi kiri bilah preview untuk memilihnya, lalu klik pada color swatch untuk mengubah warna:

9. Cara Membuat Gradient di Photoshop

Di Color Picker, pilih merah dengan mengatur nilai R (Red) ke 255, dan biarkan nilai G (Green) dan B (Blue) pada 0. Kemudian klik OK untuk menutup Color Picker:

10. Cara Membuat Gradient di Photoshop

Langkah 5: Atur lokasi merah menjadi 0%

Kembali ke Gradient Editor, pastikan nilai Location untuk warna merah diatur ke 0%. Dan sekarang kita memiliki warna pertama pelangi kita:

11. Cara Membuat Gradient di Photoshop

Langkah 6: Tambahkan new color stop dan pilih kuning

Selanjutnya, tambahkan perhentian warna baru ke gradien dengan mengklik area kosong di sebelah kanan perhentian warna merah.

Jangan khawatir tentang di mana tepatnya Anda mengklik. Kita akan mengatur lokasi untuk color stop sebentar lagi:

12. Cara Membuat Gradient di Photoshop

Kemudian klik pada swatch warna untuk mengubah warna:

13. Cara Membuat Gradient di Photoshop

Di Color Picker, pilih kuning dengan membiarkan nilai R pada 255 dan mengubah nilai G menjadi 255. Biarkan nilai B pada 0 dan klik OK:

14. Cara Membuat Gradient di Photoshop

Langkah 7: Atur location kuning menjadi 20%

Dan kemudian kembali ke Gradient Editor, atur Location kuning menjadi 20% . 

15. Cara Membuat Gradient di Photoshop

Langkah 8: Tambahkan perhentian warna lain dan pilih hijau

Selanjutnya kita akan menambahkan hijau. Klik di sebelah kanan perhentian warna kuning untuk menambahkan warna baru:

16. Cara Membuat Gradient di Photoshop

Kemudian klik pada color swatch:

17. Cara Membuat Gradient di Photoshop

Dan di Color Picker, pilih hijau dengan mengatur R ke 0, dan biarkan G di 255 dan B di 0 . Kemudian klik Oke:

18. Cara Membuat Gradient di Photoshop

Langkah 9: Atur location hijau menjadi 40%

Atur Location hijau menjadi 40%:

19. Cara Membuat Gradient di Photoshop

Langkah 10: Tambahkan warna lain dan pilih cyan

Warna berikutnya yang kita butuhkan untuk gradient pelangi adalah cyan. Klik di sebelah kanan perhentian warna hijau untuk menambahkan warna baru:

20. Cara Membuat Gradient di Photoshop

Kemudian klik color swatch:

21. Cara Membuat Gradient di Photoshop

Dan di Color Picker, biarkan R di 0 dan G di 255 , tetapi ubah B menjadi 255:

22. Cara Membuat Gradient di Photoshop

Klik OK untuk menutup Color Picker, lalu atur cyan’s Location menjadi 60%:

23. Cara Membuat Gradient di Photoshop

Langkah 11: Tambahkan perhentian warna baru dan pilih biru

Kita akan membuat satu perhentian warna lagi untuk ditambahkan, kemudian edit perhentian warna putih. Klik di sebelah kanan perhentian cyan untuk menambahkan warna baru:

24. Cara Membuat Gradient di Photoshop

Kemudian klik pada color swatch:

25. Cara Membuat Gradient di Photoshop

Dan di Color Picker, pilih biru dengan meninggalkan R di 0, mengubah G menjadi 0 dan meninggalkan B di 255 :

26. Cara Membuat Gradient di Photoshop

Langkah 12: Atur location biru menjadi 80%

Klik OK untuk menutup Color Picker, lalu atur Location biru menjadi 80%:

27. Cara Membuat Gradient di Photoshop

Langkah 13: Ubah warna putih menjadi magenta

Warna terakhir yang kita butuhkan untuk gradient pelangi kita adalah magenta. Klik pada perhentian warna putih di bawah ujung kanan preview bar gradien, lalu klik pada color swatch:

28. Cara Membuat Gradient di Photoshop

Pada Color Picker, pilih magenta dengan mengubah R menjadi 255 dan membiarkan G pada 0 dan B pada 255 :

29. Cara Membuat Gradient di Photoshop

Langkah 14: Atur location magenta menjadi 100%

Dan terakhir, pastikan nilai Location untuk magenta berada pada 100%. Dan sekarang kita memiliki gradien pelangi:

30. Cara Membuat Gradient di Photoshop

Cara Menyimpan Gradient Pelangi Sebagai Preset

Sekarang kita telah membuat gradient pelangi, selanjutnya kita simpan sebagai preset gradient. Untuk bagian ini, kita memerlukan grup gradien khusus yang kita buat di tutorial  pertama.

Langkah 1: Pilih grup gradien khusus Anda

Masih di Gradient Editor, pilih grup kustom Anda dari area Presets:

31. Cara Membuat Gradient di Photoshop

Langkah 2: Beri nama gradien “Rainbow”

Ubah nama gradien dari “Custom” menjadi “Rainbow”:

32. Cara Membuat Gradient di Photoshop

Langkah 3: Klik “New”

Dan kemudian untuk menyimpan gradien sebagai preset, klik tombol New:

33. Cara Membuat Gradient di Photoshop

Kembali ke area Presets, gradien pelangi Anda muncul sebagai thumbnail di grup kustom, siap untuk dipilih kapan pun Anda membutuhkannya. Pada titik ini, Anda dapat mengklik OK untuk menutup Gradient Editor. Selanjutnya, kita akan menerapkan gradient pelangi ke gambar dan teks:

34. Cara Membuat Gradient di Photoshop

Cara Menerapkan Gradient Pelangi ke Gambar

Pada Photoshop CC 2020, cara termudah untuk menerapkan gradient pelangi ke gambar, bentuk, atau teks adalah dengan drag and drop dari panel Gradient. Berikut contohnya:

35. Cara Membuat Gradient di Photoshop

Langkah 1: Buka panel Gradients

Untuk mewarnai gambar dengan gradien pelangi, buka panel Gradients:

36. Cara Membuat Gradient di Photoshop

Langkah 2: Seret gradient pelangi ke gambar

Putar buka grup yang menahan gradien pelangi Anda dan pilih dengan mengklik thumbnail-nya:

37. Cara Membuat Gradient di Photoshop

Kemudian cukup seret gradien dari panel Gradients ke gambar:

38. Cara Membuat Gradient di Photoshop

Gradien akan memblokir sementara gambar dari pandangan.

39. Cara Membuat Gradient di Photoshop

Langkah 3: Ubah mode campuran layers pengisian Gradien

Di panel Layers, gradien muncul pada layer isian Gradiennya sendiri di atas gambar. Untuk memadukan warna pelangi ke dalam gambar, ubah blend mode layer fill menjadi Color, Overlay atau Soft Light. Setiap mode akan memberi Anda hasil yang berbeda, jadi pilih salah satu yang terlihat paling baik:

40. Cara Membuat Gradient di Photoshop

Langkah 4: Turunkan opacity layer

Jika warnanya terlalu intens, turunkan Opacity dari layer fill. Anda dapat menurunkan menjadi 40 persen:

41. Cara Membuat Gradient di Photoshop

Dan inilah hasil saya dengan gradient pelangi yang diatur ke Overlay blend mode pada opacity 40 persen:

42. Cara Membuat Gradient di Photoshop

Langkah 5: Ubah arah gradien

Untuk mengubah arah warna gradien, klik dua kali pada color swatch Gradient fill layer di panel Layers:

43. Cara Membuat Gradient di Photoshop

Ini akan membuka kotak dialog Gradient Fill di mana Anda dapat mengedit berbagai opsi. Untuk membalikkan warna gradien, pilih opsi Reverse. Atau masukkan nilai Angle baru untuk mengubah arah gradient. Misalnya, untuk menampilkan gradient dari kiri ke kanan, atur sudut ke 0°. Atau untuk gradient diagonal, coba 45°. Klik OK setelah selesai untuk menutup kotak dialog:

44. Cara Membuat Gradient di Photoshop

Cara Menambahkan Gradient Pelangi ke Teks

Sangat mudah untuk menerapkan gradien pelangi ke dalam teks. Tapi ada perbedaan dalam cara kita mengedit opsi gradient:

45. Cara Membuat Gradient di Photoshop

Langkah 1: Seret gradient pelangi ke teks

Klik dan seret gradient dari panel Gradients ke teks dalam dokumen Anda. Pastikan Anda meletakkannya langsung di salah satu huruf, bukan di background:

46. Cara Membuat Gradient di Photoshop

Secara default, hasil awal akan terlihat seperti ini, dengan gradient berjalan vertikal melalui huruf:

47. Cara Membuat Gradient di Photoshop

Langkah 2: Edit efek layers Gradient Overlay

Beberapa saat yang lalu, kita melihat bahwa Photoshop menerapkan gradien sebagai layers pengisi Gradien saat menjatuhkannya ke gambar. Tapi ketika kita menjatuhkan gradien ke teks, gradient diterapkan sebagai efek lapisan Gradient Overlay.

Untuk mengubah arah gradien, klik dua kali pada kata “Gradient Overlay” di bawah lapisan tipe di panel Layers:

48. Cara Membuat Gradient di Photoshop

Photoshop membuka kotak dialog Layer Style di mana kita menemukan opsi Reverse dan Angle yang sama. Untuk mengubah arah dari vertikal ke horizontal, atur Angle ke 0°:

49. Cara Membuat Gradient di Photoshop

Klik OK untuk menutup kotak dialog Layer Style. Sekarang gradient pelangi berada di teks dari kiri ke kanan:

50. Cara Membuat Gradient di Photoshop

Selesai!!! Itulah cara membuat gradient pelangi, cara menyimpan gradient sebagai preset, dan cara menambahkan warna pelangi pada gambar dan teks di Photoshop. Semoga Anda bisa menerapkannya di gambar dan teks pilihan Anda. Selamat mencoba!

TERKAIT: Cara Membuat Efek Salju di Photoshop

ARTIKEL TERBARU
ARTIKEL TERKAIT