Bagaimana Menggunakan Gradient Editor Di Photoshop

Dalam tutorial sebelumnya, kita belajar bagaimana menggambar gradien di Photoshop menggunakan Gradient Tool.Seiring dengan bagaimana sebenarnya menggambar gradien, kita belajar bagaimana menggunakan Gradient Picker untuk memilih dari berbagai gradien yang telah ditetapkan Photoshop. Namun tidak peduli berapa banyak gradien Adobe Photoshop termasuk dengan, sering kali lebih berguna (dan selalu lebih menyenangkan) untuk Anda buat sendiri!

Dalam tutorial ini, kita akan belajar bagaimana membuat, mengedit dan menyimpan gradien kustom kita sendiri menggunakan Gradient Editor Photoshop. Seperti yang akan kita lihat, Gradient Editor memungkinkan kita memilih dari salah gradien yang telah ditetapkan Photoshop, seperti lebih kecil Gradient Picker, tetapi juga memungkinkan kita mengedit gradien dengan memilih warna yang berbeda, menambahkan lebih banyak warna, menata ulang warna, dan menghapus warna ! Kita dapat menambahkan transparansi untuk gradien, dan bahkan mengatur bagaimana warna transisi dari satu ke yang lain! Dan, kita dapat menyimpan gradien kita sebagai preset kustom sehingga kita dapat memilih lagi cepat setiap kali kita membutuhkannya!

Penulis menutupi dasar-dasar menggambar gradien di tutorial sebelumnya, jadi di sini, kita akan fokus terutama pada Gradient Editor itu sendiri. Jika Anda belum terbiasa dengan Photoshop Gradient Tool atau cara menggambar gradien, penulis sangat menyarankan membaca Bagaimana Menggambar Gradien tutorial penulis sebelum Anda melanjutkan. Penulis menggunakan Photoshop CC tetapi segala sesuatu yang penulis kerjakan, akan berlaku juga untuk Photoshop CS6. Mari kita mulai!

Membuat Sebuah Dokumen Baru

Mari kita mulai dengan membuat dokumen baru. Untuk melakukan itu, penulis akan memilih menu File di Menu Bar di bagian atas layar dan pilih New

Akan terbuka kotak dialog New. Karena kita akan berfokus terutama pada Gradient Editor itu sendiri, penulis benar-benar tidak peduli ukuran yang akan kita pilih untuk dokumen penulis, tetapi jika Anda bekerja bersama dengan penulis,mari kita membuat dokumen ukuran yang sama seperti terakhir kali, pengaturan Lebar (Width) 1200 px dan Tinggi (Height) 800 px.
Penulis akan meninggalkan Resolusi ditetapkan untuk yang standar 72 pixel / inch, dan penulis akan pastikan Isi Latar Belakang diatur ke White, klik OK untuk menutup kotak dialog New, di mana titik dokumen putih yang dipenuhi akanmuncul di layar

Memilih Gradient Tool

Dengan membuka dokumen baru, penulis akan pilih Gradient Tool dari Tools Panel

Membuka Gradient Editor

Seperti yang kita pelajari di tutorial sebelumnya, setelah kita telah memilih Gradient Tool, ada dua langkah yang berbeda untuk memilih gradien. Kita bisa memilih salah satu dari gradien yang telah ditetapkan Photoshop siap pakaidari Gradient Picker, atau kita dapat membuat dan mengedit gradien kita sendiri menggunakan Gradient Editor. Untuk membuka Gradient Editor, klik langsung pada preview gradien bar di Bar Pilihan. Jika Anda mengklik panah kecil di sebelah kanan bar pratinjau, Anda akan membuka Gradient Picker yang kita bahas sebelumnya. Kali ini, kita ingin menggunakan Gradient Editor, jadi pastikan Anda klik preview bar itu sendiri

Akan terbuka Gradient Editor. Ini mungkin terlihat sedikit menakutkan seperti yang pertama kali, tapi seperti kita lihat,itu sebenarnya sangat mudah digunakan

