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

Cara Membuat Set Ikon Kartu Bisnis

by
Difficulty:IntermediateLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Febri Ardian Sanjoyo (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam langkah-langkah berikut, Anda akan belajar cara membuat satu set ikon kartu nama di Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara mengatur kisi-kisi sederhana dan cara membuat bingkai untuk ikon Anda. Menggunakan alat-alat dasar dan memanfaatkan sepenuhnya fitur grid dan snap to grid, Anda akan belajar cara membuat simbol bisnis. Anda akan belajar cara menambah atau menghapus titik anchor, cara mudah mengubah dan melipatgandakan bentuk, dan cara menyimpan dan menggunakan kembali atribut tampilan.

Terakhir, Anda akan belajar cara memperluas path dan cara membuat ikon vektor bisnis final.

Untuk inspirasi lebih lanjut tentang cara menyesuaikan atau meningkatkan ikon akhir Anda, Anda dapat menemukan banyak sumber daya di GraphicRiver.

1. Cara Membuat Dokumen Baru dan Mengatur Grid

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu Units drop-down, masukkan 850 di kotak width dan 340 di kotak height, lalu klik tombol More Settings. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi), lalu klik Creat Document.

Aktifkan Grid (View > Show Grid) dan Snap ke Grid (View > Snap to Grid). Anda akan membutuhkan grid setiap 1 px, jadi cukup buka Edit> Preferences> Guides & Grid, dan masukkan 1 di Gridline setiap kotak dan 1 di kotak Subdivisions. Cobalah untuk tidak berkecil hati oleh semua grid itu — itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan shortcut keyboard Control-".

Anda dapat mempelajari lebih lanjut tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.

Anda juga harus membuka panel Info (Window> Info) untuk pratinjau langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengatur satuan pengukuran ke piksel dari Edit> Preferensi> Unit. Semua opsi ini secara signifikan akan meningkatkan kecepatan kerja Anda.

set up grid

2. Cara Membuat Ikon Bingkai

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada toolbar Anda. Hapus warna dari stroke lalu pilih fill dan atur warnanya menjadi random merah.

Tahan tombol Shift dan buat kotak 72 px. Pastikan tetap terpilih, buka panel Appearance (Window> Appearance), dan turunkan Opacity menjadi sekitar 15%.

rectangle

Langkah 2

Pastikan persegi Anda tetap dipilih dan buka panel Transform (Window> Transform). Fokus pada kotak input X dan Y untuk menempatkan bentuk secara numerik pada artboard Anda. Masukkan pengaturan yang ditunjukkan pada gambar berikut, dan pada akhirnya bentuk Anda harus ditempatkan seperti yang ditunjukkan di bawah ini.

position

Langkah 3

Pastikan bahwa persegi Anda masih dipilih, dan pergi ke Effect > Distort & Transform > Transform. Seret slider Move-Horizontal ke 172 px, masukkan 3 di kotak Copies, dan klik OK.

trasnform effect

Langkah 4

Fokus pada panel Layers (Window> Layers), perluas layer yang ada, dan cukup kunci bentuk Anda untuk memastikan bahwa Anda tidak akan sengaja memilih/memindahkannya. Anda hanya perlu kotak merah ini sebagai bingkai untuk ikon Anda.

lock shape

3. Cara Membuat Ikon Home Kartu Bisnis

Langkah 1

Fokus pada left shape dan pilih Rectangle Tool (M). Buat bentuk 48 x 30 px, isi dengan R=40 G=50 B=80, dan tempatkan persis seperti yang ditunjukkan pada gambar berikut.

rectangle

Langkah 2

Menggunakan Rectangle Tool (M), buat bentuk 12 x 15 px, dan letakkan persis seperti yang ditunjukkan pada gambar berikut. Warna fill tidak penting.

rectangle

Langkah 3

Pilih dua persegi panjang yang dibuat dalam dua langkah terakhir, buka panel Pathfinder (Window> Pathfinder), dan klik tombol Minus Front.

minus front

Langkah 4

Pilih dark-blue shape Anda dan tekan Shift-X untuk mentransfer atribut warna dari fill ke stroke dan sebaliknya.

