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 baruUntuk melakukan itupenulis akan memilih menu File di Menu Bar di bagian atas layar dan pilih New
Akan terbuka kotak dialog NewKarena 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 kalipengaturan Lebar (Width) 1200 px dan Tinggi (Height) 800 px.
Penulis akan meninggalkan Resolusi ditetapkan untuk yang standar 72 pixel / inchdan penulis akan pastikan Isi Latar Belakang diatur ke White, klik OK untuk menutup kotak dialog Newdi 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 sebelumnyasetelah kita telah memilih Gradient Toolada dua langkah yang berbeda untuk memilih gradienKita bisa memilih salah satu dari gradien yang telah ditetapkan Photoshop siap pakaidari Gradient Pickeratau kita dapat membuat dan mengedit gradien kita sendiri menggunakan Gradient EditorUntuk membuka Gradient Editorklik langsung pada preview gradien bar di Bar PilihanJika Anda mengklik panah kecil di sebelah kanan bar pratinjauAnda akan membuka Gradient Picker yang kita bahas sebelumnyaKali inikita ingin menggunakan Gradient Editorjadi pastikan Anda klik preview bar itu sendiri
Akan terbuka Gradient EditorIni mungkin terlihat sedikit menakutkan seperti yang pertama kalitapi seperti kita lihat,itu sebenarnya sangat mudah digunakan
Presets Area

Menggunakan Gradient Editor adalah proses dua langkahKita tidak benar-benar membuat gradien dari awal.Sebaliknya, pertama kita memilih gradien yang telah ditetapkan sebagai titik awalKemudiankita 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 bawahnyaPresets daerah bekerja dengan langkah yang sama dengan Gradient Pickermenunjukkan kepada kitathumbnail dari semua gradien yang telah ditetapkan yang dapat kita pilihUntuk memilih gradienklik pada thumbnail.Nama gradien Anda klik muncul di bawah thumbnail

Awalnyakita hanya diberikan sejumlah gradien preset, namun Photoshop meliputi set gradien lain yang dapat kita masukkan ke Gradient Editorseperti Gradient Picker.

Untuk melihat daftar set tambahanklik ikon gear kecil
Anda akan menemukan set gradien lainnya yang tercantum di bawah setengah dari menu yang munculSetiap setdidasarkan pada tema tertentuseperti warna HarmoniesLogampasteldan sebagainyaUntuk 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 baruJika Anda klik Append,bukan mengganti gradien saat ini, itu akan menambah yang baru di bawah yang saat ini. Penulis ingin menjaga hal-halterbebas dari kekacauandan 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 asliklik sekali lagi pada ikon gear
Kemudian pilih Reset Gradients dari menu

Photoshop akan menanyakan apakah Anda ingin mengganti gradien saat ini dengan defaultKlik OK
Dan sekarangkita 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 EditorSetelah Anda memilihgradien preset, yang muncul dalam gradien bar besar yang berfungsi sebagai area kerja AndaDi sinilah kitamembangun gradien kitaDalam hal ini, karena penulis memilih Black, White gradienkita 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 berbedatetapi langkah-langkah untuk membuat mereka juga berbedaSecara umumsetiap kali Anda ingin membuat gradien standar yang transisi lancar dari satu warna solid ke depanType opsi Gradient akan Anda atur ke Padat (Solid)

Mengganti Warna Gradient

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

Untuk mengubah warna yang adapertama klik pada color stops untuk memilihnyaKemudianklik pada swatch warnadi bagian Stops di bagian bawah Gradient Editor untuk memilih warna yang berbedaSebagai contohkatakanlah penulis ingin mengubah warna gradien hitam menjadi merahUntuk melakukan itupenulis akan klik pada stops warnahitam

Dengan stops yang dipilih, penulis akan klik pada warna swatch

Hal ini akan membuka Photoshop Color PickerPenulis 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 lainmengubahnya dari putih ke kuningTapi kali ini, penulisakan menggunakan langkah yang lebih cepat untuk mengubah warnaDaripada mengklik stops untuk memilihnya dan kemudian mengklik warna swatchyang perlu Anda lakukan hanya klik dua kali pada stops

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

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

Menyesuaikan Midpoint

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

Kita dapat mengubah lokasi titik tengah dengan menyeret ikon lebih dekat dengan satu warna atau lainnyaSebagai contoh, penulis akan tarik ke arah kiri sehingga lebih dekat dengan stops merahPerhatikan 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 tengahpilihan Lokasi dibagian bawah gradien menunjukkan kepada kita tempat yang tepatdalam persendi mana titik tengah terletak di antara dua warnaLokasi default adalah 50(persis di tengah antara mereka), tapi setelah menyeret titik tengah ke kirinilai 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 tengahdan 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 ikonnyatapi kita juga bisa mengubahnya dengan memasukkan nilai tertentu ke dalam bidang LokasiJika penulis ingin pindah titik tengah darititik seperempat tadi, katakanlahtanda tiga perempatpenulis dapat melakukannya dengan mengubah Lokasi nilai dari 25% menjadi 75%
Dan sekarangkita 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 gradiensemua yang perlu kita lakukan adalah klik langsung di bawah gradien di tempat di mana warna baru akan munculPhotoshop akan menambahkan warna baru di lokasi ituMisalnyauntuk menambahkansetengah warna ketiga antara dua warna, penulis akan klik pada tempat itu di bawah gradien (catatan bahwa penulismengklik di bawah ikon titik tengahtidak secara langsung di atasnya)

