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

Cara Membuat Paket Ikon Aksesoris yang Stylish di Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Redy Sediawan (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial hari ini kita akan membahas mode dan mempelajari cara membuat satu set paket ikon yang bergaya, menggunakan bentuk dan alat paling dasar yang ditawarkan Illustrator.

Juga, jangan lupa Anda selalu dapat memperluas paket dengan menuju ke GraphicRiver, tempat Anda dapat menemukan banyak pilihan aksesori vektor untuk dipilih.

Yang sedang berkata, ambil batch segar kopi hipster itu, dan mari kita mulai!

1. Cara Mengatur File Proyek Baru

Dengan asumsi Anda sudah memiliki Illustrator dan berjalan di latar belakang, angkat dan biarkan mengatur Dokumen Baru (File> Baru atau Control-N) menggunakan pengaturan berikut:

  • Jumlah Artboards: pengaturan 1:
  • Lebar: 800 px
  • Tinggi: 600 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. cara mengatur lapisan

Dengan dokumen yang baru dibuat, itu akan menjadi ide yang baik untuk struktur proyek kami menggunakan lapisan, karena cara ini kami dapat mempertahankan alur kerja yang stabil dengan berfokus pada satu ikon pada suatu waktu.

Bahwa menjadi kata, membawa panel lapisan, dan membuat total lima lapisan, yang kita akan mengubah sebagai berikut:

  • lapisan 1: referensi grid
  • lapisan 2: kacamata
  • lapisan 3: tas kulit
  • lapisan 4: Sepatu
  • lapisan 5: watch
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 128 x 128 px, yang adalah salah satu yang cukup besar.

Langkah 1

Mulailah dengan penguncian semua kecuali lapisan "referensi Grid", dan kemudian ambil Rectangle Tool (M) dan menciptakan persegi 128 x 128 px jeruk (#F15A24), yang akan membantu menentukan ukuran keseluruhan ikon kami.

creating the reference grids main shape

Langkah 2

Menambahkan lebih kecil 120 x 120 px 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 4 px padding untuk bekerja dengan.

creating and positioning the active drawing areas main shape

Langkah 3

Pilih dan kelompok dua kotak bersama-sama menggunakan pintasan keyboard kontrol-G, Pusat menyelaraskan mereka untuk Artboard mendasari sesudahnya. Membuat grid tersisa yang menggunakan tiga sisi salinan (Control-C > kontrol-F tiga kali) pada jarak 40 px dari yang asli, mengunci lapisan ini sebelum pindah ke bagian berikutnya.

adding the remaining reference grids

5. cara membuat ikon kacamata

Dengan asumsi Anda selesai membuat grid referensi yang kecil, melanjutkan ke lapisan berikutnya (yang akan menjadi yang kedua) dan mari kita memulai proyek dengan menciptakan ikon pertama kami.

Langkah 1

Mulai bekerja pada bagian kiri gelas. Membuat lensa menggunakan elips px 44 x 44, yang kita akan menggunakan #6FD8C4 warna dan kemudian posisi pada jarak 10 px dari daerah gambar aktif kiri edge dan 18 px dari atas satu.

creating and positioning the main shape for the glasses left lens

Langkah 2

Memberikan bentuk bahwa kami baru saja menciptakan sebuah kerangka yang menggunakan metode Stroke, dengan menciptakan salinan itu (Control-C), yang kita akan paste di depan (Control-F) dan kemudian menyesuaikan dengan pertama mengubah warnanya untuk #3D2F2C. Flip mengisi salinan dengan Stroke yang (Shift-X), pastikan untuk mengatur beratnya 4 px. Setelah Anda selesai, pilih dan kelompok kedua bentuk bersama-sama menggunakan cara pintas keyboard kontrol-G sebelum pindah ke langkah berikutnya.

adding the outline to the glasses left lens

Langkah 3

Aktifkan modus pratinjau Pixel (Alt-kontrol-Y) dan menggunakan pena alat (P) untuk menarik bagian kiri akhir (#3D2F2C) yang menggunakan gambar referensi sebagai panduan Anda, membuat yakin itu tumpang tindih lingkaran di atas-kiri kuartal. Luangkan waktu Anda, dan setelah Anda senang dengan hasilnya, kembali ke modus pratinjau Default (Alt-kontrol-Y) sebelum pindah ke langkah berikutnya.

drawing the glasses left end piece

Langkah 4

Posisikan bentuk yang dihasilkan di bawah lensa yang lebih besar dengan mengklik kanan> Atur> Kirim ke Kembali.

positioning the glasses left end piece underneath the lens

Langkah 5

Mulailah mengerjakan bagian dalam lensa dengan membuat persegi panjang 8 x 16 px (# 3D2F2C), yang akan kami posisikan di bagian atas, pastikan untuk menyelaraskannya ke tepi kanannya.

creating and positioning the main shape for the glasses left inner piece

Langkah 6

Sesuaikan bentuk yang baru saja kita buat, dengan mengatur Radius dari sudut kanan atas ke 4 px dari dalam Properties Rectangle panel Transform. Setelah selesai, jangan lupa untuk mengirim bentuk yang dihasilkan di bawah lensa (klik kanan> Atur> Kirim ke Kembali), memilih dan mengelompokkan (Kontrol-G) semuanya bersama-sama sebelum melanjutkan ke langkah berikutnya.

adjusting the shape of the glasses left inner section

Langkah 7

Buat lensa yang tepat dari kacamata, menggunakan salinan (Control-C> Control-F) dari yang baru saja kita kelompokkan, yang akan kita refleksikan secara vertikal (klik kanan> Transform> Reflect> Vertical) dan kemudian posisikan ke sisi berlawanan dari area gambar aktif yang mendasarinya.

adding the glasses right lens

Langkah 8

Tambahkan bagian jembatan menggunakan lingkaran 16 x 16 px dengan Stroke setebal 4 px (# 3D2F2C), yang akan kami pusatkan sejajar dengan area gambar aktif, posisikan pada jarak 18 px dari tepi atasnya.

adding the glasses center bridge section

Langkah 9

Menyesuaikan lingkaran yang kami buat hanya dengan memilih titik anchor bawah menggunakan alat seleksi langsung (A) dan kemudian menghapus itu dengan menekan menghapus. Juga, karena kita hampir selesai dengan kacamata sendiri, kita dapat memilih semua mereka menyusun bagian dan kelompok mereka menggunakan cara pintas keyboard kontrol-G.

adjusting the glasses center bridge section

Langkah 10

Tambahkan bagian kiri string yang menggunakan 10 x 74 px persegi dengan 2 px tebal Stroke (#3D2F2C), yang kita akan posisi pada jarak 2 px dari daerah gambar aktif kiri edge dan 16 px dari yang bawah satu.

adding the left string section to the glasses

Langkah 11

Menyesuaikan bagian bawah string's dengan mengatur Radius sudutnya bawah 5 px dari dalam Transform panel Rectangle properti. Setelah Anda selesai, jangan lupa untuk posisi bentuk dihasilkan di bawah gelas (klik kanan > mengatur > kirim kembali) sebelum pindah ke langkah berikutnya.

adjusting the bottom section of the glasses left string

Langkah 12

Membuat bagian kanan string yang menggunakan salinan (Control-C > kontrol-F) salah satu yang kita baru saja selesai bekerja, yang kita akan posisi ke sisi berlawanan dari gelas, menjaga kesenjangan px 2 sama antara itu dan tepi kanan wilayah gambar aktif.

adding the right string section to the glasses

Langkah 13

Tambahkan bagian tali pusat menggunakan 12 px lebar 2 px tebal Stroke baris (#3D2F2C), yang kita akan posisi di bawah jembatan hidung, pada jarak 16 px dari yang arch atas.

adding the center string section to the glasses

Langkah 14

Menyelesaikan string, dan dengan itu icon itu sendiri, dengan menambahkan sedikit label menggunakan 4 x 10 px persegi (#F27E51) dengan 2 px tebal garis besar (#3D2F2C), tepi kanan yang kami akan pusat menyelaraskan px 2 x 4 kecil persegi (#3D2F2C) , membuat yakin ke grup (kontrol-G) semua tiga dari mereka setelah itu. Posisi label pada jarak 26 px dari string di bawah tepi, memilih dan pengelompokan (kontrol-G) semua ikon yang menyusun bagian sebelum pindah ke yang berikutnya.

finishing off the glasses icon

6. cara membuat ikon tas kulit

Dengan asumsi Anda sudah selesai bekerja pada ikon pertama, mengunci dengan lapisan dan kemudian pindah ke yang berikutnya (yang akan menjadi yang ketiga) dimana kita akan mulai bekerja pada aksesori fashion yang kedua kami.

Langkah 1

Membuat tas di bagian atas menggunakan 88 x 28 px persegi panjang (#B27866) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian pusat menyelaraskan ke daerah gambar aktif mendasari, posisi itu 16 px dari pinggi atasnya.

creating and positioning the main shapes for the leather bags upper section

Langkah 2

Tambahkan baris jahitan kecil menggunakan sepuluh 4 x 2 px persegi (#3D2F2C), horizontal menjauhkan oleh 4 px dari yang lain, yang kami akan group (kontrol-G) dan kemudian pusat menyelaraskan ke bagian yang lebih besar atas tepi, posisi mereka pada jarak hanya 2 px.

adding the stitch lines to the leather bags upper section

Langkah 3

Membuat sedikit penyisipan saku persegi panjang 16 x 6 px (#8E5A4F) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian pusat menyelaraskan ke bagian yang lebih besar, posisi itu 4 px dari ujung bawah.

adding the little insertion pocket to the leather bags upper section

Langkah 4

Tambahkan 6 x 6 px persegi (#3D2F2C) untuk masing-masing sisi penyisipan, pastikan untuk pusat menyelaraskan mereka menggunakan menyelaraskan Panel vertikal rata pusat pilihan.

adding the side squares to the leather bags pocket insertion

Langkah 5

Selesaikan saku dengan menciptakan 8 x 3 px persegi panjang (#3D2F2C), yang kami akan pusat menyelaraskan pinggi atasnya. Setelah Anda selesai, pilih dan group (kontrol-G) semua bentuk yang menyusun, melakukan hal yang sama untuk tas atas bagian selanjutnya.

adding the top insertion to the leather bags insertion pocket

Langkah 6

Membuat tas di bagian bawah, menggunakan 88 x 56 px persegi (#9B6759) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi di bawah bagian yang lebih kecil sehingga mereka menguraikan tumpang tindih.

creating and positioning the main shapes for the leather bags bottom section

Langkah 7

Tambahkan baris horisontal stitch menggunakan salinan (Control-C > kontrol-F) dari orang-orang yang kami buat untuk bagian atas tas, yang kita akan posisi pada jarak 2 px dari ujung bawah.

adding the horizontal stitch lines to the leather bags bottom section

Langkah 8

Tambahkan kiri menjahit baris menggunakan enam 2 x 4 px persegi (#3D2F2C), yang kita akan vertikal tumpukan 4 px dari satu sama lain, pengelompokan (kontrol-G) dan kemudian posisi mereka 2 px dari bagian yang lebih besar kiri dan atas tepi.

adding the left vertical stitch lines to the leather bags bottom section

Langkah 9

Membuat garis jahitan tepat vertikal menggunakan salinan (Control-C > kontrol-F) dari orang-orang yang kami hanya telah dikelompokkan, yang kita akan posisi ke seberang tas, pastikan untuk menjaga kesenjangan 2 px sama. Setelah Anda selesai, pilih dan grup Semua bagian bawah menyusun bentuk sama menggunakan cara pintas keyboard kontrol-G.

adding the right vertical stitch lines to the leather bags bottom section

Langkah 10

Tambahkan string sedikit memegang tas dua bagian bersama-sama menggunakan 12 x 18 px persegi dengan 2 px tebal Stroke (#3D2F2C), yang kami akan pusat menyelaraskan bagian atas tepi bagian bawah.

adding the string section to the leather bags upper section

Langkah 11

Tambahkan tombol kecil menggunakan 12 x 12 px lingkaran (#F2AC99) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi ke bagian string yang telah dibuat sebelumnya, seperti yang terlihat dalam gambar referensi.

adding the circular button to the leather bags bottom section

Langkah 12

Setelah Anda memiliki tombol di tempat, tambahkan lubang-lubang kecil yang menggunakan dua 2 x 2 px lingkaran (#3D2F2C), pada jarak horizontal 2 px dari yang lain, yang kami akan group (kontrol-G) dan kemudian pusat menyelaraskan semakin besar mendasari bentuk, pengelompokan (kontrol-G) mereka bersama sebagai Yah.

adding the little holes to the leather bags circular button

Langkah 13

Mulai bekerja pada tali dengan menciptakan kiri setengah bagian atas menggunakan persegi panjang 6 x 12 px (#8E5A4F) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi ke sisi tas, Pusat menyelaraskan ke bagian atas halaman.

adding the upper section of the leather bags left strap

Langkah 14

Buat tali itu sendiri dengan menggambar garis Stroke setebal 4 px (# 3D2F2C) menggunakan gambar referensi sebagai panduan utama Anda.

adding the left strap section to the leather bags side

Langkah 15

Setel tali dengan memilih dan mengatur sudut tajamnya secara individual, atur Radiusnya menjadi 4 px dari kotak input Live Corners. Setelah Anda selesai, pilih dan kelompokkan semua bentuk komposisi strap dengan menggunakan pintasan keyboard Control-G.

adjusting the shape of the leather bags left strap

Langkah 16

Selesai dari tali, dan dengan itu ikon itu sendiri, dengan menambahkan bagian kanannya menggunakan salinan (Control-C> Control-F) dari yang baru saja kita kerjakan, yang akan kita refleksikan secara vertikal (klik kanan> Transform> Reflect> Vertical) dan kemudian posisikan ke sisi berlawanan dari tas. Setelah selesai, jangan lupa untuk memilih dan kelompokkan (Kontrol-G) semua bagian yang menyusun ikon sebelum pindah ke yang berikutnya.

finishing off the leather bag icon

7. Cara Membuat Ikon Sepatu

Pada titik ini Anda mungkin sudah mengetahui latihan, jadi pastikan Anda berada di lapisan kanan (yang akan menjadi yang keempat) dan mari kita lompat ke dalamnya.

Langkah 1

Mulai bekerja pada sepatu depan dengan menciptakan bagian depan satu-satunya yang menggunakan 32 x 10 px persegi panjang (#F4E1DC) yang kami akan menyesuaikan dengan mengatur Radius sudutnya tepat 4 px dari dalam Transform panel Rectangle properti. Memberikan bentuk dihasilkan 4 px tebal garis besar (#3D2F2C), pengelompokan (kontrol-G) dan kemudian menyelaraskan dua ke daerah gambar aktif tepi kanan, posisi mereka pada jarak 32 px dari yang bawah satu.

creating and positioning the main shapes for the shoes smaller sole section

Langkah 2

Tambahkan satu-satunya back-end, menggunakan 64 x 10 px persegi (#E8C4BA) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi ke sisi kiri bagian diciptakan sebelumnya.

adding the back end of the front shoes sole

Langkah 3

Menciptakan garis horisontal menggunakan lebar 64 px tipis 2 px Stroke garis (#3D2F2C), yang kami akan pusat menyelaraskan ke satu-satunya bagian yang lebih besar.

adding the stripe to the front shoes sole

Langkah 4

Menambahkan label tumit sedikit menggunakan 4 x 4 px menyelaraskan persegi (#3D2F2C), yang kami akan pusat ke tepi kiri bagian satu-satunya yang lebih besar. Setelah Anda selesai, pilih dan kelompok (kontrol-G) dari bagian saat ini menyusun bentuk bersama-sama, melakukan hal yang sama untuk seluruh telapak sesudahnya.

adding the heel label to the front shoes sole

Langkah 5

Membuat kotak sepatu di kaki, menggunakan 16 x 8 px persegi panjang (#F4E1DC), yang kami akan menyesuaikan dengan menetapkan Radius sudut kanan atas ke 6 px dari dalam panel mengubah sifat persegi panjang. Memberikan bentuk dihasilkan 4 px tebal garis besar (#3D2F2C), pengelompokan (kontrol-G) dan kemudian posisi kedua di atas bagian depan sole.

adding the toe box to the front shoes sole

Langkah 6

Selanjutnya, Aktifkan modus pratinjau Pixel (Alt-kontrol-Y) dan menggunakan pena alat (P) untuk menarik Sepatu tubuh utama (#F27E51), menggunakan gambar referensi sebagai panduan utama Anda. Luangkan waktu Anda, dan setelah Anda selesai, beralih ke modus pratinjau Default (Alt-kontrol-Y) sebelum pindah ke langkah berikutnya.

draw the shoes main body using the pen tool

Langkah 7

Memberikan bentuk yang baru Anda buat 4 px tebal garis (#3D2F2C) menggunakan metode Stroke, pastikan untuk memilih dan kelompok (kontrol-G) kedua bentuk bersama-sama kemudian.

adding the outline to the front shoes main body

Langkah 8

Tambahkan bagian lidah kecil, menggunakan 12 x 8 px persegi panjang (#E26B47), yang kami akan menyesuaikan dengan mengatur Radius sudut kiri atas 8 px dari dalam Transform panel Rectangle properti. Memberikan bentuk dihasilkan 4 px tebal garis besar (#3D2F2C) pengelompokan (kontrol-G) dan kemudian posisi kedua di atas tubuh utama sepatu.

adding the tongue section to the front shoes main body

Langkah 9

Menggunakan 4 px tebal Stroke (#3D2F2C) dengan topi bulat menggambar empat sedikit renda bagian, posisi mereka seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pilih dan kelompok mereka semua bersama-sama menggunakan cara pintas keyboard kontrol-G.

adding the lace sections to the front shoes main body

Langkah 10

Membuat lubang pertama yang menggunakan 6 x 6 px lingkaran (#F4E1DC) dengan 2 px tebal garis (#3D2F2C), ke pusat yang kita akan menambahkan lingkaran 2 x 2 px kecil (#3D2F2C). Grup semua tiga bentuk bersama (kontrol-G), dan kemudian posisi mereka pada jarak 2 px dari sepatu di tunggal dan 24 px dari tubuhnya kiri edge.

adding the left eyelet to the front shoes main body

Langkah 11

Tambahkan lubang kedua yang menggunakan salinan (kontrol-C > kontrol-F) salah satu yang kita baru saja selesai bekerja, yang kita akan posisi ke sisi kanan asli, pada jarak hanya 4 px. Setelah Anda selesai, pilih dan kelompok langkah (kontrol-G) dua bersama-sama sebelum pindah ke yang berikutnya.

adding the right eyelet to the front shoes main body

Langkah 12

Mulai bekerja pada patch melingkar dengan menciptakan lingkaran 16 x 16 px (#F4E1DC) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi pada jarak 12 px dari tubuh yang lebih besar atas tepi dan 8 px dari dengan salah satu kiri.

adding the circular patchs main body to the front shoe

Langkah 13

Menyelesaikan Sepatu depan, dengan gambar bintang kecil patch menggunakan #3D2F2C sebagai Anda mengisi warna. Setelah Anda selesai, pilih dan kelompok (kontrol-G) dari bagian melingkar menyusun bentuk bersama-sama, melakukan hal yang sama untuk seluruh Sepatu sesudahnya.

adding the little star to the front shoes circular patch

Langkah 14

Membuat sepatu kembali menggunakan salinan (kontrol-C > kontrol-B) salah satu yang kita baru saja selesai bekerja pada, yang kita akan menyelaraskan gambar daerah aktif kiri edge.

creating and positioning the second shoe

Langkah 15

Menyesuaikan Sepatu, dengan mengubah warna dari bagian berikut:

  • tubuh utama: #E26B47
  • satu-satunya dan patch: #D6B4AB
  • bahasa: #D65F43
adjusting the color of the second shoe

Langkah 16

Tambahkan bagian renda lagi menggunakan 4 px tebal Stroke baris (#3D2F2C) dengan topi bulat dan 6 px sudut Radius, yang kita akan posisi ke depan sepatu seperti yang terlihat dalam gambar referensi.

adding the long lace section to the front shoes main body

Langkah 17

Menyelesaikan renda, dan dengan itu icon itu sendiri, dengan menambahkan aglet menggunakan persegi px 8 x 2 (#3D2F2C), yang kita akan posisi di atas renda meninggalkan akhir. Setelah Anda selesai, pilih dan kelompok (kontrol-G) dua bersama-sama, melakukan hal yang sama untuk seluruh ikon sebelum pindah ke yang berikutnya.

finishing off the shoe icon

8. cara membuat ikon Watch

Kami adalah sekarang ke ikon kami keempat dan terakhir, jadi asumsi Anda telah memposisikan diri ke lapisan tepat (yang akan menjadi yang kelima), zoom pada grid referensi yang dan mari kita menyelesaikan ini.

Langkah 1

Membuat tali kulit bagian yang lebih besar menggunakan 56 x 76 px bulat persegi panjang dengan 4 px sudut Radius dan 4 px tebal garis (#3D2F2C), yang kita akan group (kontrol-G) dan kemudian pusat menyelaraskan mendasari daerah gambar aktif.

creating and positioning the main shapes for the watchs larger strap section

Langkah 2

Tambahkan garis jahitan menggunakan dua kelompok yang terdiri dari sepuluh persegi panjang 2 x 4 px (# 3D2F2C) yang ditumpuk secara vertikal 4 px dari satu sama lain, yang akan kami kelompokkan (Control-G) dan kemudian posisikan pada jarak 2 px dari sisi tali. Setelah Anda memilikinya, pilih dan kelompokkan (Control-G) bersama tali sebelum melanjutkan ke langkah berikutnya.

adding the stitch lines to the watchs leather strap

Langkah 3

Mulailah bekerja pada bagian attachment atas strap dengan membuat persegi panjang 24 x 22 px (# B27866) dengan garis tebal 4 px (# 3D2F2C), yang akan kami kelompokkan (Control-G) dan kemudian sejajarkan tengah ke bagian yang lebih besar, positioning pada jarak 16 px dari tepi atas area gambar aktif.

adding the top attachment portion to the watchs leather strap

Langkah 4

Tambahkan jahitan samping ke bagian saat ini dengan membuat dua kelompok dua persegi panjang 2 x 4 px (# 3D2F2C) ditumpuk secara vertikal 4 px dari satu sama lain, yang akan kami kelompokkan (Control-G) dan kemudian sejajarkan ke tepi atas, memposisikan mereka 2 px dari sisinya.

adding the side stitches to the watchs top strap attachment section

Langkah 5

Tambahkan satu-satunya lubang tali yang terlihat menggunakan lingkaran 4 x 4 px (# 3D2F2C), yang akan kami pusatkan sejajar dengan bagian attachment atasnya, posisikan pada jarak 4 px dari tepi atasnya. Setelah selesai, pilih dan kelompokkan semua bagian yang menyusun bagian saat ini bersama-sama menggunakan pintasan keyboard Control-G.

adding the little hole to the watchs strap

Langkah 6

Tambahkan bagian logam menggunakan dua persegi panjang 6 x 12 px (# 9B908F) dengan garis tebal 4 px (# 3D2F2C), yang akan kami kelompokkan secara individual (Control-G) dan kemudian posisikan ke sisi bagian sebelumnya. Pilih dan kelompokkan (Kontrol-G) semua bentuk penulisan bagian lampiran bagian atas sebelum melanjutkan ke langkah berikutnya.

adding the metal sections to the watchs upper attachment section

Langkah 7

Membuat lampiran bawah menggunakan salinan (Control-C > kontrol-G) dari salah satu yang kita baru saja selesai bekerja, yang kita akan mencerminkan horizontal (klik kanan > mengubah > mencerminkan > horisontal) dan kemudian posisi ke sisi berlawanan dari tali. Mengisolasi grup dengan mengklik ganda di atasnya, dan kemudian menghapus jahitan sisi dan lubang karena kami tidak akan membutuhkan mereka, pastikan untuk mengubah warna mengisi bentuk yang lebih besar untuk #7F5247.

creating and positioning the main shapes for the watch straps bottom attachment section

Langkah 8

Ambil Rectangle Tool (M) dan membuat kecil 24 x 12 px menyelaraskan bentuk  (#B27866), yang kami akan pusat ke bagian bawah lampiran.

creating and positioning the main shape for the watch straps pointed section

Langkah 9

Menyesuaikan bentuk yang kami buat hanya dengan menambahkan titik anchor baru ke pusat ujung bawah menggunakan menambahkan Anchor Point alat (+), yang kita kemudian akan memilih dan mendorong ke bawah dengan 10 px menggunakan perangkat bergerak (klik kanan > mengubah > bergerak > Horizontal > 10 px).

adjusting the shape of the watch straps pointed section

Langkah 10

Memberikan bentuk dihasilkan 4 px tebal garis besar (#3D2F2C) dengan bergabung bulat, pastikan untuk memilih dan kelompok dua bersama-sama setelah itu menggunakan cara pintas keyboard kontrol-G.

adding the outline to the watch straps pointed section

Langkah 11

Menyelesaikan bagian yang sekarang dengan menambahkan sebuah 4 x 4 px lingkaran (#3D2F2C) di atas bentuk yang kami hanya telah dikelompokkan, posisi itu 10 px dari pinggi atasnya. Setelah Anda selesai, pilih dan kelompok (kontrol-G) semua tali yang menyusun bentuk bersama-sama sebelum pindah ke langkah berikutnya.

adding the little circle to the watch straps pointed section

Langkah 12

Buat para menonton 's tubuh utama menggunakan 56 x 56 px lingkaran (#ADA6A5) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian pusat menyelaraskan tali lebih besar.

creating and positioning the main shapes for the watchs main body

Langkah 13

Tambahkan para menonton 's bagian batin menggunakan 44 x 44 px lingkaran (#F4E1DC) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian pusat menyelaraskan bentuk dari langkah sebelumnya.

adding the inner section to the watchs main body

Langkah 14

Berikutnya, buat cepat kecil menggunakan empat 6 px panjang 2 px Stroke garis tebal (#3D2F2C), yang kita akan posisi 2 px dari bagian dalam garis besar. Luangkan waktu Anda, dan setelah Anda selesai, pilih dan kelompok (kontrol-G) semua dari mereka sehingga mereka tidak akan mendapatkan terpisah oleh kecelakaan.

adding the little dials to the watchs inner section

Langkah 15

Membuat potongan-potongan pusat yang menggunakan 6 x 6 px lingkaran dengan 4 px Stroke (#3D2F2C), diikuti oleh 14 x 14 px lebih besar  satu dengan 2 px Stroke (#3D2F2C), yang kami akan pusat menyelaraskan para menonton 's batin bagian, pengelompokan (kontrol-G) dua bersama-sama kemudian.

adding the center pieces to the watchs inner section

Langkah 16

Berikutnya, mengambil beberapa saat dan menambahkan jam tangan menggunakan 4 px tebal Stroke baris (#3D2F2C), diikuti oleh tangan menit menggunakanlebih tipis 2 px Stroke (#3D2F2C). Setelah Anda selesai, pilih dan potongan pusat dan tangan bersama-sama menggunakan cara pintas keyboard kontrol-G grup.

adding the time indicating hands to the watchs inner section

Langkah 17

Membuat elemen dekoratif kiri atas lingkaran 20 x 20 px dengan 2 px tebal Stroke (#3D2F2C), yang kita akan posisi 12 px dari bagian tengah kanan dan bawah tepi.

creating and positioning the main shape for the watchs top-left decorative element

Langkah 18

Menyesuaikan cincin yang kami buat hanya dengan memilih yang tepat dan menghapus bawah jangkar poin menggunakan alat seleksi langsung (A) dan menghapus mereka dengan menekan.

adjusting the shape of the watchs top-left decorative element

Langkah 19

Menambahkan elemen dekoratif kanan bawah, menggunakan salinan (Control-C > kontrol-F) salah satu yang kami hanya telah disesuaikan, yang kita akan mencerminkan secara horisontal dan vertikal (klik kanan > mengubah > mencerminkan > horisontal & vertikal) dan kemudian posisi ke sebaliknya sisi yang asli. Setelah Anda selesai, pilih dan group (Control-C) semua menonton wajah menyusun bagian Control-G menggunakan keyboard shortcut.

adding the watchs bottom-right decorative element

Langkah 20

Menyelesaikan menonton dengan menambahkan sedikit mahkota. Kami akan membuat itu menggunakan 5 x 8 px persegi panjang  (#9B908F) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi ke sisi kanan tubuh yang lebih besar. Kemudian, pilih dan group (kontrol-G) semua Watch yang menyusun bagian sebelum pindah ke langkah berikutnya.

adding the crown to the watchs main body

Langkah 21

Ambil pena alat (P), dan menarik tali di kiri dawai menggunakan 4 px tebal Stroke (#3D2F2C) dengan topi bulat.

creating and positioning the main shape for the watch straps left string section

Langkah 22

Menyesuaikan Stroke dengan mengatur Radius sudut kiri atas 4 px dan yang kanan bawah satu sampai 8 px menggunakan kotak masukan sudut Live.

adjusting the shape of the watch straps left string section

Langkah 23

Tambahkan tali kanan dawai menggunakan 4 px tebal Stroke garis lain (#3D2F2C) dengan topi bulat.

creating and positioning the main shape for the watch straps right string section

Langkah 24

Seperti yang kita lakukan dengan coretan sebelumnya, menyesuaikan string dengan menetapkan Radius sudut kiri bawah ke 14 px menggunakan kotak masukan sudut Live.

adjusting the shape of the watch straps right string section

Langkah 25

Dari tali, dan dengan itu menyelesaikan ikon itu sendiri, dengan menambahkan manik kecil menggunakan 8 x 8 px lingkaran (#F2AC99) dengan 4 px tebal garis (#3D2F2C), yang kita akan mengelompokkan (kontrol-G) dan kemudian posisi ke bagian kanan string, pada jarak 8 px dari ujung kanan. Setelah Anda selesai, pilih dan grup Semua icon yang menyusun bagian menggunakan cara pintas keyboard kontrol-G.

finishing off the watch icon

Kerja Luar Biasa, Anda Sekarang Selesai!

Di sana Anda memilikinya: tutorial yang agak panjang tapi cukup mendalam tentang cara membuat paket ikon aksesori Anda sendiri menggunakan tidak lebih dari beberapa bentuk dasar dan alat yang ditemukan dalam Illustrator.

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.