Fokus pada panel Appearance dan klik potongan teks Stroke itu untuk membuka panel fly-out Stroke. Atur Weight ke 6 px dan periksa tombol Round Cap dan Round Join. Pada akhirnya, semuanya akan terlihat seperti pada gambar berikut.

Pastikan bentuk/shape ini tetap dipilih dan buka panel Graphic Styles. Klik tombol New Graphic Styles Baru untuk menyimpan dan menggunakan kembali atribut objek yang dipilih dengan mudah.

graphic styles

Langkah 5

Pilih Direct Selection Tool (A) dan seret marquee selection di atas path untuk memilihnya. Tekan tombol Delete untuk menghapusnya dengan mudah. Pada akhirnya, semuanya akan terlihat seperti pada gambar kedua.

delete path

Langkah 6

Pilih Pen Tool (P) atau Line Tool (\), dan buat path horizontal 66 px. Terapkan style Anda dari panel Graphic Styles dan letakkan seperti yang ditunjukkan pada gambar pertama. Pastikan itu masih dipilih dan pergi ke Object> Path> Add Anchor Points.

line horizontal

Langkah 7

Tetap fokus pada path horizontal dan pilih Direct Selection Tool (A). Pilih titik anchor tengah dan seret 32 ​​px ke atas, seperti yang ditunjukkan pada gambar kedua. Tahan tombol Shift untuk membatasi gerakan dengan mudah dalam arah vertikal.

move anchor point

4. Cara Membuat Ikon Email Kartu Nama

Langkah 1

Fokus pada kotak merah berikutnya.

Pilih Rectangle Tool (M) dan buat shape 66 x 26 px. Tempatkan seperti yang ditunjukkan pada gambar pertama dan terapkan style Anda dari panel Graphic Styles.

Beralih ke Direct Selection Tool (A), pilih anchor point atas, dan pergi ke Object> Path> Average. Centang kotak Kedua dan klik OK. Ini harus mengubah persegi panjang Anda menjadi rectangle, seperti yang ditunjukkan pada gambar kedua.

average both

Langkah 2

Pastikan bahwa segitiga Anda masih dipilih dan pergi ke Object> Transform> Reflect. Centang kotak Horizontal dan klik Copy.

reflect copy

Langkah 3

Pilih segitiga terbalik yang ditambahkan pada langkah sebelumnya dan seret 14 px ke atas, seperti yang ditunjukkan pada gambar pertama. Tahan tombol Shift untuk membatasi gerakan dengan mudah dalam arah vertikal.

Pilih bentuk segitiga bawah, tambahkan copy di depan (Control-C> Control-F), dan bawa ke depan (Shift-Control-]).

move copy

Langkah 4

Pilih salinan segitiga yang ditambahkan pada langkah sebelumnya, bersama dengan segitiga atas, dan klik tombol Minus Front dari panel Pathfinder.

minus front

Langkah 5

Pastikan bentuk yang ditambahkan pada langkah sebelumnya masih dipilih dan pilih Direct Selection Tool (A). Pilih anchor point yang disorot pada gambar berikut dan tekan tombol Delete.

delete anchor point

Langkah 6

Pilih Path Selection Tool (A), pilih path yang ditunjukkan pada gambar pertama dan tekan tombol Delete.

delete path

Langkah 7

Pilih Rectangle Tool (M) dan buat bentuk 66 x 40 px. Tempatkan seperti yang ditunjukkan pada gambar pertama, terapkan style Anda dari panel Graphics Styles dan kemudian pergi ke Object> Path> Add Anchor Points.

add anchor points

Langkah 8

Tetap fokus pada persegi panjang yang dibuat pada langkah sebelumnya dan pilih Direct Selection Tool (A). Pilih anchor point yang disorot di gambar pertama dan seret 26 px ke atas, seperti yang ditunjukkan pada gambar kedua.

move anchor point

5. Cara Membuat Ikon Web Kartu Nama

Langkah 1

Fokus pada kotak merah berikutnya.

Pilih Ellipse Tool (L) dan buat lingkaran 66 px. Tempatkan seperti yang ditunjukkan pada gambar pertama dan terapkan style Anda dari panel Graphic Styles.