Presets Area

Menggunakan Gradient Editor adalah proses dua langkah. Kita tidak benar-benar membuat gradien dari awal.Sebaliknya, pertama kita memilih gradien yang telah ditetapkan sebagai titik awal. Kemudian, kita edit warna presetgradien untuk membuat gradien kustom kita sendiri.

Gradient Editor sendiri terbagi menjadi dua bagian utama, ada daerah Presets di bagian atas dan bagian editing di bawahnya. Presets daerah bekerja dengan langkah yang sama dengan Gradient Picker, menunjukkan kepada kitathumbnail dari semua gradien yang telah ditetapkan yang dapat kita pilih. Untuk memilih gradien, klik pada thumbnail.Nama gradien Anda klik muncul di bawah thumbnail

Awalnya, kita hanya diberikan sejumlah gradien preset, namun Photoshop meliputi set gradien lain yang dapat kita masukkan ke Gradient Editor, seperti Gradient Picker.

Untuk melihat daftar set tambahan, klik ikon gear kecil

Anda akan menemukan set gradien lainnya yang tercantum di bawah setengah dari menu yang muncul. Setiap setdidasarkan pada tema tertentu, seperti warna Harmonies, Logam, pastel, dan sebagainya. Untuk memilih salah satu,klik pada nama dalam daftar. Penulis akan pilih Color Harmonies 1

Photoshop akan menanyakan apakah Anda ingin mengganti gradien saat ini dengan set baru. Jika Anda klik Append,bukan mengganti gradien saat ini, itu akan menambah yang baru di bawah yang saat ini. Penulis ingin menjaga hal-halterbebas dari kekacauan, dan karena itu mudah untuk mengembalikan gradien asli (seperti yang akan kita lihat sebentar lagi), penulis akan klik OK untuk menggantikan jenis gradiennya

Dan sekarang kita melihat bahwa gradien asli telah diganti dengan set baru

Untuk mengembalikan gradien default asli, klik sekali lagi pada ikon gear

Kemudian pilih Reset Gradients dari menu

Photoshop akan menanyakan apakah Anda ingin mengganti gradien saat ini dengan default. Klik OK

Dan sekarang, kita kembali ke melihat gradien asli sekali lagi

Editing Area

Jika seluruh titik Gradient Editor adalah untuk menciptakan gradien kustom kita sendiri, mengapa hal itu memberi kita akses ke banyak preset ketika kita sudah dapat memilih preset dari Gradient Picker? Yah, seperti yang penulis sebutkan sebelumnya, kita tidak benar-benar menciptakan gradien dari awal di Photoshop. Sebaliknya, kita mulai dengan salah satu gradien preset dan kemudian kita edit warnanya.

Alasan Gradient Editor memberi kita akses ke semua gradien yang telah ditetapkan Photoshop agar kita dapat memilih preset yang sudah sangat mirip dengan gradien yang ingin kita buat. Dengan begitu, kita akan memiliki lebih sedikit pekerjaan yang harus dilakukan. Sebagai contoh, jika kita perlu membuat gradien yang transisi antara tiga warna, kita bisa mulai dengan memilih preset yang sudah berisi tiga warna. Mereka mungkin tidak menjadi warna yang kita butuhkan, tapi setidaknya itu sudah memiliki tiga dari mereka.

Demikian juga, jika kita sedang menciptakan gradien yang transisi dari warna solid ke dalam transparansi, kita bisa menyelamatkan sedikit waktu kita dengan memulai preset yang sudah transisi ke transparansi. Atau jika gradien akan digunakan, katakanlah, warna-warna pastel, mungkin lebih mudah untuk memasukkan Pastel gradien, mengatur dan memilih preset yang sudah menggunakan warna yang sama dengan yang kita butuhkan.

