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

Cara Membuat 10 Ikon Umum dan Variasinya di Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
10 Mistakes New Artists Make and How You Can Avoid Them

Indonesian (Bahasa Indonesia) translation by Hasannudin Amin (you can also view the original English article)

Final product image
What You'll Be Creating

Hari ini spesial, karena kita merayakan sepuluh tahun yang luar biasa, dan alangkah baiknya kami memberi tutorial khusus di mana Anda akan belajar membuat seperangkat ikon UI yang harus Anda miliki, dengan menggunakan bentuk dasar dan alat yang ditawarkan Illustrator.

Jika Anda mencari lebih banyak ikon, dengan gaya yang berbeda, kunjungi GraphicRiver.

Setelah meminum secangkir kopi yang baru dibuat, mari kita mulai bekerja.

1. Cara Mengatur File Proyek Baru

Dengan asumsi Anda sudah memiliki Illustrator dan berjalan di latar belakang, bawalah dan mari menyiapkan New Document (File > New atau Control-N) dengan menggunakan pengaturan berikut:

  • Number of Artboards: 20
  • Spacing: 20 px
  • Width: 64 px
  • Height: 64 px
  • Units: Pixels

Dan di bagian tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new document

2. Cara Mengatur Custom Grid

Karena kita akan menciptakan ikon menggunakan alur kerja pixel-perfect, kita ingin membuat grid kecil yang bagus sehingga kita dapat mengendalikan sepenuhnya bentuk yang kita kita.

Langkah 1

Masuk ke submenu Edit > Preferences > Guides & Grid, dan sesuaikan pengaturan berikut ini:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom grid

Tip cepat: Anda dapat mempelajari lebih lanjut tentang grid dengan membaca bagian mendalam tentang Bagaimana Sistem Grid Illustrator Bekerja.

Langkah 2

Setelah kita menyiapkan custom grid kita, semua yang perlu kita lakukan untuk memastikan bentuk kita nampak tajam pastikan untuk mengaktifkan Snap to Grid dan Snap to Pixel yang terdapat di bawah menu View, yang akan berubah menjadi Snap to Pixel setiap saat Anda masuk Preview Mode (jika Anda menggunakan versi perangkat lunak yang lebih lama).

Sekarang, jika Anda baru mengenal "alur kerja pixel-perfect", sebaiknya Anda membaca tutorial Cara Membuat Pixel-Perfect Artwork, yang akan membantu Anda memperluas keterampilan teknis Anda dalam waktu singkat.

3. Bagaimana Mengatur Layer

Dengan dokumen baru yang dibuat, akan menjadi ide bagus untuk menyusun proyek kita menggunakan beberapa layer untuk memisahkan grid referensi dari ikon sebenarnya. Jika Anda terbiasa dengan tutorial saya sebelumnya, Anda akan melihat bahwa dengan yang satu ini, kita menggunakan pendekatan yang sedikit berbeda, karena kita mendasarkan proyek pada Artboards dan bukan Layer karena jumlah ikon yang tinggi.

Seperti yang dibahas sebelumnya, pergi ke panel Layers, dan buat total dua layer, yang akan kita rename sebagai berikut:

  • layer 1: reference grids
  • layer 2: icons
setting up the layers

4. Cara Membuat Reference Grid

Reference grid (atau base grid) adalah kumpulan permukaan referensi yang dibatasi secara terbatas, yang memungkinkan kita membangun ikon dengan berfokus pada ukuran dan konsistensi.

Biasanya, ukuran grid menentukan ukuran ikon sebenarnya, dan mereka harus selalu menjadi keputusan pertama yang Anda buat saat memulai sebuah proyek baru, karena Anda akan selalu ingin memulai dari ukuran sekecil mungkin.

Sekarang, dalam kasus ini, kita akan membuat paket ikon hanya dengan satu ukuran, lebih tepatnya 64 x 64 px, yang berada pada bagian menengah dari skala.

Langkah 1