circle

Langkah 2

Pilih Ellipse Tool (L) dan buat shape 30 x 66 px. Tempatkan seperti yang ditunjukkan di bawah ini dan terapkan style Anda dari panel Graphic Styles.

oval

Langkah 3

Pilih Ellipse Tool (L) dan buat bentuk 86 x 66 px. Tempatkan seperti yang ditunjukkan pada gambar pertama (X: 511 Y: 90) dan terapkan style Anda dari panel Graphic Styles.

Pilih circle 66 px dan tambahkan copy di depan (Control-C> Control-F). Pilih copy ini bersama dengan shape oval dan klik tombol Intersect dari panel Pathfinder.

intersect

Langkah 4

Pilih Ellipse Tool (L) dan buat shape 86 x 66 px lainnya. Tempatkan seperti yang ditunjukkan pada gambar pertama (X: 511 Y: 182) dan terapkan style Anda dari panel Graphic Styles.

Pilih circle 66 px dan tambahkan salinan/copy di depan (Control-C> Control-F). Pilih salinan baru ini bersama dengan shape oval dan klik tombol Intersect dari panel Pathfinder.

intersect

6. Cara Membuat Ikon Telepon Kartu Bisnis

Langkah 1

Fokus pada kotak merah berikutnya.

Pilih Pen Tool (P) dan buat path curved/melengkung seperti yang ditunjukkan pada gambar berikut. Gunakan grid di belakang sebagai referensi kasar. Setelah selesai, terapkan style dari panel Graphic Styles.

pen tool

Langkah 2

Pilih path lengkung Anda dan pergi ke Object> Transform> Move. Atur posisi Horizontal ke 9 px dan posisi Vertical ke -8 px, lalu klik tombol Copy.

move copy

Langkah 3

Pilih kedua path curved dan tekan Control-J (Object> Path> Join) dua kali untuk bergabung dengan path curved Anda dan mengubahnya menjadi satu bentuk.

join path

Langkah 4

Pilih Ellipse Tool (L) dan buat lingkaran 26 px. Tempatkan seperti yang ditunjukkan pada gambar pertama dan terapkan style Anda dari panel Graphic Style. Buat salinan bentuk baru ini dan letakkan seperti yang ditunjukkan pada gambar kedua.

circles

Langkah 5

Pilih tiga shape yang disorot pada gambar pertama dan klik tombol Unite dari panel Pathfinder.

unite

7. Cara Membuat Ikon Kartu Nama Final

Langkah 1

Pilih dua path yang membentuk ikon home Anda dan pergi ke Object> Path> Outline Stroke. Pastikan bahwa bentuk yang dihasilkan dipilih dan mengubahnya menjadi satu path compound (Control-8 atau Object> Compound Path> Make).

compound path

Langkah 2

Pilih shape yang membentuk ikon email dan pergi ke Object> Path> Outline Stroke. Pilih bentuk yang dihasilkan dan klik tombol Unite dari panel Pathfinder.

union

Langkah 3

Pilih bentuk yang membentuk ikon web dan pergi ke Object> Path> Outline Stroke. Pilih bentuk yang dihasilkan dan klik tombol Unite dari panel Pathfinder.

union

Langkah 4

Pilih bentuk yang membentuk ikon telepon dan pergi ke Object> Path> Outline Stroke.

outline stroke

Langkah 5

Pergi ke panel Layers, buka kunci kotak merah itu, dan hapus.

delete square

Langkah 6

Terakhir, Anda dapat menjatuhkan ikon pada desain kartu bisnis Anda. Anda selalu dapat menggunakan kartu nama mockup untuk presentasi yang lebih baik dari desain kartu nama akhir Anda.

business card mockup

Selamat! Anda selesai!

Berikut ini tampilan ikon kartu nama Anda. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini di proyek Anda di masa depan. Jangan ragu untuk membagikan hasil akhir Anda di bagian komentar.

Jangan ragu untuk menyesuaikan desain akhir dan menjadikannya milik Anda. Anda dapat menemukan beberapa sumber inspirasi hebat di GraphicRiver, dengan solusi menarik untuk meningkatkan desain Anda.

final product
final product

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.