Setidaknya, itulah ide. Yang benar adalah, itu sangat mudah untuk membuat jenis gradien yang Anda butuhkan dengan Gradient Editor yang akan sering Anda temukan mulai dengan gradien yang paling dasar dari mereka semua hitam, gradien Putih (yang termasuk sebagai salah satu default ). Aku akan memilihnya dengan mengklik thumbnail (ketiga satu dari kiri, baris atas)

Alat dan pilihan untuk mengedit gradien semua ditemukan di bagian bawah Gradient Editor. Setelah Anda memilihgradien preset, yang muncul dalam gradien bar besar yang berfungsi sebagai area kerja Anda. Di sinilah kitamembangun gradien kita. Dalam hal ini, karena penulis memilih Black, White gradien, kita dapat melihat bar transisidari hitam di sebelah kiri untuk putih di sebelah kanan

Gradient Type

Jika bukan gradien halus, Anda dapat melihat apa yang tampak seperti sekelompok acak garis berwarna di bar gradien,pastikan opsi Jenis Gradient atas bar diatur ke Padat (Solid) dan bukan noise (kebisingan). Kita akan melihat gradiennoise dalam tutorial lain karena tidak hanya terlihat berbeda, tetapi langkah-langkah untuk membuat mereka juga berbeda. Secara umum, setiap kali Anda ingin membuat gradien standar yang transisi lancar dari satu warna solid ke depan, Type opsi Gradient akan Anda atur ke Padat (Solid)

Mengganti Warna Gradient

Jika Anda lihat di bawah bar gradien, Anda akan melihat color stops (sedikit swatch warna persegi dengan panahmenunjuk ke atas di gradien di atas mereka). Ada satu untuk setiap warna utama dalam gradien. Karena saya memilihBlack, White gradien, ada dua color stops satu diisi dengan hitam di sebelah kiri dan lain diisi dengan putih di sebelah kanan. Color stops ini memberitahu kita bahwa dua hal yang pentingwarna untuk digunakan dalam gradien dan di mana untuk menempatkan mereka

Untuk mengubah warna yang ada, pertama klik pada color stops untuk memilihnya. Kemudian, klik pada swatch warnadi bagian Stops di bagian bawah Gradient Editor untuk memilih warna yang berbeda. Sebagai contoh, katakanlah penulis ingin mengubah warna gradien hitam menjadi merah. Untuk melakukan itu, penulis akan klik pada stops warnahitam

Dengan stops yang dipilih, penulis akan klik pada warna swatch

Hal ini akan membuka Photoshop Color Picker. Penulis akan memilih warna merah gelap untuk warna baru, klik OKuntuk keluar dari Color Picker

Sama seperti itu, gradien hitam putih sekarang menjadi gradien merah putih

Penulis akan melakukan hal yang sama dengan warna lain, mengubahnya dari putih ke kuning. Tapi kali ini, penulisakan menggunakan langkah yang lebih cepat untuk mengubah warna. Daripada mengklik stops untuk memilihnya dan kemudian mengklik warna swatch, yang perlu Anda lakukan hanya klik dua kali pada stops

Double-klik di atasnya akan langsung menampilkan Color Picker. Penulis akan memilih warna kuning, klik OK untuk keluar

Setelah hanya dengan beberapa klik, gradien hitam putih sekarang menjadi gradien kustom merah kuning

Menyesuaikan Midpoint

Jika Anda melihat secara langsung antara dua color stops, Anda akan melihat ikon berbentuk berlian (diamond) kecil. Ini adalah ikon titik tengah. Ini merupakan titik tengah dari transisi antara warna pada kedua sisi itu (tempat di mana duawarna dicampur merata). Jika Anda tidak melihat ikon titik tengah, klik pada salah satu color stops dan akan muncul

Kita dapat mengubah lokasi titik tengah dengan menyeret ikon lebih dekat dengan satu warna atau lainnya. Sebagai contoh, penulis akan tarik ke arah kiri sehingga lebih dekat dengan stops merah. Perhatikan efek itu di gradien. Dengantitik tengah sekarang lebih dekat ke merah, penulis sudah menyingkat daerah transisi antara merah dan titik tengah,dan memperpanjang transisi antara titik tengah dan kuning

