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

Cara Membuat Ikon Abstrak Terletak di Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Selamat datang di cara membuat ikon abstrak terletak di Adobe ilustrator! Tema kita kerjakan akan catur. Dalam tutorial ini kita akan belajar proses langkah demi langkah bagaimana membuat abstrak set ikon yang menggunakan bentuk dasar dan alat.

Untuk contoh-contoh yang lebih abstrak ikon set, check out GraphicRiver yang mana Anda dapat menemukan berbagai macam ikon abstrak yang berbeda.

1. Cara mengatur File proyek baru

Langkah 1

Mari kita mulai dengan menyiapkan dokumen baru dalam Adobe Illustrator (File > baru atau kontrol-N). Untuk tutorial ini, kita akan menggunakan pengaturan di bawah ini:

  • Jumlah Artboards: 1
  • Lebar: 850 px
  • Tinggi: 850 px
  • Unit: piksel

Pada tab lanjutan, gunakan pengaturan berikut:

  • Warna Mode: RGB
  • Efek raster: Layar (72ppi)
  • Pratinjau Mode: standar
Create a new project settings

Langkah 2

Pergi ke Edit > preferensi > Umum dan set Keyboard kenaikan 1 px.

Edit project preferences

Langkah 3

Pergi ke unit dan menggunakan pengaturan yang ditunjukkan di bawah ini.

  • Umum: Pixel
  • Stroke: poin
  • Jenis: poin
Edit units in project preferences

2. cara mengatur lapisan

Langkah 1

Selanjutnya, Anda akan perlu untuk struktur proyek dengan menciptakan lapisan. Pilih Layers panel dan buat dua lapisan. Nama mereka sebagai berikut:

  • Lapisan 1: latar belakang
  • Lapisan 2: ikon
Set up the project layers in Adobe Illustrator

Langkah 2

Pastikan bahwa Anda memilih lapisan latar belakang untuk mulai membuat latar belakang.

Select the Background layer

3. cara membuat warna latar belakang

Langkah 1

Dengan latar belakang lapisan dipilih, klik pada Rectangle Tool (M) dan menciptakan sebuah wilayah persegi panjang 850 x 850 untuk menempatkan ikon Anda di. Ini harus sesuai seluruh area Artboard.

Use the Rectangle Tool to create a 850 x 850 box

Langkah 2

Pastikan bahwa persegi panjang masih dipilih, lalu klik pada alat gradien. Di bagian sudut, pilih 45 derajat dari menu drop-down.

Edit the gradient angle to 45 degrees

Langkah 3

Pilih dua warna untuk gradien. Untuk tutorial ini, kita akan menggunakan berikut:

  • R: 70
  • G: 82
  • B: 162
Adjust the left gradient color

Langkah 4

Untuk warna yang kedua, kita akan menggunakan berikut:

  • R: 138
  • G: 105
  • B: 173
Adjust the right gradient color

Langkah 5

Latar belakang akhir akan terlihat seperti gambar di bawah. Kunci lapisan latar belakang dengan mengeklik ikon kunci, dan klik pada lapisan ikon untuk mulai menciptakan ikon.

The final gradient background

4. Bagaimana cara membuat ikon pion

Langkah 1

Memilih Pen Tool (P) dan menyesuaikan pengaturan stroke sebagai berikut:

  • Stroke berat: 6
  • Topi: Cap bundar
  • Sudut: Join Miter
  • Menyelaraskan Stroke: Menyelaraskan Stroke ke pusat
Edit the Stroke Settings

Langkah 2

Mulailah dengan memilih Ellipse Tool (L) dan menciptakan sebuah lingkaran kecil. Untuk membuat sebuah lingkaran sempurna, tekan dan tahan tombol Shift pada keyboard sementara mengeklik dan menyeret dengan mouse.

Use the Ellipse Tool to create a small circle

Langkah 3

Memilih Pen Tool (P) dan membuat dua baris di bawah lingkaran.

Use the Pen Tool to create two lines

Langkah 4

Pilih Rounded Rectangle Tool (M) dan membuat bentuk di bawah dua baris. Anda dapat menyesuaikan kelengkungan sudut dengan menekan tanda panah atas atau bawah panah pada keyboard Anda sementara membuat bentuk (mengeklik dan menyeret dengan mouse).

Dengan bentuk yang masih dipilih, mengubahnya untuk mengisi bentuk.

Use the Rounded Rectangle Tool to create a shape

Langkah 5