Hal ini akan menambah stops baru di lokasi ituUntuk mengubah warnaklik ganda pada stops

Kemudian pilih warna yang berbeda dari Color PickerPenulis akan memilih warna biru

Klik OK untuk menutup Color Pickerdan sekarang gradien dua warna telah menjadi gradien tiga warnaTidak buruk mengingat itu dimulai awalnya sebagai gradien hitam putih

Moving Colors Along Gradient

Kita tidak hanya dapat menambahkan warna untuk gradientapi kita juga dapat memindahkan mereka dan bahkanmengubah urutan di mana mereka munculAda beberapa langkah untuk memindahkan merekaSalah satunya adalahdengan klik pada stops warna dan tarik ke kiri atau kananDi sini, penulis sudah mengklik stops biru di tengah danmenyeretnya lebih dekat ke halte kuningSama seperti ketika kita menggerakan ikon titik tengahupdate 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 memilihnyakemudian masukkan nilailangsung ke bidang LokasiPenulis akan klik pada stops kuning untuk memilihnyaPerhatikan 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 awalnyaefektif menukar dua warna

Removing A Color

Untuk menghapus warna dari gradienklik pada color stops untuk memilihnyakemudian tarik ke bawah dan menjauh dari gradien sampai stops menghilangPenulis akan menghapus warna biru dengan mengklik stops untuk memilihnya

Penulis akan tarik ke bawah dan menjauh dari gradiendan di sini kita melihat bahwa warna biru sekarang hilangyang tertinggal hanya warna merah dan kuning sajaPhotoshop memberikan kita satu tingkat dari undo saat mengeditgradienjadi jika Anda salah menghapus warnacukup 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 adaUntuk melakukan itu, tekan dan tahan Alt (Win) / Option (Mac) pada keyboard Anda saat Anda mengklik stops warna dan tarik ke kiri atau kananDaripada 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) kuncikemudian klik pada stops merah dan tarik jauh dari itu ke arah tepatmenciptakan 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 gradienAnda akan melihat apa yang tampak seperti stops warna tambahanIni sebenarnya stops transparansiMereka memungkinkan kita untuk mengatur transparansi bagian yang berbeda darigradienDi sini, kita melihat satu stops transparansi di kedua ujung

Beberapa Gradien yang telah ditetapkan telah berisi transparansi sementara yang lainnya tidaktetapi kita dapat dengan mudah menambahkannya dimana pun kita membutuhkannyaSebagai contoh, jika penulis ingin gradien transisi dariwarna solid di sebelah kiri untuk menjadi 100transparan di sebelah kananpenulis dapat melakukannya denganmengklik pada stops transparansi atas sisi kanan gradienHal ini memungkinkan opsi transparansi di bagian Stopsbawah gradienPerhatikan 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 kiripenulis akan menurunkan semua ke 0untuk membuatsisi kanan benar-benar transparanAnda juga dapat membuat transparansi parsial dengan memilih nilai antara 0dan100%.

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

Menggerakkan Stops Transparansi

Sama seperti kita dapat menggerakan stops warna untuk memposisikan mereka di sepanjang gradienkita juga bisamenggerakan stops transparansiSebagai contoh, bagaimana jika penulis ingin mentransisikan transparansi ke kuning di tengah daripada di merah di sebelah kiriAda beberapa langkah yang bisa penulis lakukan. Cukup klik pada stopstransparansi di sebelah kiri dan drag ke tengah gradien sehingga tepat di atas kuningGradien penulis sekarang masih100buram 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 gradienPenulis 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 munculDalam hal inidibagian tengah

Photoshop akan menambahkan stops transparansi baruPerhatikan 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 0sampai 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 LokasiAnda dapat menambahkan sebanyak mungkin stopstransparansi yang Anda butuhkan sepanjang gradien untuk kontrol yang sangat halus

Anda dapat menyalin transparansi yang ada pada colors stopsCukup 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 lainJuga seperti stops warnaAnda akan menemukan ikon titik tengah antara setiap set stopstransparansiKlik dan tarik titik tengah dekat dengan satu stops atau stops yang lain untuk mengatur transisi

Menghapus Stops Transparansi

Untuk menghapus stops transparansiklik di atasnya untuk memilihnyalalu seret ke atas dan jauh dari gradien sampaistops menghilangPenulis akan menghapus stops di sebelah kanan dengan mengklik dan menyeretnya ke atasKarena 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

Akhirnyameskipun 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 utamaPada nilai default dari 100%, transisi tersebar secara merataKetika Andamenurunkan nilaiitu mendorong lebih dari nuansa transisi menuju warna utama Andameninggalkan nuansa sedikit di tengah. Hal ini menciptakan transisi yang lebih keras mencari dengan pita lebih jelasyang biasanya tidak seperti apa yang Anda inginkanDalam 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 baruPertama,masukkan nama untuk gradien baru Anda ke dalam bidang NamaPenulis akan menamakannya Merah, KuningMerah

Kemudianklik 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 selesaiklik OK

Teknody

Toko Komputer Batam yang menjual dan mendukung kebutuhan IT Anda sejak tahun 2011. Selalu berusaha untuk mengikuti perkembangan zaman, khususnya di bidang IT.

Leave a Reply

×

Cart