Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Panduan Singkat :Cara Membuat Ikon Gelembung Glossy Speech

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Emirza Alhamdani (you can also view the original English article)

Dalam tutorial ini kita akan belajar cara membuat speech bubble icon dengan menggunakan Builder Tool dan Pen Tool. Kita hanya akan menggunakan warna grayscale dan berbagai pilihan blending yang berbeda untuk mewarnai dengan cepat. Metode mewarnai ini memungkinkan kita untuk bekerja dengan cepat dan dapat me-warnai ulang kembali semua karya seni dalam beberapa detik. Mari kita mulai!

Langkah 1

Gunakan Ellipse Tool (L) dan kemudian ciptakan bentuk elips dengan fill warna abu-abu dengan campuran sedikit warna kuning.

Pada dasarnya warna tidak terlalu penting, karena kita dapat menyesuaikan warna pada bubble setelah selesai membuat  semua elemen. Sekarang gunakan PenTool (P) lalu buat ekor pada speech bubble.

Langkah 2

Pilih bentuk yang sudah dibuat dan klik pada "Unite" di Pathfinder panel.

Copy dan paste bentuk ke depan (Command +C kemudian  Command + F). Masukan objek baru dengan gradien radial yang terdiri dari warna putih, hitam dan abu-abu.

Jadi kita telah membuat cahaya dan bayangan pada permukaan speech bubble.

Langkah 3

Menerapkan Screen blending mode di atas objek.

Hal ini memungkinkan mewarnai nuansa cahaya ke dalam nuansa bentuk yang lebih rendah. Sekarang dengan menggunakan Pen Tool (P) membuat bentuk efek silau.

Langkah 4

Pilih bentuk kesilauan dan isi dengan radiant gradient dari hitam menjadi warna abu-abu muda. Untuk mengontrol posisi dan panjang gradient gunakan Gradient Tool  (G).

Menerapkan Screen blending mode menjadi bentuk.

Langkah 5

Buat bentuk efek kesilauan pada permukaan disebelah sisi  bubble dengan Pen Tool (P). Kemudian warnai objek-objek tersebut dengan menggunakan warna abu-abu.

Pilih shape bubble dan bentuk efek kesilauan di sisi permukaan, kemudian dengan menggunakan Shape Builder Tool, tahan tombol Option lalu  klik pada bagian silau yang melampaui bentuk bubble.

Cara ini dapat menghapus bagian-bagian yang silau.

Langkah 6

Menerapkan Screen blending mode ke objek berasal.

Kemudian buat bentuk bayangan di bagian bawah bubble.

Dengan menggunakan Shape Builder Tool, hapus bagian dari bentuk bubble yang melewati bentuk bubble tersebut, seperti yang kita lakukan di langkah sebelumnya.

Menerapkan  Multiply blending mode ke tempat berasal.

Langkah 7

Mengapa saya menggunakan blending mode tertentu? Hal tersebut sangat mudah, teman-temanku. Bila Anda membuat bentuk kesilauan , gunakan Screen blending mode. Jika Anda mengerjakan bayangan, menerapkan Multiply blending mode Untuk mengontrol tingkat kesilauan bayangan , anda hanya perlu untuk menyesuaikan warna abu-abu didalam Color Panel.

Langkah 8

Sekarang mari kita ciptakan sebuah bentuk elips pada bubble. Ambil Ellipse Tool (L) dan membuat lingkaran dengan warna hitam.

Copy lingkaran ini kemudian salin di depan  (Command + C lalu Command + F). Mengurangi diameter lingkaran atas untuk 2-3 px Anda dapat melakukannya di Transform panel atau pada Control panel. Isi lingkaran ini dengan linear gradient, yang terdiri dari warna hitam dan abu-abu. Atur sudut 95 derajat untuk gradient ini di panel Gradient.

Langkah 9

Dengan menggunakan Pen Tool (P) buat bentuk kesilauan di bagian atas lingkaran. Kemudian isi bentuk kesilauan tersebut  dengan linear gradient dari hitam menjadi warna abu-abu, lalu  menerapkan Screen Blending Mode.

Salin lingkaran bawah dan tempel kembali (Command + C lalu Command + B), kemudian mengisi salinan dengan warna putih dan memindahkannya ke beberapa pixel ke bawah.

Kelompokan tiga lingkaran dan bentuk silau (Command + G).

Langkah 10

Pindahkan  horizontal ke kanan sambil menekan Shift dan tombol Option, yang akan membuat copy.

Gunakan shortcuts Command+ D untuk mengulangi tindakan terakhir. Sebagai hasilnya, kita memiliki tiga kelompok, yang terletak di jarak yang sama dari satu sama lain.

Mengubah sudut balik gradient pusat dan titik yang tepat.

Langkah 11

Membuat elips dengan Ellipse Tool (L). Mengisi elips dengan gradient elips yang off-center. Gradient terdiri dari dua abu-abu dan satu slider putih. Menerapkan Multiply blending mode pada elips

Jadi kita telah menciptakan bayangan penurunan dari speech bubble.

Kesimpulan

Metode mewarnai dengan benda-benda, yang hanya terdiri dari warna grayscale, memiliki keunggulan untuk pewarnaan dari objek warna. Pada kenyataannya, kita hanya memiliki satu objek warna dan itu adalah bentuk yang lebih rendah dari speech bubble. Perubahan warna akan berubah warna dan warna bubble seluruhnya.

Pastinya anda setuju, menciptakan setiap bubble berwarna dalam gambar di bawah akan menghabiskan terlalu banyak waktu jika Anda tidak menggunakan teknik ini. Saya berharap anda dapat menikmati cara ini.

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.