Location Option

Seperti yang kita tarik ikon titik tengah, pilihan Lokasi dibagian bawah gradien menunjukkan kepada kita tempat yang tepat, dalam persen, di mana titik tengah terletak di antara dua warna. Lokasi default adalah 50% (persis di tengah antara mereka), tapi setelah menyeret titik tengah ke kiri, nilai Lokasi sekarang menunjukkan titik tengah di 25%.Dengan kata lain, sekarang hanya membutuhkan seperempat dari total jarak antara warna untuk gradien untuk transisi dari warna di sebelah kiri untuk titik tengah, dan tiga perempat dari jarak untuk transisi dari titik tengah ke warna di sebelah kanan

Kita sudah melihat bahwa kita dapat mengubah lokasi titik tengah dengan menarik ikonnya, tapi kita juga bisa mengubahnya dengan memasukkan nilai tertentu ke dalam bidang Lokasi. Jika penulis ingin pindah titik tengah darititik seperempat tadi, katakanlah, tanda tiga perempat, penulis dapat melakukannya dengan mengubah Lokasi nilai dari 25% menjadi 75%

Dan sekarang, kita melihat bahwa ikon titik tengah melonjak ke 75%, merentangkan jarak antara merah dan titik tengahsementara menyusut jarak antara titik tengah dan kuning

Penulis akan mengatur ulang titik tengah kembali ke tempat default dengan menetapkan nilai Lokasi menjadi 50%

Menambah Warna Ke Gradient

Untuk menambah warna ke gradien, semua yang perlu kita lakukan adalah klik langsung di bawah gradien di tempat di mana warna baru akan muncul. Photoshop akan menambahkan warna baru di lokasi itu. Misalnya, untuk menambahkansetengah warna ketiga antara dua warna, penulis akan klik pada tempat itu di bawah gradien (catatan bahwa penulismengklik di bawah ikon titik tengah, tidak secara langsung di atasnya)

Hal ini akan menambah stops baru di lokasi itu. Untuk mengubah warna, klik ganda pada stops

Kemudian pilih warna yang berbeda dari Color Picker. Penulis akan memilih warna biru

Klik OK untuk menutup Color Picker, dan sekarang gradien dua warna telah menjadi gradien tiga warna. Tidak buruk mengingat itu dimulai awalnya sebagai gradien hitam putih

Moving Colors Along Gradient

Kita tidak hanya dapat menambahkan warna untuk gradien, tapi kita juga dapat memindahkan mereka dan bahkanmengubah urutan di mana mereka muncul. Ada beberapa langkah untuk memindahkan mereka. Salah satunya adalahdengan klik pada stops warna dan tarik ke kiri atau kanan. Di sini, penulis sudah mengklik stops biru di tengah danmenyeretnya lebih dekat ke halte kuning. Sama seperti ketika kita menggerakan ikon titik tengah, update Lokasi nilaiseperti yang kita tarik pada stops warna untuk menunjukkan lokasi yang tepat dalam persen

Cara lain untuk memindahkan warna adalah dengan mengklik stops untuk memilihnya, kemudian masukkan nilailangsung ke bidang Lokasi. Penulis akan klik pada stops kuning untuk memilihnya. Perhatikan bahwa lokasi saat ini di100%

Aku akan mengubah nilai lokasi menjadi 50%, yang langsung memindahkan halte kuning ke tengah gradien

Penulis kemudian akan klik pada stops biru sekali lagi untuk memilihnya

Penulis akan tarik langsung ke kanan ke tempat stops kuning awalnya, efektif menukar dua warna

Removing A Color

Untuk menghapus warna dari gradien, klik pada color stops untuk memilihnya, kemudian tarik ke bawah dan menjauh dari gradien sampai stops menghilang. Penulis akan menghapus warna biru dengan mengklik stops untuk memilihnya

