Ini adalah tampilan akhir ikon aplikasi kita. Sekarang sudah cukup ngobrol. Mari langsung mulai di Adobe Illustrator...

Membuat Ikon Aplikasi di Adobe Illustrator

Langkah 1: Membuat Fondasi

Saat berada di Illustrator, yang pertama kali dilakukan adalah membuat Area Kerja baru melalui File>Baru. Pada jendela berikutnya, pilih format 70x70mm. Konfirmasi jendela tersebut dengan OK.

Membuat ikon aplikasi di Adobe Illustrator

Ambil Alat Persegi dari Palet Alat dan kemudian klik sekali di mana saja pada area kerja. Maka akan muncul dialog di mana Anda dapat memasukkan ukuran kotak Anda. Gunakan ukuran 35x35mm di sini dan konfirmasi dengan OK. Sekarang ini adalah fondasi untuk ikon aplikasi kita.

Membuat Ikon Aplikasi di Adobe Illustrator

Karena ikon aplikasi dari Apple tidak pernah berbentuk kotak, sekarang kita harus memastikan bahwa sudutnya dibulatkan. Pilih persegi itu dan pergi ke bilah menu atas pada Effect>Filter Stilisasi>Bulatan sudut...

Membuat Ikon Aplikasi di Adobe Illustrator

Pada jendela berikutnya, masukkan radius sudut 7mm. Konfirmasi dengan OK.

Membuat Ikon Aplikasi di Adobe Illustrator

Setelah Anda mengonfirmasi efek ini, sudut akan ditampilkan sebagai bulat, tetapi jalur masih berbentuk kotak. Untuk mengubahnya, pergilah ke Object>Ubah Penampilan. Sekarang efeknya telah diubah menjadi objek (jalurnya sekarang mengikuti sudut yang dibulatkan).

Membuat ikon aplikasi Adobe Illustrator

Langkah selanjutnya adalah memerlukan Palet Gradien. Jika Anda belum membukanya, Anda dapat menemukannya di Jendela>Gradien.

Membuat Ikon Aplikasi di Adobe Illustrator

Klik sekarang pada bidang gradien di Palet Gradien, untuk mengisi persegi yang dibulatkan dengan gradien hitam/putih standar. (Jika persegi Anda masih memiliki Kontur, saatnya untuk menghapusnya sekarang).

Membuat Ikon Aplikasi di Adobe Illustrator

Pada pengaturan sudut gradien, masukkan nilai 90°, sehingga gradiennya bagus dari atas ke bawah.

Membuat ikon aplikasi di Adobe Illustrator

Karena ikon kita ingin mendapatkan gradien biru, (anda tentu juga bisa menggunakan warna sendiri) saya sudah menyiapkan dua nilai warna RGB untuk Anda.

Biru tua - 28/57/145
Biru terang - 84/244/255

Untuk mengaitkan nilai warna ini ke gradien sekarang, Anda hanya perlu mengklik dua kali pada bidang warna dalam Palet Gradien, maka Anda akan memiliki kesempatan untuk memasukkan nilai-nilai RGB.

(Jika mode warna yang berbeda diatur di sana, maka klik panah kecil di kanan atas di Palet Gradien, untuk memilih mode warna yang sesuai).

Membuat Ikon Aplikasi di Adobe Illustrator

Jika Anda telah melakukannya, semuanya seharusnya terlihat seperti ini di sekitar Anda. (Gambar 11).

Membuat ikon aplikasi di Adobe Illustrator

Untuk memperhalus Gradien sedikit, pergilah ke Effect>Filter Stilisasi>Pancaran ke Dalam... Pada mode metode pengisian, atur Bercampur. Pada Opasitas, gunakan nilai 75% dan pada Blurring atur 8,8mm. Karena kita hanya ingin menerapkan efek ini di area luar, pilih titik seleksi pada Pinggiran. Konfirmasi jendela dengan OK.

Membuat Ikon Aplikasi di Adobe Illustrator

Selanjutnya, tambahkan Bayangan ke semuanya. Ini juga bisa dilakukan melalui Effect>Stilisasi Filter>Bayangan ... Pilih pengaturan filter ini sekitar seperti pada Gambar 13. Namun, Anda bisa bereksperimen sedikit di sini.

Membuat ikon aplikasi di Adobe Illustrator.

Pada langkah berikutnya, Anda akan menyalin persegi panjang dengan Command+C dan menyisipkannya kembali ke posisi yang sama dengan Command+F (Pada PC, gunakan Ctrl+C dan Ctrl+F).