Duplikat bentuk dengan menyalin (Control-C) dan kemudian paste ke tempatnya (kontrol-Shift-V).

Menambah stroke kedua bentuk dengan lebar 20 pt. Untuk hasil terbaik, menyelaraskan stroke ke luar.

Duplicate the round rectangle shape and add a stroke to it

Langkah 6

Dengan bentuk kedua masih dipilih, pergi ke atas menu dan pilih objek > memperluas untuk membuka jendela memperluas. Pastikan Fill and Stroke yang dipilih, dan kemudian klik OK.

Expand the stroke and the shape

Langkah 7

Ini akan membuat sebuah bentuk dari stroke. Pastikan bahwa bentuk masih dipilih dan menggunakan Pathfinder, klik pada bersatu. Ini akan menggabungkan bentuk.

Combine the shapes using the unite button in pathfinder

Langkah 8

Mengubah bentuk untuk stroke dengan menggunakan pipet Tool (I) dan menyelaraskan stroke ke luar.

Create a new stroke using the eyedropper tool

Langkah 9

Gunakan Ellipse Tool (L) untuk membuat sebuah lingkaran kecil di bagian bawah untuk menyelesaikan ikon pion.

Use the Ellipse Tool to create a small circle

5. Bagaimana cara membuat ikon benteng

Langkah 1

Untuk memulai membuat ikon benteng, gunakan Rectangle Tool (M) untuk membuat bentuk persegi panjang kecil.

Use the Rectangle Tool to create a small shape

Langkah 2

Membuat bentuk persegi panjang sedikit lebih besar dan mengaturnya untuk Stroke dengan menggunakan pipet Tool dan memilih salah satu stroke kami digunakan sebelumnya pada ikon pion.

Create a larger rectangle and set it to stroke

Langkah 3

Gunakan Rectangle Tool (M) untuk membuat bentuk persegi panjang kecil di bagian atas. Kemudian gunakan Ellipse Tool (L) untuk membuat lingkaran kecil di bagian bawah (holding tombol Shift pada keyboard untuk membuat lingkaran sempurna).

Add a rectangle and a circle shape

Langkah 4

Gunakan Rectangle Tool (M) dan ikuti langkah-langkah di bawah untuk membuat bagian atas ikon benteng.

Use the Rectangle Tool to create the Rook Icon

Langkah 5

Pilih semua bentuk di langkah 4 dan klik pada Pathfinder > bersatu.

Click on the Unite button in Pathfinder

Langkah 6

Ini akan menggabungkan semua bentuk bersama-sama.

The Unite button will merge the shapes together

Langkah 7

Dengan bentuk baru yang dipilih, mengubahnya menjadi stroke dengan menggunakan pipet Tool (I) untuk memastikan bahwa berat stroke adalah sama.

Use the Eyedropper Tool to change copy the stroke settings

Langkah 8

Untuk membuat semicircles, Anda perlu untuk memulai dengan membuat sebuah lingkaran yang menggunakan Ellipse Tool (L). Tempatkan sebuah persegi panjang di atas lingkaran menggunakan Rectangle Tool (M).

Create a rectangle on top of a circle

Langkah 9

Pilih bentuk kedua (membuat yakin bahwa persegi panjang diatur di atas lingkaran) dan kemudian pilih Pathfinder > Minus tamu.

Click on the Minus Front button

Langkah 10

Ini akan menghapus bentuk persegi panjang dan bagian lingkaran yang tumpang tindih.

Minus front removes any overlapping shapes

Langkah 11

Duplikat lingkaran dengan menyalin (Control-C) kemudian paste (Control-V).

Duplicate the new semi circle

Langkah 12

Pilih lingkaran duplikat dan kemudian klik kanan di atasnya. Dari menu, pilih Transform > pilih. Memilih sumbu vertikal di 90 derajat dan kemudian klik OK.

Reflect the duplicate semi circle vertically

Langkah 13

Pastikan bahwa semicircles kedua diselaraskan horizontal berlawanan satu sama lain.

Make sure both shapes are opposite each other

Langkah 14

Tempat semicircles di kedua sisi bentuk untuk menyelesaikan ikon benteng.

Combine the shapes to create the Rook Icon

6. cara membuat ikon Knight

Langkah 1

Untuk mulai membuat ikon knight, membuat duplikat dari ikon benteng. Dengan ikon duplikat, gunakan pilihan alat (V) atau langsung pilihan alat (A) untuk menghapus bentuk tengah ikon.