Penulis akan tarik ke bawah dan menjauh dari gradien, dan di sini kita melihat bahwa warna biru sekarang hilang, yang tertinggal hanya warna merah dan kuning saja. Photoshop memberikan kita satu tingkat dari undo saat mengeditgradien, jadi jika Anda salah menghapus warna, cukup tekan Ctrl + Z (Win) / Command + Z (Mac) pada keyboard Anda untuk membatalkan langkah terakhir Anda dan mengembalikan warna

Copying An Existing Color

Langkah lain untuk menambahkan warna gradien adalah untuk membuat salinan warna yang ada. Untuk melakukan itu, tekan dan tahan Alt (Win) / Option (Mac) pada keyboard Anda saat Anda mengklik stops warna dan tarik ke kiri atau kanan. Daripada menggerakan halte asli, Anda akan membuat salinan stops yang kemudian dapat diposisikan di mana saja yang Anda inginkan.

Katakanlah apa yang penulis inginkan adalah gradien yang berlangsung dari merah ke kuning dan kemudian kembali kemerah. Penulis sudah memiliki merah di sebelah kiri. Daripada menambahkan stops warna lain dan secara manualmemilih yang warna yang sama dari merah dari Color Picker, penulis dapat menekan dan menahan saya Alt (Win) /Option (Mac) kunci, kemudian klik pada stops merah dan tarik jauh dari itu ke arah tepat, menciptakan salinan identik

Kemudian penulis akan menyeret warna yang di copy ke ujung kanan, yang membuat hasil gradien merah kuning merah

Adding Transparency

Jika Anda melihat langsung di atas bar gradien, Anda akan melihat apa yang tampak seperti stops warna tambahan. Ini sebenarnya stops transparansi. Mereka memungkinkan kita untuk mengatur transparansi bagian yang berbeda darigradien. Di sini, kita melihat satu stops transparansi di kedua ujung

Beberapa Gradien yang telah ditetapkan telah berisi transparansi sementara yang lainnya tidak, tetapi kita dapat dengan mudah menambahkannya dimana pun kita membutuhkannya. Sebagai contoh, jika penulis ingin gradien transisi dariwarna solid di sebelah kiri untuk menjadi 100% transparan di sebelah kanan, penulis dapat melakukannya denganmengklik pada stops transparansi atas sisi kanan gradien. Hal ini memungkinkan opsi transparansi di bagian Stopsbawah gradien. Perhatikan bahwa nilai Opacity berhenti saat ini adalah 100%, yang berarti tidak ada transparansi sama sekali di lokasi itu

Untuk menambah transparansi, penulis akan klik pada tanda panah di sebelah kanan nilai opacity saat ini, dan penulisakan menurunkan nilai dengan menyeret slider ke arah kiri. penulis akan menurunkan semua ke 0% untuk membuatsisi kanan benar-benar transparan. Anda juga dapat membuat transparansi parsial dengan memilih nilai antara 0% dan100%.

Perhatikan bahwa stops warna transparansi telah berubah dari hitam menjadi putih. Hitam berarti nilai opacity stopdiatur ke 100%. Putih berarti itu diatur untuk 0% (sepenuhnya transparan). Transparansi parsial diwakili oleh berbagainuansa abu-abu. Perhatikan juga bahwa bar gradien sekarang transisi dari warna solid di sebelah kiri untuk pola kotak-kotak di sebelah kanan. Pola kotak-kotak menunjukkan bahwa itu merupakan transparansi

Menggerakkan Stops Transparansi

Sama seperti kita dapat menggerakan stops warna untuk memposisikan mereka di sepanjang gradien, kita juga bisamenggerakan stops transparansi. Sebagai contoh, bagaimana jika penulis ingin mentransisikan transparansi ke kuning di tengah daripada di merah di sebelah kiri? Ada beberapa langkah yang bisa penulis lakukan. Cukup klik pada stopstransparansi di sebelah kiri dan drag ke tengah gradien sehingga tepat di atas kuning. Gradien penulis sekarang masih100% buram dari merah di sebelah kiri ke kuning di tengah sebelum transisi ke transparansi di sebelah kanan

