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

Bagaimana untuk membuat serangkaian tombol UI musik Player Adobe ilustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by nila sardi (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial hari ini kita akan belajar cara membuat set kontrol musik tombol UI, kami sendiri menggunakan beberapa bentuk paling dasar dan alat-alat yang ditawarkan ilustrator.

Dan jangan lupa, Anda selalu dapat memperluas paket dengan judul di atas untuk GraphicRiver, mana Anda akan menemukan banyak pilihan UI bertema ikon.

Bahwa menjadi kata, pastikan Anda mengisi cangkir kopi itu karena akan menjadi panjang dan menarik satu!

1. cara mengatur File proyek baru

Dengan asumsi Anda sudah memiliki ilustrator up dan berjalan di latar belakang, membawanya ke atas dan mari kita mengatur dokumen baru (File > baru atau kontrol-N) menggunakan pengaturan berikut:

  • Jumlah Artboards: 16
  • Jarak: 20 px
  • Lebar: 32 px
  • Tinggi: 32 px
  • Unit: piksel

Dan dari Advanced tab:

  • Warna Mode: RGB
  • Efek raster: Layar (72ppi)
  • Pratinjau Mode: standar
setting up a new document

2. Cara Set Up sebuah Grid kustom

Karena kita akan pergi untuk menciptakan ikon menggunakan alur kerja pixel sempurna, kita akan ingin mengatur kotak kecil yang bagus sehingga kita dapat memiliki kontrol penuh atas bentuk kami.

Langkah 1

Pergi ke Edit > preferensi > & panduan Grid submenu, dan menyesuaikan pengaturan berikut:

  • Gridline setiap: 1 px
  • Pembagian administratif: 1
setting up a custom grid

Quick tip: Anda dapat mempelajari lebih lanjut tentang grids dengan membaca bagian ini mendalam pada bagaimana ilustrator Grid sistem bekerja.

Langkah 2

Setelah kami telah membuat grid kustom kami, kita perlu lakukan untuk memastikan kami bentuk terlihat segar adalah mengaktifkan Snap untuk Grid dan Snap untuk pilihan Pixel yang ditemukan di bawah menu View, yang akan berubah menjadi Snap untuk Pixel setiap kali Anda memasukkan modus pratinjau Pixel (jika Anda menggunakan versi perangkat lunak).

Sekarang, jika Anda baru untuk seluruh "alur kerja pixel-sempurna", saya sangat menyarankan Anda pergi melalui saya bagaimana untuk membuat karya seni Pixel sempurna tutorial, yang akan membantu Anda memperluas keterampilan teknis dalam waktu singkat.

3. Bagaimana cara mengatur lapisan

Dengan dokumen yang baru dibuat, itu akan menjadi ide yang baik untuk struktur proyek kami menggunakan beberapa lapisan untuk memisahkan grid referensi dari ikon yang sebenarnya. Jika Anda akrab dengan tutorial saya sebelumnya, Anda akan melihat bahwa dengan yang satu ini kami mengambil pendekatan yang sedikit berbeda, karena kita mendasarkan proyek pada Artboards bukan lapisan karena jumlah tinggi ikon.

Bahwa menjadi kata, memunculkan Layers panel dan buat total dua lapisan, yang kita akan mengubah sebagai berikut:

  • lapisan 1: referensi grid
  • lapisan 2: ikon
setting up the layers

4. Bagaimana cara membuat Grids referensi

Referensi grid (atau dasar grid) adalah seperangkat justru dibatasi referensi permukaan, yang memungkinkan kita untuk membangun ikon kami dengan berfokus pada ukuran dan konsistensi.

Biasanya, ukuran grid menentukan ukuran ikon yang sebenarnya, dan mereka harus selalu keputusan pertama Anda membuat setelah Anda memulai sebuah proyek baru, karena Anda akan selalu ingin mulai dari ukuran mungkin terkecil dan membangun itu.

Sekarang, dalam kasus kami, kami akan menciptakan ikon Pak menggunakan hanya satu ukuran, lebih tepat 32 x 32 px, yang terletak di ujung skala kecil.

Langkah 1

Pastikan Anda berada di lapisan tepat (yang akan menjadi yang pertama), dan kemudian ambil Rectangle Tool (M) dan menciptakan 32 x 32 px orange (#F15A24) persegi yang kami akan pusat menyelaraskan Artboard pertama dan gunakan untuk menentukan ukuran keseluruhan ikon kami.

creating the main shape for the reference grid

Langkah 2

Tambahkan 28 x 28 px kecil satu (#FFFFFF), yang kita akan posisi di atas bentuk yang sebelumnya, karena akan bertindak sebagai daerah gambar kami aktif, dengan demikian memberikan kita all-around padding px 2 untuk bekerja dengan.

creating the main shape for the active drawing area

Langkah 3

Pilih dan kelompok dua kotak bersama-sama menggunakan cara pintas keyboard kontrol-G, dan kemudian membuat grid tersisa yang menggunakan salinan 15 (Control-C > kontrol-F) yang kita akan posisi ke masing-masing Artboards kosong. Luangkan waktu Anda, dan setelah Anda selesai, pastikan Anda mengunci lapisan ini sebelum pindah ke bagian berikutnya.

adding the remaining reference grids

5. cara membuat tombol Play

Dengan asumsi Anda sudah berhasil membuat grid referensi kecil, beralih ke lapisan berikutnya (yang akan menjadi yang kedua), dan mari kita memulai proyek dengan menciptakan ikon set pertama.

Langkah 1

Mulailah dengan membuat tubuh utama tombol menggunakan 20 x 24 px persegi panjang dengan 4 px menyelaraskan tebal Stroke (#152730) dengan putaran bergabung, yang kami akan pusat ke Artboard pertama.

creating and positioning the main shape for the play button

Langkah 2

Menyesuaikan bentuk persegi panjang yang kita baru saja dibuat, dengan menambahkan titik anchor baru ke pusat tepi kanan menggunakan menambahkan Anchor Point alat (+) dan kemudian menghapus orang-orang atas dan kanan bawah menggunakan menghapus Anchor Point alat (-).

finishing off the play button

6. cara membuat tombol Stop

Tombol berikutnya adalah salah satu yang paling mudah untuk membuat karena itu terbuat dari bentuk tunggal.

Ambil Rectangle Tool (M) dan membuat tubuh tombol menggunakan 24 x 24 px persegi dengan 4 px tebal Stroke (#152730) dengan putaran bergabung, yang kita akan posisi di pusat Artboard kedua.

creating and positioning the main shape for the stop button

7. cara membuat tombol Pause

Dengan asumsi Anda telah memposisikan diri ke Artboard ketiga, mari kita mulai bekerja pada kami berikutnya tombol.

Langkah 1

Membuat tombol kiri bagian menggunakan 8 x 24 px persegi dengan 4 px tebal Stroke (#152730) dan bulat bergabung, yang kami akan pusat menyelaraskan ke daerah gambar aktif kiri edge, seperti yang terlihat dalam gambar referensi.

creating and positioning the main shape for the left section of the pause button

Langkah 2

Menghabisi tombol dengan menambahkan bagian yang tepat menggunakan salinan (Control-C > kontrol-F) dari bentuk yang kita baru saja dibuat, yang kita akan posisi di sisi berlawanan dari daerah gambar aktif. Setelah Anda memiliki salinan di tempat, pastikan untuk memilih dan kelompok (kontrol-G) kedua bentuk bersama-sama sebelum pindah ke tombol next.

finishing off the pause button

8. cara membuat tombol

Beralih ke Artboard berikutnya (yang akan menjadi satu keempat) dan mari kita cepat membuat tombol.

Langkah 1

Ambil Ellipse Tool (L) dan membuat 24 x 24 px lingkaran dengan 4 px menyelaraskan tebal Stroke (#152730), yang kami akan pusat ke daerah gambar mendasari aktif.

creating and positioning the main shape for the record button

Langkah 2

Menyelesaikan tombol dengan menambahkan 12 x 12 px lingkaran yang lebih kecil dengan 4 px tebal Stroke (#EF815B) di pusat bentuk yang lebih besar, pastikan untuk memilih dan kelompok dua bersama-sama menggunakan cara pintas keyboard kontrol-G.

finishing off the record button

9. cara membuat tombol maju cepat

Dengan asumsi Anda sudah selesai bekerja pada tombol sebelumnya, beralih ke baris kedua Artboards, dimana kami akan mulai bekerja pada tombol maju cepat kecil.

Langkah 1

Membuat bentuk utama untuk panah kanan menggunakan persegi panjang px 12 x 16 dengan 4 px menyelaraskan tebal Stroke (#EF815B) dengan putaran bergabung, yang kami akan pusat ke tepi kanan wilayah gambar aktif.

creating and positioning the main shape for the right arrow of the fast forward button

Langkah 2

Mengubah bentuk yang kita baru saja dibuat menjadi sebuah panah kanan menghadap yang menggunakan proses yang sama yang digunakan untuk tombol play, dengan menambahkan titik anchor baru ke pusat tepi kanan menggunakan menambahkan Anchor Point alat (+), dan kemudian menghapus yang atas dan bawah kanan yang menggunakan Delet e Anchor Point alat (-).

adjusting the shape of the right arrow of the fast forward button

Langkah 3

Menyelesaikan tombol dengan menambahkan tombol panah kiri yang menggunakan salinan (Control-C > kontrol-F) salah satu yang kita baru saja selesai bekerja, yang kami akan menyesuaikan dengan menetapkan warna Stroke yang ke #152730, menyelaraskan ke sisi kiri area gambar aktif. Setelah Anda selesai, pilih dan kelompok dua bentuk bersama-sama menggunakan cara pintas keyboard kontrol-G.

finishing off the fast forward button

10. cara membuat tombol mundur cepat

Selanjutnya, kita akan membuat tombol mundur cepat dengan bantuan dari salah satu yang kita baru saja selesai bekerja pada.

Membuat salinan (Control-C > kontrol-F) bentuk bahwa kami hanya telah dikelompokkan dan posisi itu pada Artboard berikutnya, pastikan untuk vertikal mencerminkan menggunakan alat mencerminkan (klik kanan > mengubah > mencerminkan > vertikal).

creating the fast backward button

11. cara membuat tombol Skip maju

Posisi sendiri ke Artboard berikutnya, dan mari kita membuat tombol skip yang maju.

Langkah 1

Mulailah dengan membuat bagian kanan tombol gunakan 6 x 24 px persegi panjang dengan 4 px menyelaraskan tebal Stroke (#EF815B) dengan putaran bergabung, yang kami akan pusat ke tepi kanan wilayah gambar aktif.

creating and positioning the main shape for the right section of the skip forward button

Langkah 2

Menambahkan bentuk utama untuk panah kanan menghadap menggunakan 18 x 24 px persegi panjang dengan 4 px tebal Stroke (#152730) dengan putaran bergabung, yang kita akan posisi di sisi berlawanan yang mendasari aktif menggambar daerah.

creating and positioning the main shape for the left section of the skip forward button

Langkah 3

Menyelesaikan tombol dengan mengubah bentuk yang kami buat hanya ke dalam menghadap kanan Panah, pastikan untuk memilih dan kelompok (kontrol-G) semuanya dengan menyusun bentuk bersama-sama, sebelum pindah ke yang berikutnya.

finishing off the skip forward button

12. cara membuat tombol Skip mundur

Selanjutnya, kita akan segera membuat versi cermin tombol skip dalam hitungan detik.

Membuat salinan (Control-C > kontrol-F) tombol bahwa kami baru saja selesai bekerja di, dan posisi itu ke Artboard berikutnya, pastikan untuk vertikal mencerminkan menggunakan alat mencerminkan (klik kanan > mengubah > mencerminkan > vertikal).

creating the skip backward button

13. cara membuat tombol Shuffle

Posisi sendiri ke baris ketiga dari Artboards, dan mari kita mulai bekerja pada tombol shuffle kecil.

Langkah 1

Aktifkan modus pratinjau Pixel (Alt-kontrol-Y), dan kemudian mengambil jalan berbentuk z menggunakan 4 px tebal Stroke (#EF815B) dengan topi bulat, menggunakan referensi gambar sebagai panduan utama Anda. Luangkan waktu Anda, dan setelah Anda selesai, lanjutkan ke langkah berikutnya.

drawing the main shape for the upper section of the shuffle button

Langkah 2

Menyesuaikan bentuk dari path yang kita baru saja dibuat, oleh membantu kelancaran keluar batin menghadapi jangkar poin menggunakan Convert dipilih jangkar poin untuk kelancaran alat, dan kemudian reposisi handlenya pada jarak 6 px dari pusat mereka.

adjusting the shape of the upper section of the shuffle button

Langkah 3

Sementara masih dalam modus pratinjau Pixel, menarik panah kanan menghadap kecil menggunakan gambar referensi sebagai panduan utama Anda. Setelah Anda selesai, pilih dan kelompok (kontrol-G) jalan dua bersama-sama membuat yakin untuk kembali ke modus pratinjau Default (Alt-kontrol-Y).

adding the arrowhead to the upper section of the shuffle button

Langkah 4

Menghabisi tombol dengan menambahkan bagian yang lebih rendah menggunakan salinan (Control-C > kontrol-F) bentuk yang kita baru saja selesai bekerja, yang kita akan mencerminkan horizontal (klik kanan > mengubah > mencerminkan > horisontal) dan kemudian posisi sehingga jalan tumpang tindih, sebagai terlihat di gambar referensi.

finishing off the shuffle button

14. cara membuat tombol ulangi

Dengan asumsi Anda sudah selesai bekerja pada tombol shuffle, beralih ke Artboard berikutnya, di mana kami akan mulai bekerja pada satu ulangi.

Langkah 1

Mulai dengan menciptakan bentuk utama untuk tombol bagian atas menggunakan 18 x 8 px persegi panjang dengan 4 px tebal Stroke (#152730), yang kita akan menyelaraskan wilayah gambar aktif meninggalkan tepi, posisi itu pada jarak 6 px dari pinggi atasnya.

creating and positioning the main shape for the upper body of the repeat button

Langkah 2

Menyesuaikan bentuk persegi yang kami buat hanya dengan mengatur Radius sudut kiri atas 8 px dari dalam Transform panel Rectangle properti.

adjusting the shape of the upper section of the repeat button

Langkah 3

Terus menyesuaikan dengan bentuk, dengan memilih yang jangkar kanan bawah titik menggunakan alat seleksi langsung (A) dan kemudian menghapus itu dengan menekan menghapus, pastikan untuk menetapkan topi jalan yang dihasilkan ke babak.

removing the lower section from the upper body of the repeat button

Langkah 4

Tambahkan panah kanan menghadap kecil menggunakan salinan (Control-C > kontrol-F) satu dari tombol sebelumnya, yang kita akan posisi ke titik anchor kanan jalan yang disesuaikan, seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pilih dan kelompok dua jalur yang bersama-sama menggunakan cara pintas keyboard kontrol-G.

adding the arrowhead to the upper body of the repeat button

Langkah 5

Menyelesaikan tombol saat ini, dengan membuat bagian yang lebih rendah menggunakan salinan (Control-C > kontrol-F) bentuk yang kami hanya telah dikelompokkan, yang kita akan secara horizontal dan vertikal mencerminkan (klik kanan > mengubah > mencerminkan > horisontal dan vertikal) dan kemudian posisi seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pilih dan kelompok (kontrol-G) kedua bagian bersama-sama, sebelum pindah ke tombol next.

finishing off the repeat button

15. cara membuat tombol Playlist

Selanjutnya, kita akan mengambil beberapa saat dan membuat tombol playlist, jadi pastikan Anda telah memposisikan diri ke Artboard baru, dan mari kita mulai.

Langkah 1

Membuat jalur horisontal kecil yang menggunakan dua 14 px lebar 4 px tebal stroke (#152730) dengan topi bulat, posisi 4 px di atas 4px kecil lebar satu (#152730), yang kita akan kelompok (kontrol-G) dan kemudian menyelaraskan tepi kiri atas wilayah gambar aktif.

Langkah 2

Mulai bekerja pada catatan musik dengan menciptakan tubuh yang lebih rendah menggunakan 10 x 8 px elips dengan 4 px tebal Stroke (#EF815B), yang kita akan menyelaraskan wilayah gambar aktif tepi bagian bawah, posisi itu pada jarak 4 px dari tepi kanan.

creating and positioning the main shape for the lower section of the musical note

Langkah 3

Dari catatan, dan dengan itu menyelesaikan ikon itu sendiri, dengan Menggambar batang dengan menggunakan 4 px tebal Stroke (#EF815B) dengan topi putaran dan bergabung menggunakan referensi gambar sebagai panduan utama Anda. Mengambil waktu Anda, dan setelah Anda selesai, pilih dan group (kontrol-G) semuanya dengan menyusun bentuk bersama-sama sebelum pindah ke yang berikutnya.

finishing off the playlist button

16. cara membuat menambahkan ke daftar putar tombol

Dengan asumsi Anda sudah selesai bekerja pada tombol sebelumnya, membuat jalan ke Artboard berikutnya dan mari kita mulai bekerja pada item kami berikutnya.

Langkah 1

Tendangan hal off oleh menciptakan garis horisontal rinci yang menggunakan dua 24 px lebar 4 px tebal stroke (#152730) dengan topi bulat, vertikal ditumpuk 4 px di atas 10 px kecil dua yang (#152730), yang kita akan group (kontrol-G) dan kemudian pusat menyelaraskan ke daerah gambar aktif tepi kiri.

creating the main shapes for the left section of the add to playlist button

Langkah 2

Mulai bekerja pada tanda plus kecil dengan membuat segmen vertikal menggunakan 8 px tinggi 4 px tebal Stroke line (#EF815B) dengan topi putaran, yang kita akan menyelaraskan wilayah gambar aktif tepi bagian bawah, posisi itu pada jarak 4 px dari tepi kanan.

creating and positioning the main shape for the vertical section of the plus symbol

Langkah 3

Selesai dari tanda plus, dan dengan itu tombol itu sendiri, dengan menambahkan segmen horisontal yang menggunakan 8 px tebal Stroke (#EF815B) dengan topi putaran, yang kami akan pusat menyelaraskan segmen diciptakan sebelumnya. Setelah Anda selesai, pilih dan kelompok (kontrol-G) dua bersama-sama, melakukan hal yang sama untuk seluruh tombol sesudahnya.

finishing off the add to playlist button

17. Bagaimana cara membuat tombol Download

Posisi sendiri ke baris keempat dan terakhir dari Artboards, dan mari kita mulai bekerja pada tombol angka 13.

Langkah 1

Membuat bentuk utama untuk kotak menggunakan 24 x 6 px persegi panjang dengan 4 px tebal Stroke (#EF815B) dengan topi putaran dan bergabung, yang kami akan pusat menyelaraskan tepi bagian bawah daerah gambar aktif.

creating and positioning the main shape for the bottom section of the download button

Langkah 2

Membuka jalan bentuk yang kita baru saja dibuat, dengan menambahkan titik anchor baru ke pusat pinggi atasnya menggunakan menambahkan Anchor Point alat (+), yang kami akan kemudian menghapus menggunakan alat titik Anchor menghapus (-).

opening up the path of the bottom section of the download button

Langkah 3

Mulai bekerja pada panah bawah menghadap, dengan membuat tubuhnya utama menggunakan  ctinggi 4px 18px menyelaraskan tebal Stroke (#152730) dengan topi putaran, yang kami akan pusat ke daerah gambar aktif atas tepi.

creating the main body for the down facing arrow of the download button

Langkah 4

Selesai dari Panah, dan dengan itu tombol itu sendiri, dengan menggambar kepala menghadap down menggunakan 4 px tebal Stroke (#152730) dengan topi putaran dan bergabung. Setelah Anda selesai, pilih dan group (kontrol-G) panah yang menyusun bentuk bersama-sama, pastikan untuk melakukan hal yang sama untuk seluruh tombol sesudahnya.

finishing off the download button

18. cara membuat tombol EQ

Berikutnya dari daftar kami adalah tombol EQ, yang seperti yang Anda lihat adalah cukup mudah untuk membuat.

Langkah 1

Mulai keluar dengan menciptakan tiga kolom 4 px lebar 4 px tebal Stroke baris (#152730), yang kita akan vertikal tumpukan 2 px dari satu sama lain secara vertikal dan horizontal.

creating and positioning the main shapes for the eq button

Langkah 2

Pilih tiga Stroke baris, dan kemudian menyesuaikan mereka dengan mengubah warna mereka #EF815B.

adjusting the color of the eq button

Langkah 3

Menyelesaikan tombol dengan memilih dan menghapus beberapa segmen garis pembentuk seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pilih dan kelompok (kontrol-G) semua yang tersisa sebelum pindah ke tombol next.

finishing off the eq button

19. cara membuat tombol Cast

Dengan asumsi Anda sudah selesai bekerja pada tombol sebelumnya, beralih ke Artboard berikutnya, dan mari kita mulai bekerja pada simbol pemain kecil.

Langkah 1

Membuat tombol bentuk utama menggunakan 24 x 20 px persegi panjang dengan 4 px tebal Stroke (#152730) dan bulat topi dan bergabung, yang kami akan pusat menyelaraskan mendasari daerah gambar aktif.

creating and positioning the main shape for the body of the cast button

Langkah 2

Menyesuaikan bentuk yang kita baru saja dibuat, dengan beralih ke modus pratinjau Pixel (Alt-kontrol-Y) dan kemudian menambahkan jangkar baru titik 4 px dari sudut kiri atas, diikuti oleh satu lagi diposisikan 8 px dari sudut kanan bawah menggunakan menambahkan Anchor Point alat (+).

adding a set of new anchor points to the body of the cast button

Langkah 3

Membuka jalan yang kami hanya telah disesuaikan dengan memilih titik kiri bawah jangkar menggunakan alat seleksi langsung (A), dan kemudian menghapus itu dengan menekan menghapus.

adjusting the shape of the body of the cast button

Langkah 4

Mulai bekerja pada bagian kiri dengan menciptakan 8 x 8 px lingkaran dengan 4 px tebal Stroke (#EF815B), yang kita akan posisi seperti yang terlihat dalam gambar referensi.

creating and positioning the smaller circle for the cast button

Langkah 5

Membuat sedikit lebih besar 20 x 20 px lingkaran dengan 4 sama px tebal Stroke (#EF815B), yang kami akan pusat menyelaraskan ke satu dari langkah sebelumnya.

creating and positioning the larger circle onto the cast button

Langkah 6

Menyelesaikan tombol dengan memilih dan menghapus dua lingkaran bawah dan kiri jangkar poin, pengelompokan dihasilkan bentuk dan bingkai besar bersama-sama menggunakan cara pintas keyboard kontrol-G.

finishing off the cast button

20. cara membuat tombol berbagi

Kita sekarang ke tombol kami 16 dan terakhir, jadi pastikan Anda telah memposisikan diri ke Artboard sisa dan mari kita menyelesaikan ini!

Langkah 1

Mulailah dengan membuat bingkai persegi panjang px 24 x 16 dengan 4 px menyelaraskan tebal Stroke (#152730) dengan topi putaran dan Join, yang kami akan pusat ke tepi bagian bawah daerah gambar aktif, posisi itu pada jarak hanya 2 px dari itu.

creating and positioning the main shape for the body of the share button

Langkah 2

Menyesuaikan bentuk yang kami buat hanya dengan menambahkan titik anchor baru pada jarak 4 px dari bingkai bagian kiri-atas, diikuti oleh satu lagi pada jarak 6 px dari satu kanan bawah nya. Membuka jalan bentuk dihasilkan dengan memilih yang jangkar kanan titik menggunakan alat seleksi langsung (A) dan kemudian menghapus itu dengan menekan Delete.

opening up the path of the body for the share button

Langkah 3

Tombol saat ini, dan dengan itu menyelesaikan proyek itu sendiri, dengan menambahkan menghadap kanan panah menggunakan salinan (Control-C) satu dari tombol ulangi, yang kita akan paste (Control-F) ke Artboard saat ini dan kemudian menyesuaikan dengan memperpendek panjang tubuhnya dari 18 px 16 px.

Setelah Anda selesai, posisi yang dihasilkan bentuk sebagai dilihat pada referensi gambar, pastikan untuk memilih dan kelompok (kontrol-G) semua tombol menyusun bentuk bersama-sama sebelum memukul yang menyimpan tombol.

finishing off the share button

It's a Wrap!

Di sana Anda memilikinya — baik dan mudah tutorial tentang cara membuat serangkaian Anda sendiri tombol kontrol. Seperti biasa, saya harap Anda telah berhasil mengikuti setiap langkah dan, yang paling penting, belajar trik baru atau dua sepanjang jalan.

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.