Duplicate Rook icon and remove some shapes

Langkah 2

Gunakan alat poligon untuk menciptakan sebuah segitiga. Sementara menggunakan alat poligon, tekan tombol panah Up atau tombol ke bawah panah pada keyboard untuk menambah atau mengurangi jumlah sisi.

Untuk membuat sebuah segitiga sama sisi, tekan dan tahan tombol Shift pada keyboard sementara menciptakan bentuk.

Membuat segitiga sama sisi yang lebih kecil dan menempatkannya di tengah.

Create two triangles using the Polygon Tool

Langkah 3

Memutar semicircles di kedua sisi segitiga sehingga stroke menyelaraskan diagonal (klik kanan > mengubah > Putar).

Rotate the semi circles to align with the triangle

Langkah 4

Untuk membuat kepala knight ikon, menggunakan Rounded Rectangle Tool dan Ellipse Tool (L) untuk menciptakan bentuk di bawah ini.

Use the Rounded Rectangle Tool and Ellipse Tool

Langkah 5

Menggunakan Rectangle Tool (M) dan tempat dua persegi di atas bentuk seperti ditunjukkan di bawah.

Place two rectangles above the new shapes

Langkah 6

Gunakan Minus depan alat pada bentuk yang tumpang tindih.

Click on the Minus Front button

Langkah 7

Ini akan membuat tepi yang lurus mana bentuk digunakan untuk tumpang tindih. Bergerak dua bentuk bersama sehingga mereka menyerupai gambar di bawah.

Move the semi circle inside the larger shape

Langkah 8

Gunakan Minus depan alat lagi untuk menghapus sisi kiri bentuk dan mengubah mereka berdua menjadi stroke.

Delete half the shape and change it to a stroke

Langkah 9

Memilih kedua bentuk dan menggunakan Pathfinder > bersatu untuk menggabungkan mereka ke dalam bentuk tunggal.

Combine the strokes using the Unite button

Langkah 10

Pilih Tambahkan Anchor Point alat (+) dan menambahkan titik dekat sudut kiri bentuk. Kemudian gunakan alat seleksi langsung (A) untuk menyeret sudut kiri atas ke kiri untuk membuat telinga.

Add an anchor point and edit it

Langkah 11

Penggunaan alat seleksi langsung (A) dan menghapus titik pada gambar di bawah ini.

Delete an anchor point

Langkah 12

Menggunakan pena alat (P) dan menarik keluar tiga poin tambahan pada sisi kanan bentuk.

Use the Pen Tool to draw the neck of the horse

Langkah 13

Pilih titik kurva dan menyeret mereka ke tengah menggunakan mouse untuk membuat leher kuda. Tahan tombol Shift pada keyboard untuk memilih beberapa poin.

Use the curve points to round out the corners

Langkah 14

Setelah Anda senang dengan cara kepala kuda terlihat, gunakan Ellipse Tool (L) untuk membuat mata (ingat untuk tekan dan tahan tombol Shift pada keyboard untuk membuat lingkaran sempurna).

Use the Ellipse Tool to create the eye

Langkah 15

Menambahkan baris di bawah kepala dan posisi itu di bawah bentuk sebelumnya untuk membuat ikon akhir knight.

Add the horse head to create the final Knight Icon

7. Bagaimana menciptakan sebuah ikon Uskup

Langkah 1

Untuk mulai membuat ikon uskup, membuat duplikat dari ikon knight. Dengan ikon duplikat, gunakan pilihan alat (V) atau langsung pilihan alat (A) untuk menghapus bentuk atas (kepala kuda) ikon.

Delete the horse head from the duplicate icon

Langkah 2

Menggunakan Ellipse Tool (L) dan tahan tombol Shift pada keyboard untuk membuat lingkaran sempurna di atas ikon.

Add a circle using the Ellipse Tool

Langkah 3

Penggunaan alat seleksi langsung (A) untuk bergerak titik di atas lingkaran sedikit ke atas. Ini akan membuat bentuk telur.

Use the Direct Selection Tool to edit the anchor points

Langkah 4

Pilih setang dengan alat seleksi langsung (A) dan memindahkan mereka ke titik di tengah untuk menciptakan bentuk teardrop.

Edit the handle bars to create a tear drop shape

Langkah 5

Gunakan Ellipse Tool (L) untuk membuat lingkaran dan meletakkannya di atas bentuk teardrop. Kemudian menggunakan pena alat (P) untuk menciptakan sebuah salib, dan tempat di dalam bentuk teardrop untuk membuat ikon Uskup akhir.