Karena kita tidak lagi memerlukan efek yang diterapkan di persegi panjang salinan, Anda perlu menghapusnya. Seperti yang mungkin beberapa dari Anda ketahui, semua efek dan filter yang digunakan dalam Illustrator akan terdaftar dalam Panel Tampilan Lukisan. Jika panel ini tidak terlihat, Anda dapat memunculkannya kembali melalui Jendela> Tampilan.

Membuat Icon Aplikasi Adobe Illustrator

Sekarang hapus bayangan bergelombang. Anda dapat melakukannya dengan mudah dengan cara menyeret bayangan bergelombang dalam Panel Tampilan dengan tombol mouse ditekan dan menyeretnya ke tempat sampah kecil di pojok kanan bawah panel tersebut.

Membuat Ikon Aplikasi Adobe Illustrator

Anda tidak perlu menghapus bayangan dalam, hanya perlu menyesuaikannya sedikit. Namun, sebelumnya Anda harus mengubah warna bidang dari salinan persegi panjang Anda menjadi putih.

Membuat Ikon Aplikasi di Adobe Illustrator

Kemudian klik pada bayangan dalam dalam Panel Tampilan, atur modusnya menjadi Normal dan pilih warna hitam pekat untuk warnanya. Atur kekuatan transparansi menjadi 100% dan pada Pelembutan Anda dapat menggunakan nilai 10mm (Gambar 17).

Membuat ikon aplikasi di Adobe Illustrator

Untuk menghitung kembali salinan ini dengan teks asli yang memiliki gradien biru di bawahnya, cukupilah transparansi menjadi 50% dan atur mode isian ke Cahaya Lunak. Semua langkah ini dapat dilakukan melalui Panel Transparansi. (Anda dapat memunculkan panel ini kembali melalui Jendela> Transparansi).

Dengan demikian, kontras sedikit ditingkatkan dan icon Aplikasi kita mendapatkan dimensi.

Membuat Ikon Aplikasi di Adobe Illustrator

Langkah 2: Membuat Lingkaran Sinaran

Pada langkah ini, kita akan membahas bagaimana cara membuat lingkaran sinaran untuk Ikon Aplikasi. Untuk ini, alangkah baiknya Anda menyembunyikan kedua persegi panjang yang dibuat pada Langkah 1 agar memiliki ruang lagi pada area kerja Anda.

Ambil Alat Garis dari Toolbar dan atur Warna Kontur menjadi Hitam dan Ketebalan Batas menjadi 0,5 pt.

Selanjutnya, gambarlah garis mendekati tengah ke atas dan tahan tombol mouse. Setelah garis ditarik (tahan tombol mouse), tekan tombol Ctrl + tombol dengan tanda kurung < >.

Sekarang, putar mouse satu lingkaran dengan tombol mouse ditekan. Tindakan ini akan menghasilkan jumlah garis yang berbeda tergantung pada kecepatan pergerakan kursor mouse Anda.

Setelah Anda membentuk satu lingkaran, hasilnya seharusnya menyerupai seperti pada Gambar 19. (Cobalah beberapa kali, karena latihan membuat sempurna).

Membuat Ikon Aplikasi di Adobe Illustrator

Seleksi semua garis dan kelompokkan dengan Command+G (di PC: Ctrl+G). Dengan Command+C dan Command+F (di PC: Ctrl+C dan Ctrl+F) anda akan menyalinnya dan menyisipkannya kembali ke posisinya. Pada salinan ini, ubah warna kontur ke Putih dan sedikit putar ke kanan atau kiri agar garis hitam sebagian terlihat kembali.

Gambaran kemungkinan akan mirip dengan Gambar 20:

Membuat Ikon Aplikasi di Adobe Illustrator

Sekarang, seleksi kembali semua garis dan grupkan kembali dengan Command+G (di PC: Ctrl+G).

Selanjutnya, Anda bisa menampilkan kembali persegi panjang dari Langkah 1. Pastikan titik tengah lingkaran sinaran Anda sekitar berada di tengah persegi panjang Anda.

Membuat Icon Aplikasi dengan Adobe Illustrator

Sekarang Anda akan menyalin persegi abu-abu yang dibulatkan, yang telah Anda hitung dengan gradien biru pada langkah 1. (Command+C atau di PC - Strg+C).

Membuat ikon aplikasi di Adobe Illustrator.