Pastikan Anda berada di layer yang benar (yang akan menjadi yang pertama), lalu pilih Rectangle Tool (M) dan buat kotak 64 x 64 px dengan warna oranye (#F15A24) yang akan kita tuju sejajar dengan Artboard pertama dan gunakan untuk menentukan keseluruhan ukuran ikon kita.

creating the reference grids main shape

Langkah 2

Tambahkan lebih kecil 56 x 56 px satu (#FFFFFF) yang akan kita posisi di atas bentuk sebelumnya, karena akan bertindak sebagai area gambar aktif kita, sehingga memberi kita padding 4 px untuk digunakan.

creative the active drawing areas main shape

Langkah 3

Pilih dan buat group dari dua kotak bersama-sama menggunakan shortcut keyboard Control-G, dan kemudian buat grid yang tersisa dengan menggunakan 19 salinan (Control-C > Control-F) yang akan kita posisikan ke masing-masing Artboards yang kosong. Luangkan waktu Anda, dan setelah selesai, pastikan Anda mengunci layer saat ini sebelum beralih ke bagian berikutnya.

adding the remaining reference grids

5. Cara Membuat Ikon Navigasi

Dengan asumsi Anda telah berhasil membuat reference grid kecil, mari beralih ke layer berikutnya (itu berarti yang kedua), dan mari memulai proyek dengan membuat grup ikon pertama, yang akan membantu kita bernavigasi dengan lebih baik.

Langkah 1

Mulai bekerja di ikon belakang dengan membuat bodi utamanya menggunakan lingkaran 48 x 48 px, yang akan kita warnai dengan #DCEEFF dan kemudian jajarkan ke Artboard pertama.

creating and positioning the main shape for the back buttons main body

Langkah 2

Berikan bentuk yang baru saja kita buat dengan menggunakan metode Stroke, dengan membuat salinannya (Control-C), yang akan kita paste di bagian depan (Control-F) lalu sesuaikan dengan terlebih dahulu mengubah warnanya menjadi #629CF9. dan kemudian membalik Fill dengan Stroke (Shift-X). Tetapkan Weight dari outline menjadi 8 px, pilih dan jadikan grup semua bentuk yang baru saja disusun bersama-sama menggunakan pintasan keyboard Control-G.

adding the outline to the back buttons main body

Langkah 3

Mulailah bekerja pada panah kecil yang menghadap ke kiri dengan membuat bodi utamanya menggunakan garis Stroke 24 px lebar 8 px tebal (#629CF9) dengan Round Cap, yang akan kita tuju ke Artboard yang lebih besar.

creating and positioning the main shape for the body of the back buttons arrow

Langkah 4

Selesaikan ikon dengan menggambar kepala panah dengan menggunakan Stroke 8 px tebal (#629CF9) dengan Round Cap dan Join. Luangkan waktu Anda, dan begitu Anda selesai, pilih dan grup keduanya bersama-sama (Control-G), lakukan hal yang sama untuk semua bentuk penulisan ikon sebelum beralih ke yang berikutnya.

finishing off the back button

Langkah 5

Buat ikon maju menggunakan salinan (Control-C) dari yang baru saja kita selesaikan, yang akan kita paste (Control-F) ke Artboard kedua dan kemudian sesuaikan dengan memantulkannya secara vertikal (right click > Transform > Reflect > Vertical).

creating and positioning the main shapes for the forward button

Langkah 6

Buat ikon gulir ke atas dengan menyalin (Control-C) dari ikon sebelumnya, yang akan kita paste (Control-F) ke Artboard berikutnya dan kemudian sesuaikan dengan memutarnya -90º menggunakan alat Rotate (right click > Transform > Rotate > -90º).

creating and positioning the main shapes for the up button

Langkah 7

Tambahkan ikon gulir kebawah membuat salinan (Control-C) dari yang baru saja kita buat, yang akan kita paste (Control-F) ke Artboard keempat dan kemudian sesuaikan dengan memantulkannya secara horizontal (right click > Transform > Reflect > Horizontal).

creating and positioning the main shapes for the down button

Langkah 8

Mulai bekerja pada ikon refresh dengan membuat bodi utamanya menggunakan lingkaran 36 x 36 px dengan Stroke dengan tebal 8 px (#629CF9), yang akan kita tuju sejajar dengan tepi bawah area gambar aktif.

creating and positioning the main shape for the refresh buttons main body

Langkah 9

Buka lingkaran dengan menghapus bagian kiri atas kirinya, pastikan untuk mengatur Cap dari path ke Round di dalam panel Stroke.

opening up the path of the refresh buttons main body

Langkah 10

Buat kepala panah menggunakan persegi panjang 18 x 24 px, yang akan kita warnai dengan #DCEEFF, lalu posisikan seperti yang terlihat pada gambar referensi.

creating and positioning the main shape for the refresh buttons arrow head

Langkah 11

Balikkan persegi panjang ke panah yang menghadap ke kiri dengan menambahkan titik anchor baru ke bagian tengah tepi kiri menggunakan Add Anchor Point Tool (+), lalu lepaskan yang kiri dengan mengkliknya menggunakan Delete Anchor Point Tool (-).

adjusting the shape of the refresh buttons arrow head

Langkah 12

Selesaikan panah, dan dengan ikon itu sendiri, dengan memberi bentuk yang dihasilkan berupa garis tebal 8 px (#629CF9) dengan Round Join, pilih dan kelompokkan (Control-G) keduanya bersama-sama, dan lakukan hal yang sama untuk keseluruhan ikon sesudahnya.

finishing off the refresh button

6. Cara Membuat Ikon Pencarian dan Pembesaran

Dengan asumsi Anda telah selesai mengerjakan grup ikon pertama, lanjutkan ke Artboard berikutnya dan mari mulai mengerjakan kelompok berikutnya.

Langkah 1

Buat bagian lensa ikon pencarian menggunakan lingkaran 40 x 40 px (#DCEEFF) dengan garis besar yang tebalnya 8 px (#629CF9), yang akan kita kelompokkan (Control-G) lalu selaraskan dengan sudut kiri atas area gambar aktif.

creating and positioning the main shapes for the search icons lens

Langkah 2

Ambil beberapa saat dan gambar bagian handle dengan menggunakan Stroke setebal 8 px (#629CF9) dengan Round Cap, dengan menggunakan gambar referensi sebagai panduan utama Anda.

adding the handle section to the search icons lens

Langkah 3

Selesaikan ikon dengan memperpendek panjang pegangannya dengan memilih titik anchor utamanya dengan menggunakan Direct Selection Tool (A) dan kemudian menyeretnya ke bawah secara diagonal sambil menahan tombol Shift untuk menahan garis lurus. Luangkan waktu Anda, dan setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisannya sebelum beralih ke ikon berikutnya.

finishing off the search icon

Langkah 4

Buat ikon zoom in dengan membuat salinan (Control-C) dari yang baru saja kita kerjakan, yang akan kita paste (Control-F) ke Artboard berikutnya, tambahkan tanda plus ke bagian tengah lensa. menggunakan dua 16 px panjang 8 px tebal Stroke lines (#629CF9) dengan Round Cap. Luangkan waktu Anda, dan setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisannya sebelum beralih ke yang berikutnya.

adding the plus sign to the zoom in buttons lens

Langkah 5

Tambahkan ikon zoom out membuat salinan (Control-C) dari yang baru saja kita buat, yang akan kita paste (Control-F) ke Artboard berikutnya dan kemudian sesuaikan dengan mengklik ganda tanda plus untuk mengisolasinya. Kemudian ungroup (klik kanan > Ungroup) dan hapus garis vertikal Stroke-nya.

creating the zoom out button

7. Cara Membuat Ikon Visibilitas

Kita sekarang turun ke grup ikon ketiga kita, jadi pastikan Anda telah memposisikan diri Anda ke Artboard berikutnya (itu akan menjadi yang kesembilan) dan mari kita mulai.

Langkah 1

Buat pengalih pada badan utama visibilitas ikon menggunakan elips 48 x 32 px, yang akan kita warnai dengan #DCEEFF lalu jajarkan ke Artboard yang mendasarinya.

creating and positioning the main shape for the toggle on visibility button

Langkah 2

Sesuaikan bentuk yang baru saja kita buat dengan mencubit titik jangkar kiri dan kanannya menggunakan Anchor Point Tool (Shift-C) untuk mengubah elips dengan bentuk yang lebih mirip mata.

adjusting the shape of the toggle on visibility button

Langkah 3

Berikan bentuk yang dihasilkan dengan garis tebal 8 px (#629CF9) dengan Round Join, pilih dan kelompokkan keduanya bersamaan setelah itu gunakan shortcut keyboard Control-G.

adding the outline to the toggle on visibility button

Langkah 4

Tambahkan bagian pupil menggunakan lingkaran 16 x 16 px, yang akan kita warnai dengan #629CF9 lalu pusatkan ke dua bentuk yang baru saja kita kelola.

adding the pupil section to the toggle on visibility button

Langkah 5

Selesaikan ikon dengan menambahkan sedikit bayangan menggunakan lingkaran 8 x 8 px, yang akan kita warnai dengan #DCEEFF lalu selaras dengan sudut kanan atas pupil, kelompokkan (Control-G) keduanya bersamaan sesudahnya. Luangkan waktu Anda, dan setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisannya sebelum beralih ke yang berikutnya.

finishing off the toggle on visibility button

Langkah 6

Buat ikon pengalihan visibilitas dengan membuat salinan (Control-C) dari yang baru saja kita kerjakan, yang akan kita tempel ke Artboard kesepuluh dan kemudian sesuaikan dengan menggambar garis diagonal menggunakan Stroke setebal 8 px (#629CF9), pilih dan kelompokkan (Control-G) semuanya bersama-sama setelahnya.

creating the toggle off visibility button

8. Cara Membuat Ikon Berbagi Berkas

Jujur saja, tidak ada paket icon UI yang benar benar lengkap tanpa adanya seperangkat ikon berbagi file, jadi mari kita pastikan kita menambahkan satu set sendiri.

Langkah 1

Mulai bekerja pada ikon upload dengan membuat bentuk utama untuk bagian kotaknya menggunakan kotak berukuran 48 x 12 px (#DCEEFF) dengan garis tebal 8 px (#629CF9), yang akan kita kelompokkan (Control-G) dan kemudian atur tengah ke tepi bawah area gambar aktif.

creating and positioning the main shapes for the upload buttons box section

Langkah 2

Tambahkan segmen memperluas kecil menggunakan dua 8 px tinggi 8 px tebal Stroke (#629CF9) dengan Round Cap, yang kita akan posisi ke sisi bentuk yang sebelumnya dibuat, memilih mereka dan kemudian menciptakan grup yang lebih besar (Control-G).

adding the side segments to the upload buttons box section

Langkah 3

Tambahkan panah yang menghadap ke atas dengan membuat salinan (Control-C) dari yang telah kita buat untuk ikon navigasi, yang akan kita tempel (Control-F) ke Artboard saat ini dan kemudian atur ke tepi atas area gambar aktif . Begitu Anda memiliki panah di tempat, pilih dan kelompokkan semua bentuk penulisan ikon bersama-sama menggunakan shortcut keyboard Control-G.

finishing off the upload button

Langkah 4

Buat ikon unduh menggunakan salinan (Control-C) dari yang baru saja kita selesaikan, yang akan kita tempel ke Artboard berikutnya dan kemudian sesuaikan dengan memantulkan panah kecilnya secara horizontal (right click > Transform > Reflect > Horizontal).

creating the download button

9. Cara Membuat Ikon Prompt Informasi

Jika Anda seperti saya, Anda mungkin adalah salah satu dari orang-orang yang tidak terlalu menyukai item berikutnya, karena antarmuka seharusnya mudah digunakan, namun jauh di lubuk hati bahwa terkadang hal itu merupakan yang buruk.

Langkah 1

Buat bodi utama ikon menggunakan lingkaran 48 x 48 px (#DCEEFF) dengan garis tebal 8 px (#629CF9), yang akan kita kelompokkan (Control-G) dan kemudian jajarkan ke Artboard ke-13.

creating and positioning the main shapes for the information prompt buttons main body

Langkah 2

Buat tanda titik tanda seru dengan menggunakan lingkaran 8 x 8 px, yang akan kita warnai dengan #629CF9 lalu pusatkan ke bentuk yang lebih besar, posisikan pada jarak 4 px dari tepi bawah garis besarnya.

adding the little dot to the information prompt buttons main body

Langkah 3

Selesaikan tanda, dan dengan itu ikon itu sendiri, dengan menambahkan segmen garis dengan menggunakan tinggi 12 px dan Stroke setebal 8 px (#629CF9), yang akan kita posisikan di atas titik, pada jarak hanya 4 px. Pilih dan kelompokkan (Control-G) kedua bentuk bersama, lakukan hal yang sama untuk keseluruhan ikon, sebelum beralih ke yang berikutnya.

finishing off the information prompt button

10. Cara Membuat Ikon Berbagi

Berbagi adalah salah satu dari hal-hal yang membuat Internet menjadi tempat yang tepat untuk mengetahui keberadaan digital Anda, jadi saya akan membagikan pendekatan sederhana tentang bagaimana membuat ikon Anda sendiri yang dapat dibagikan.

Langkah 1

Buat bagian utama ikon menggunakan tiga lingkaran 16 x 16 px (#DCEEFF) dengan garis setebal 8 px (#629CF9), yang akan kita kelompokkan secara terpisah (Control-G) dan kemudian posisikan seperti yang terlihat pada gambar referensi.

creating and positioning the main shapes for the share buttons main sections

Langkah 2

Gambarlah segmen garis yang menghubungkan ketiga bagian dengan menggunakan garis luar setebal 8 px (#629CF9) dengan Round Cap dan Join. Luangkan waktu Anda, dan setelah selesai, kirim path yang dihasilkan di bawahnya dengan klik kanan > Arrange > Send to Back, pilih dan kelompokkan semua bentuk komposisi ikon bersama-sama menggunakan shortcut keyboard Control-G.

finishing off the sharing button

11. Cara Membuat Ikon Indikator Peralihan Umum

Kami senang mengubah hal-hal dengan menyalakan dan mematikan, jadi mengapa tidak menghabiskan beberapa saat dan melihat bagaimana kita dapat membuat indikator keadaan kita sendiri.

Langkah 1

Mulai bekerja pada ikon toggle off dengan membuat bodi utamanya menggunakan kotak lonjong bulat 48 x 32 px (#DCEEFF) dengan Corner Radius 16 px dan garis tebal 8 px (#629CF9), yang akan kita kelompokkan (Control-G) dan kemudian tengah sejajar dengan Artboard berikutnya.

creating and positioning the main shapes for the toggle off buttons main body

Langkah 2

Tambahkan tanda indikator dengan menggunakan lingkaran 16 x 16 px, yang akan kita warnai dengan #629CF9, kemudian pusatkan sejajar dengan bentuk yang lebih besar, posisikan pada jarak 4 px dari tepi kiri garis besar. Setelah selesai, pilih dan kelompokan (Control-G) ketiga bentuk bersama-sama, sebelum beralih ke ikon berikutnya.

finishing off the toggle off button

Langkah 3

Buat pengalihan status dengan menggunakan salinan (Control-C) dari yang baru saja kita kerjakan, yang akan kita tempelkan ke Artboard (Control-F) berikutnya, lalu sesuaikan dengan memantulkannya secara vertikal (klik kanan > Transform > Reflect > Vertical).

creating the toggle on button

12. Cara Membuat Ikon Hamburger Menu

Item berikutnya dalam daftar kita adalah salah satu ikon yang langsung menjadi game changer begitu digunakan dan dipahami sepenuhnya, karena langsung diadopsi sebagai simbol universal.

Langkah 1

Mulai bekerja pada bagian tengah menu dengan membuat lingkaran 8 x 8 px, yang akan kita warnai dengan #629CF9 lalu pusatkan garis lurus ke tepi kiri area gambar aktif.

creating the main circle for the menu buttons center section

Langkah 2

Tambahkan segmen batang menggunakan garis Stroke lebar 36 px tebal 8 px (#629CF9) dengan Round Cap, yang akan kita jajarkan langsung ke sisi kanan area gambar aktif. Luangkan waktu Anda, dan begitu Anda memiliki path di tempat, pilih keduanya dan lingkaran dan kelompokkan mereka bersama-sama menggunakan shortcut keyboard Control-G.

adding the bar segment to the menu buttons center section

Langkah 3

Selesaikan ikon dengan menambahkan bagian atas dan bawah dengan membuat dua salinan (Control-C > Control-F dua kali) dari bentuk yang baru saja kita kelompokkan, yang akan kita posisikan pada jarak 8 px dari yang asli. Setelah selesai, pilih dan kelompokkan (Control-G) semua bagian penulisannya sebelum beralih ke ikon berikutnya.

finishing off the burger menu button

13. Cara Membuat Ikon Pengaturan

Baik itu sproket atau slider, kita semua bisa sepakat bahwa ikon pengaturan adalah hal yang harus dimiliki dalam paket UI manapun, karena penyesuaian adalah salah satu dari hal-hal yang selalu kita sukai, jika Anda tahu maksud saya.

Langkah 1

Mulailah dengan membuat segmen slider ikon menggunakan tiga garis 48 px tebal Stroke 8 px (#629CF9) dengan Round Cap, yang akan ditumpuk secara vertikal pada jarak 16 px satu sama lain, tengah menyelaraskannya dengan Artboard yang kosong. setelah itu.

creating and positioning the main shapes for the settings buttons bar segments

Langkah 2

Selesaikan ikon dengan menambahkan tombol penyesuaian menggunakan tiga lingkaran 12 x 12 px (#DCEEFF) dengan garis oultine setebal 8 px (#629CF9), yang akan kita kelompokkan sendiri (Control-G) dan kemudian posisikan pada slider seperti yang terlihat pada gambar referensi Setelah selesai, jangan lupa untuk memilih dan mengelompokkan (Control-G) semua bentuk penulisan ikon sebelum beralih ke yang berikutnya.

finishing off the settings button

14. Cara Membuat Ikon Suka

Kita sekarang berada di kelompok ikon terakhir kita, dan betapa lebih baik mengakhiri paket daripada menambahkan tanda hati kecil.

Langkah 1

Mulai bekerja pada bagian atas tombol seperti dengan membuat lingkaran 28 x 28 px, yang akan kita warnai dengan #DCEEFF, lalu posisikan 8 px dari tepi atas area gambar aktif dan 4 px dari yang kiri.

creating and positioning the main shape for the like buttons upper body

Langkah 2

Buat lingkaran 28 x 28 px lainnya (#DCEEFF), yang akan kita posisikan ke sisi berlawanan dari area gambar aktif, pastikan untuk mempertahankan celah yang sama. Setelah Anda memiliki kedua bentuk di tempat, pilih dan satukan menjadi objek tunggal yang lebih besar dengan menggunakan Unite Shape Mode dari Pathfinder.

uniting the composing shapes of the like buttons upper body into a single larger shape

Langkah 3

Nyalakan mode Pixel Preview (Alt-Shift-Y), dan sesuaikan bentuk yang dihasilkan dengan memilih dan melepaskan bagian bawahnya lalu sesuaikan anchor point di bagian tengah kembali ke Pixel Grid.

adjusting the shape of the like buttons upper body

Langkah 4

Ambil Pen Tool (P) dan tarik bagian bawah tubuh, pastikan untuk menghaluskan sisi anchor point dengan menggunakan anchor point Convert yang dipilih agar lancar. Luangkan waktu Anda dan sesuaikan bentuknya dengan memilih dan memposisikan beberapa titik akhir pegangannya seperti yang terlihat pada gambar referensi, matikan mode Pixel Preview (Alt-Control-Y) sebelum beralih ke langkah berikutnya setelah selesai.

adjusting the shape of the like buttons lower body

Langkah 5

Selesaikan ikon dengan memberikan bentuk yang dihasilkan dengan garis tebal 8 px (#629CF9) dengan Round Join, pastikan untuk memilih dan mengelompokkannya (Control-G) keduanya sebelum beralih ke yang berikutnya.

finishing off the like button

Langkah 6

Buat ikon terakhir dengan menggunakan salinan yang baru saja kita selesaikan, yang akan kita posisikan di Artboard terakhir dan kemudian berubah menjadi tombol tidak suka dengan menambahkan palang diagonal menggunakan Stroke setebal 8 px (#629CF9) dengan sebuah Round Cap. Setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisannya sebelum menyimpan proyek.

creating the dislike button

Kerja bagus! Paket UI Kecil Kita Sudah Selesai!

Seperti biasa, saya harap Anda menikmati tutorial langkah-demi-langkah ini dan yang terpenting mempelajari sesuatu yang baru dan bermanfaat sepanjang waktu!

finished project preview
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.