Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC

Langkah 1

Mulai dengan menyiapkan Dokumen Baru dengan masuk ke File > New (atau menggunakan shortcut keyboard Control-N ), yang akan kita sesuaikan sebagai berikut:

  • Number of Artboards: 1
  • Width: 128 px
  • Height: 128 px
  • Units: Pixels

Dan pada tab Advanced :

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 01

 

Langkah 2

Mari mulai membuat project ini, dengan membuat background menggunakan lingkaran 120 x 120 px , yang akan kita beri warna #3D4763 dan kemudian letakkan ke tengah Artboard.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 02

 

 

Langkah 3

Buat objek utama untuk badan planet menggunakan lingkaran 64 x 64 px dengan ukuran lebih kecil , yang akan kita beri warna #5FD6D6 dan kemudian letakkan ke tengah sejajar dengan background sebagai objek dasar.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 03

Langkah 4

Menggunakan Pen Tool (P) , gambar objek utama berupa dua bidang tanah lalu berilah warna objek tadi dengan warna #C0DD57 . Setelah selesai pastikan untuk memilih dan melakukan grouping pada kedua objek menggunakan shortcut keyboard Control-G .

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 04

Langkah 5

Karena kita ingin objek terlihat rapi, kita dapat menyembunyikan sisi yang tidak diperlukan. Lakukan copy ( Control-C ) pada objek lingkaran yang menjadi objek dasar, lalu kita paste kan di depan ( Control-F ), dan kemudian dengan seleksi 2 objek hasil copy dan objek dua bidang tanah. Setelah terpilih, lakukan klik kanan > Make Clipping Mask .

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 05

Langkah 6

Membuat objek utama sebagai highlight sisi atas, dengan cara membuat objek copy ( Control-C> Control-F ) dari objek utama planet. Selanjutnya geser kebawah objek hasil copy dengan jarak 4 px, dapat menggunakan tombol panah pada keyboard atau menggunakan Move tool ( klik kanan > Transform > Move > Vertical > 4 px ).

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 06

Langkah 7

Buka path pada objek hasil copy tadi dengan memilih anchor point sisi bawah dengan menggunakan Direct Selection Tool (A) dan kemudian hapus titik point dengan menekan Delete . Selanjutnya dengan menggunakan Pen Tool (P) tutup path objek tadi, dengan menggambar garis baru untuk sisi atasnya seperti yang terlihat pada gambar dibawah.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 07

Langkah 8

Atur warna objek yang dihasilkan menjadi putih ( #FFFFFF ), turunkan tingkat Opacity menjadi 40% , pastikan untuk cut ( Control-X ) dan kemudian paste in front ( Control-F ) dalam mode Clipping Mask yang digunakan pada kedua objek tanah tersebut.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 08

Langkah 9

Tambahkan objek mata menggunakan dua lingkaran 8 x 8 px dengan Stroke setebal 4px ( #3D4763 ), lalu sesuaikan dengan menghapus bagian bawahnya, pastikan untuk mengatur opsi Cap menjadi Round. Setelah Anda selesai, beri jarak kedua objek secara horizontal menjadi 4 px antara objek satu sama lain, lakukan grouping ( Control-G ) dan kemudian letakkan seperti yang terlihat pada gambar dibawah.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 09

Langkah 10

Tambahkan objek mulut menggunakan persegi panjang 12 x 8 px ( #3D4763 ), lalu sesuaikan opsi dengan membuka panel Transform dan kemudian buka Rectangle Properties dan ubah Radius sudutnya menjadi 2 px dan bagian bawahnya menjadi 6 px . Setelah selesai, letakkan objek tadi di bawah mata pada jarak sekitar 4 px , pastikan untuk memilih dan melakukakn grouping ( Control-G ) pada ketiga objek secara bersamaan.Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 10

Langkah 11

Buat bintik-bintik pada objek menggunakan dua elips 8 x 6px ( #3D4763 ), lalu sesuaikan dengan menurunkan Opacity menjadi 28% , dan kemudian letakkan ke samping seperti yang terlihat pada gambar referensi. Setelah Anda meletakkan objek seperti pada gambar referensi, lalu pilih objek dan lakukan group ( Control-G ) semua bagian komponen planet ini bersamaan sebelum melanjutkan ke langkah berikutnya.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 11

Langkah 12

Tambahkan objek tangan menggunakan dua persegi panjang 12 x 16px dengan Stroke 4 px ( #5FD6D6 ) dan opsi Round Cap , selanjutnya sesuaikan seperti yang terlihat pada gambar referensi, dan kemudian mengatur jari-jari sudut luarnya ke 8 px menggunakan tools Live Corners . Setelah selesai, letkkan objek yang telah kita buat dibawah objek planet ( klik kanan > Arrange > Send Backward ), pastikan untuk melakukan grouping seluruh objek menggunakan shortcut keyboard Control-G .

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 12

Langkah 13

Tambahkan bayangan menggunakan copy paste ( Control-C ) pada objek tangan dan badan planet, yang akan kita letakkan di belakang ( Control-B ). Selanjutnya sesuaikan dengan mengatur warnanya menjadi #3D4763 , pastikan untuk menggesernya ke bawah dengan jarak 4 px untuk objek tangan dan 8 px untuk badan utama.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 13

Langkah 14

Buat highlight berbentuk bintang ( #FFFFFF ) menggunakan persegi panjang 2 x 8 px  letakkan di atas objek persegi panjang 8 x 2 px dan buat objek sedikit lebih kecil, lanjutkan dengan membuat persegi panjang 2 x 12 px letakkan di atas persegi panjang 12 x 2 px untuk objek yang lebih besar. Secara individual satukan setiap objek highlight menggunakan Pathfinder ‘s Unite Shape Mode, pastikan untuk menyesuaikan sudut objek yang telah kita buat dengan membulatkan kedua sudut dalam dan luarnya. Setelah selesai, posisikan objek yang dihasilkan seperti yang terlihat pada gambar referensi, pastikan untuk menurunkan Opacity menjadi 80% .

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 14

Langkah 15

Finishing objek ikon! Selanjutnya kita dapat menambahkan objek bulan kecil menggunakan 8 x 8px lingkaran ( #C1CDE5 ) dengan 20% Opacity untuk cahaya luar, lalu pada bagian atasnya kita akan menambahkan objek lebih kecil 4 x 4 px#C1CDE5 ). Setelah selesai, lakukan grouping ( Control-G ) dan letakkan keduanya di bagian kanan atas background, pastikan untuk melakukan grouping ( Control-G ) pada semua komponen objek ikon sebelum menekan tombol save.

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 15

Final Result!

Selanjutnya kalian dapat berkreasi lebih lanjut, sesuai dengan imanjinasi kalian masing-masing!

Tutorial Membuat Ikon Emoji Bumi di Adobe Illustrator CC 16

Leave a Reply

Your email address will not be published. Required fields are marked *