Add a cross and circle to complete the final Bishop Icon

8. cara membuat ikon Ratu

Langkah 1

Untuk mulai membuat ikon Ratu, membuat duplikat dari ikon uskup. Dengan ikon duplikat menggunakan pilihan alat (V) atau langsung pilihan alat (A) untuk menghapus bagian atas dan tengah bentuk ikon.

Ini akan meninggalkan hanya dua lingkaran di bagian bawah dan semicircles di sisi.

Duplicate the Bishop icon and delete the middle shapes

Langkah 2

Memutar semicircles sedikit. Untuk melakukan ini, klik kanan pada bentuk, dan kemudian pergi untuk mengubah > putar, mengikuti gambar di bawah.

Rotate the semi circles

Langkah 3

Gunakan Ellipse Tool (L) untuk membuat dua lingkaran, lingkaran luar menggunakan stroke dengan lingkaran dalam menggunakan mengisi. Ingat untuk menahan tombol Shift pada keyboard untuk membuat lingkaran sempurna.

Create two circles using the Ellipse Tool

Langkah 4

Gunakan Ellipse Tool (L) untuk membuat tumpang tindih dua lingkaran berdampingan di atas bentuk lainnya.

Create two overlapping circles using the Ellipse Tool

Langkah 5

Gunakan Ellipse Tool (L) untuk membuat sebuah lingkaran kecil di atas.

Create a small circle using the Ellipse Tool

Langkah 6

Untuk membuat dasar mahkota, menggunakan pena alat (P) atau Rectangle Tool (M) Menggambar bentuk seperti terlihat dalam gambar di bawah. Dengan menggunakan Pen Tool, Anda dapat memegang tombol Shift pada keyboard dalam rangka menarik garis lurus secara vertikal maupun horizontal. Ini akan membuat lebih mudah untuk menyesuaikan.

Dari sana, gunakan alat seleksi langsung (A) untuk memilih titik kurva (tahan Shift untuk memilih beberapa poin) dan memindahkan poin terhadap pusat dengan mouse untuk mengubah sudut ke kurva.

Use the Pen Tool and edit the curve points to create the crown

Langkah 7

Lengkap ikon Ratu dengan menempatkan mahkota di atas bentuk, seperti ditunjukkan pada gambar di bawah.

Combine all the shapes to create the final Queen Icon

9. bagaimana menciptakan sebuah ikon raja

Langkah 1

Untuk membuat raja ikon, ikon Ratu duplikat. Dengan ikon duplikat, menggunakan alat seleksi langsung (A) untuk menghapus bentuk lingkaran tengah.

Duplicate the Queen Icon and delete the middle shapes

Langkah 2

Penggunaan alat seleksi langsung (A) untuk menghapus bentuk lingkaran kecil di bagian atas mahkota.

Delete the top circle

Langkah 3

Gunakan alat bentuk persegi panjang (M) untuk membuat dua kotak (garis besar satu dan satu kecil mengisi bentuk). Tempat alun-alun kecil di dalam dan di tengah alun-alun yang lebih besar.

Dari sana, pilih kotak kedua dan memutar mereka berdua dengan 45 derajat (klik kanan > mengubah > Putar) dan tempat kedua kotak di ruang pusat ikon.

Add two squares in the middle and rotate by 45 degrees

Langkah 4

Menggunakan pena alat (P) untuk menciptakan sebuah salib kecil di atas mahkota.

Add a cross shape using the Pen Tool

Keren! Anda selesai!

Selamat! Anda telah berhasil menyelesaikan tutorial ini. Merasa bebas untuk berbagi kreasi Anda sendiri di bawah ini! Saya harap Anda menemukan tutorial ini bermanfaat dan Anda telah mempelajari banyak kiat dan trik baru yang dapat Anda gunakan untuk ilustrasi masa depan Anda. Sampai bertemu kembali!

The final Chess Icons Set in Adobe Illustrator

Pelajari Lebih Lanjut Keterampilan Ikon!

Jika Anda menyukai ini dan mencari untuk mempelajari beberapa keterampilan ikon baru, lihat tutorial berikut ini! Perluas keahlian Anda dengan melalui panduan mendalam ini. Selamat mendesain!

Lihat kursus video saya di Animating Icons di Adobe Illustrator dan After Effects:

Atau mengapa tidak memeriksa tutorial ini:

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.