Selanjutnya, klik grup yang mengandung lingkaran sinar matahari dan lihat di Palet Transparansi. Di sini Anda memiliki kesempatan (sama seperti di Photoshop) untuk membuat sebuah masker. Klik dua kali pada area yang terlihat pada Gambar 23. Dengan dua kali klik ini, sebuah masker opasitas akan terbentuk.

Membuat ikon aplikasi di Adobe Illustrator.

Setelah Anda membuatnya, Anda akan melihat bahwa Palet Lapisan Anda berubah ketika Anda berada di dalam masker. Dengan Command+F (di PC: Strg+F) Anda sekarang akan menyisipkan persegi yang telah Anda salin sebelumnya ke dalam masker. Sekarang cukup turunkan opasitas dari 50% menjadi 10% saja.

Membuat Ikon Aplikasi di Adobe Illustrator

Sekarang Anda perlu meninggalkan masker untuk kembali ke tampilan normal. Anda bisa melakukannya dengan mengklik sekali pada area putih di sebelah ikon masker. (Gambar 25).

Membuat Icon Aplikasi di Adobe Illustrator

Langkah 3: Membuat Dasar untuk Piktogram

Sekarang kita hampir menyelesaikan sebagian besar dan siap untuk menyisipkan piktogram atau simbol ke dalam ikon aplikasi kita. Namun, sebelumnya kita perlu membuat dasar atau platform kecil terlebih dahulu agar semuanya terlihat lebih baik nantinya.

Ambil Alat Elips dan gambar sebuah Lingkaran di tengah-tengah. (Lihat Gambar 26).

Membuat Ikoni Aplikasi di Adobe Illustrator

Lingkaran ini diisi dengan warna biru gelap. Saya menggunakan nilai warna berikut. RGB - 0/0/255.

Membuat Ikon Aplikasi di Adobe Illustrator

Turunkan opasitas menjadi sekitar 70% dan kemudian pergilah ke Effect>Filter Blur>Gaussian Blur …

Membuat Ikon Aplikasi di Adobe Illustrator

Saya memilih Radius 28 Piksel untuk blur tersebut. Namun, Anda bebas untuk mengubah nilai ini sesuai keinginan. Setelah itu, klik OK.

Membuat ikon aplikasi di Adobe Illustrator.

Langkah 4: Menyisipkan Piktogram

Setelah dasarnya selesai, saatnya untuk menyisipkan piktogram ke dalam ikon aplikasi kita. Sebagai tambahan kecil, saya sudah menyertakan beberapa piktogram berbeda di file kerja. Namun, Anda juga bisa menggunakan piktogram sendiri apabila ingin.

Pergi ke bilah menu atas, lalu pilih File>Place dan pilih piktogram yang Anda inginkan. Untuk kasus saya, saya memilih ikon komputer dari file kerja.

Membuat ikon aplikasi di Adobe Illustrator.

... selesai! ... bisa jadi seperti itu ...

Membuat Ikon Aplikasi Adobe Illustrator

Namun, masih ada satu atau dua hal kecil yang perlu dilakukan. Pertama, piktogram akan mendapatkan sebuah bayangan lembut. Untuk itu, pergilah ke Effect>Stylize Filter>Drop Shadow. Lihatlah gambar 32 untuk referensi nilai dari bayangan lembut tersebut.

Membuat ikon aplikasi di Adobe Illustrator.

Langkah 5: Menambahkan Pantulan Cahaya

Pada langkah terakhir, kita akan menambahkan sedikit pantulan cahaya untuk melengkapi semuanya. Ambil Alat Elips dan gambar sebuah Lingkaran putih seperti di Gambar 33.

Membuat ikon aplikasi Adobe Illustrator

Terakhir, Anda hanya perlu mengatur metode pengisian dari Lingkaran menjadi Cahaya Lembut. Sekarang, ikon aplikasi Anda sudah selesai.

Membuat Ikon Aplikasi di Adobe Illustrator

Kesimpulan:

Saya harap kalian menikmati tutorial ini dan sekarang dapat membuat beberapa ikon aplikasi yang bagus. Di file yang terlampir, Anda juga akan menemukan file kerja asli saya sehingga Anda bisa melihatnya jika Anda mengalami kesulitan.

Jika Anda memiliki pertanyaan tentang topik ini, silakan tulis di kolom komentar. Saya akan berusaha untuk menjawabnya secepat mungkin.

Salam,

Julian Anda