Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Mobile Design

Menggunakan Gradient Tool

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Beginning Photoshop for Developers.
Using the Bucket Tool
Designing Mobile App Backgrounds

Indonesian (Bahasa Indonesia) translation by Qonita S (you can also view the original English article)

Selamat datang di tutorial keempat dalam seri kami tentang Photoshop untuk developers! Dalam Tip Cepat ini, saya akan memperkenalkan Anda ke Gradient Tool dan menunjukkan dasar cara menggunakannya.

Menggunakan Gradient Tool (G)

Gradien adalah cara yang bagus untuk menambahkan sesuatu yang ekstra ke backround atau gambar. Menurut Adobe, "Gradient tool  menciptakan perpaduan bertahap antara beberapa warna." Cukup mudah, bukan?

Seperti banyak tool lainnya, Gradient Tool (G) tidak akan berfungsi jika dokumen Anda dalam mode Bitmap atau Indexed. Jadi, Anda harus mengubah mode gambar jika Anda membuka file .gif atau .bmp yang ada. Untuk menentukan mode apa file Anda berada:

  1. Klik menu IMAGE.
  2. Pilih MODE dari menu.

Dari sini Anda akan dapat membedakan antara skala abu-abu, warna yang diindeks, RGB, atau lab. Untuk semua gambar web dan seluler, kita ingin memastikan bahwa kita memilih RGB.

Photoshop Mode

Seperti yang lainnya di Photoshop, ada beberapa cara untuk menerapkan gradien. Artikel ini hanya membahas Gradient Tool (G). Gradien diterapkan dengan menyeret tool melintasi gambar. Titik awal ditentukan oleh tempat mouse awalnya diklik dan titik akhir adalah tempat mouse dilepaskan.
Gradien dapat diterapkan ke seluruh layer aktif atau cukup pilih bagian dari layer aktif.

  1. Pilih tool Gradient Gradient Icon dari toolbar atau tekan huruf G pada keyboard.
  2. Di bilah Opsi, ada beberapa jenis gradien yang dapat Anda terapkan:
Gradient Option Bar
  • Preset gradien memberi Anda opsi untuk membuat gradien dari template atau menyesuaikan sendiri.
  • Linear Gradient Icon Linear gradient - Nuansa dari titik awal ke titik akhir dalam garis lurus.
  • Radial Gradient Icon Radial gradient - Nuansa dari titik awal ke titik akhir dalam pola melingkar.
  • Angle Gradient Icon Gradien sudut - Nuansa dalam sapuan berlawanan arah jarum jam di sekitar titik awal.
  • Reflective Gradient Icon Gradien reflektif - Nuansa menggunakan gradien linier simetris di kedua sisi titik awal.
  • Diamond Gradient Icon Diamond gradient - Nuansa dari titik awal ke luar dalam pola berlian. Titik akhir mendefinisikan salah satu sudut berlian.
  • Tentukan blending mode dan opacity untuk gradien.
  • Reverse - menukar warna gradien yang dipilih.
  • Dither - menciptakan gradien yang lebih halus.
  • Transparansi menciptakan transparency mask untuk mengisi gradien.

Dengan semua opsi yang dikonfigurasi, kita sekarang dapat menerapkan gradien.

  • Posisikan pointer pada gambar di tempat yang Anda inginkan. Klik untuk mengatur titik awal gradien, seret dan lepaskan untuk menentukan titik akhir. Untuk membatasi sudut garis hingga kelipatan 45°, tahan SHIFT saat Anda menyeret.
  • Untuk menyesuaikan tampilan Gradient, coba sesuaikan titik awal dan titik akhir Anda dan hanya itu.

Ini sesederhana Adobe membuatnya terdengar. Berikut adalah beberapa contoh lagi apa yang dapat Anda lakukan dengan Gradien:

Scotland, SD
Extreme Caddy
kh designs
Dawson Creek
Tetap disini, lain kali saya akan menunjukkan betapa mudahnya Photoshop membuatnya untuk membuat beberapa background untuk memberikan situs seluler dan aplikasi Anda yang sedikit tambahan.
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.