Menambahkan Stops Transparansi

Langkah lain akan meninggalkan dua stops transparansi di lokasi asli mereka dan menambahkan stops ketiga di atastengah gradien. Penulis akan cepat menggerakkan stops transparansi kembali ke tempat semula di sebelah kiri dengan mengubah Lokasi nilainya dari 50% menjadi 0%

Kemudian, penulis akan klik di atas gradien di lokasi di mana penulis ingin stops baru muncul. Dalam hal ini, dibagian tengah

Photoshop akan menambahkan stops transparansi baru. Perhatikan bahwa itu adalah nilai Opacity yang sudah diatur ke100%, jadi penulis tidak perlu mengubahnya, tapi kita bisa set ke nilai apapun yang kita inginkan dari 0% sampai 100%. Perhatikan juga bahwa Lokasinya adalah di 50%, tapi sekali lagi kita bisa menggerakan lokasi lain baik dengan menyeret stops sendiri atau memasukkan nilai yang berbeda ke dalam bidang Lokasi. Anda dapat menambahkan sebanyak mungkin stopstransparansi yang Anda butuhkan sepanjang gradien untuk kontrol yang sangat halus

Anda dapat menyalin transparansi yang ada pada colors stops. Cukup tekan dan tahan Alt Anda (Win) / Option (Mac)pada keyboard Anda dan Anda tarik stops transparansi kiri atau kanan untuk membuat salinan itu yang kemudian dapatpindah ke posisi lain. Juga seperti stops warna, Anda akan menemukan ikon titik tengah antara setiap set stopstransparansi. Klik dan tarik titik tengah dekat dengan satu stops atau stops yang lain untuk mengatur transisi

Menghapus Stops Transparansi

Untuk menghapus stops transparansi, klik di atasnya untuk memilihnya, lalu seret ke atas dan jauh dari gradien sampaistops menghilang. Penulis akan menghapus stops di sebelah kanan dengan mengklik dan menyeretnya ke atas. Karena itu satu-satunya stops transparansi dari tiga yang memiliki nilai Opacity yang ditetapkan untuk sesuatu yang lain dari100%, menghapus itu berarti penulis tidak memiliki stops transparansi sama sekali dalam gradien penulis

Akhirnya, meskipun penulis tidak benar-benar perlu melakukan ini karena gradien penulis tidak lagi mengandungtransparansi, penulis akan meletakkan segala sesuatu kembali ke tempat mereka awalnya dengan mengklik stopstransparansi di tengah gradien dan menyeretnya ke kanan

Smoothness

Salah satu pilihan terakhir untuk melihat di Gradient Editor adalah Smoothness yang mengontrol bagaimana tahapantransisi muncul antara warna utama. Pada nilai default dari 100%, transisi tersebar secara merata. Ketika Andamenurunkan nilai, itu mendorong lebih dari nuansa transisi menuju warna utama Anda, meninggalkan nuansa sedikit di tengah. Hal ini menciptakan transisi yang lebih keras mencari dengan pita lebih jelas, yang biasanya tidak seperti apa yang Anda inginkan. Dalam kebanyakan kasus, yang terbaik untuk meninggalkan Smoothness set ke 100%

Menyimpan Gradien Sebagai Preset Baru

Bila Anda senang dengan bagaimana gradien yang anda buat, Anda dapat menyimpannya sebagai preset baru. Pertama,masukkan nama untuk gradien baru Anda ke dalam bidang Nama. Penulis akan menamakannya Merah, Kuning, Merah

Kemudian, klik tombol New

Photoshop akan menambahkan gradien baru Anda dengan preset lain, memberikan thumbnail sendiri yang dapat Anda klik untuk memilihnya pada saat Anda membutuhkannya

Setelah selesai, klik OK