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

Buat Desain Ikon Kunci Vektor

by
Difficulty:IntermediateLength:MediumLanguages:

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

Dalam tutorial berikut, Anda akan belajar cara membuat ikon kunci dengan beberapa efek, topeng opacity, gradien, dan bentuk sederhana di Illustrator. Banyak dari teknik-teknik ini dapat diterapkan dengan mudah ke desain ikon lainnya.

Gambar akhir

Di bawah ini adalah gambar vektor terakhir yang akan kami buat dalam tutorial ini. Untuk penelitian lebih lanjut dalam desain ikon kunci, periksa PSDTUTS's Create a Shiny Lock Icon Design, karena disana ada banyak cara untuk membuat desain semacam ini.

Final Image

Langkah 1

Buat dokumen baru 8,5 inci dengan 11 inci tinggi. Kemudian gunakan Rectangle Tool (M) untuk membuat sebuah persegi panjang 3,5 inci lebar dengan tinggi 2,75 inci

Step 1

Langkah 2

Dengan Rectangle yang masih dipilih, pergi ke Filter> Stylize> Round Corners untuk memunculkan dialog Round Corners. Ubah Radius menjadi 0,375 inci.

Langkah 3

Buat Liner Gradient di Gradient Panel. Selanjutnya, tambahkan tiga swatch lagi pada Gradient dengan mengklik di bawah Gradient Slider. Sekarang Anda seharusnya  memiliki lima swatch, termasuk dua swatch asli.

Ubah warna swatch paling kiri menjadi warna emas terang (saya menggunakan nilai CMYK ini: C = 0 M = 6 Y = 28 K = 0). Ubah swatch kedua dari kiri ke warna emas yang lebih gelap (C = 8 M = 12 Y = 27 K = 0) Ubah swatch ketiga dari kiri menjadi warna emas yang lebih gelap (C = 18 M = 27 Y = 55 K = 0). Ubah swatch keempat menjadi emas paling gelap (C = 25 M = 35 Y = 63 K = 0). Akhirnya, ubah swatch terakhir agar cocok dengan warna emas terang Anda yang pertama.

Step 3

Langkah 4

Buat persegi panjang berukuran 0,25 inci lebar dengan tinggi 2,75 inci. Lalu isi dengan 40% hitam. Dengan persegi panjang baru yang dipilih, buka Effect> Sketch> Graphic Pen, untuk membuka Dialog Pena Grafis. Ubah Panjang Stroke menjadi 15, Light / Dark Balance menjadi 10, dan Stroke Direction ke Horizontal.

Step 4

Langkah 5

Perluas efek pena grafis dengan masuk ke Object> Expand. Setelah bentuk diperluas, buka Object> Live Trace> Tracing Options, untuk membuka dialog Live Trace. Semua standar pengaturan penyesuaian di kanan dialog tetap sama.

Di sisi Pengaturan Trace dari dialog, ubah Path Pas ke 1 px, Area Minimum ke 1 px, Sudut sudut ke 1 px, centang Ignore White checkbox, lalu tekan tombol Trace . Selanjutnya, pergi ke Object> Live Trace> Expand.

Step 5

Langkah 6

Setelah Anda memperluas Efek Pena Grafis, ubah dimensi tekstur menjadi 3,5 inci lebarnya dan jaga tinggi tetap dengan ukuran yang sama. Salin (Command + C) gradien persegi panjang asli dan Tempelkan di Depan (Command + F). Pilih bentuk gradien yang baru disalin dan teksturnya. Lalu tekan tombol Intersect Shape Areas dari Panel Pathfinder.

Step 6

Langkah 7

Dengan tekstur yang dipilih, ambil Eyedropper Tool (I). Kemudian klik pada gradien pertama Anda untuk memuat atribut gradien. Tambahkan swatch lainnya ke gradien tekstur di antara dua swatch pertama. Sekarang gradasi tekstur Anda telah memiliki 6 swatch.

Ubah dua swatch pertama ke warna emas pertama Anda (C = 0 M = 6 Y = 28 K = 0). Ubah swatch ketiga menjadi emas yang lebih gelap (C = 8 M = 12 Y = 27 K = 0). Ubah swatch ketiga dan keempat menjadi warna emas Anda yang paling gelap (C = 25 M = 35 Y = 63 K = 0). Akhirnya, ubah swatch terakhir ke warna swatch ketiga Anda yang asli (C = 8 M = 12 Y = 27 K = 0).

Step 7

Langkah 8

Dengan Ellipse Tool (L), gambar sebuah ellipse 4,5 inci dengan tinggi satu inci. Tempatkan elips di atas tubuh kunci sehingga pusat elips sedikit lebih tinggi dari bagian atas tubuh kunci.

Pilih tubuh kunci dan elips dan sejajarkan dengan menekan Tombol Horizontal Align Center. Berikutnya Salin (Command + C) bentuk kunci asli (bukan tekstur) dan Tempel di Depan (Command + P). Dengan bentuk yang disalin dan elips yang dipilih, Intersect bentuk di Pathfinder Panel.

Step 8

Langkah 9

Dengan bentuk baru yang dipilih, buat Linear Gradient dari Gradient Panel. Ubah swatch pertama ke salah satu warna emas Anda yang lebih terang (C = 8 M = 12 Y = 27 K = 0). Kemudian ganti swatch kedua ke warna emas gelap Anda (C = 25 M = 35 Y = 63 K = 0). Dengan Gradient Tool (G), sesuaikan gradien dengan mengklik di bagian atas bentuk dan seret ke bagian bawah bentuk.

Step 9

Langkah 10

Berikutnya muncul bagian atas ikon kunci. Mulailah dengan menggambar elips 2 inci x dua inci dengan Ellipse Tool (L). Juga, gambar persegi panjang 2 inci x 1 inci dengan Rectangle Tool (M). Pilih kedua bentuk, Sejajarkan Horizontal mereka dan Vertikal sejajarkan bawah. Selanjutnya, tekan tombol Add To Shape Area di Pathfinder Panel dan bentangkan

Step 10

Langkah 11

Dengan Direct Selection Tool, pilih garis bawah bentuk dan hapus. Selanjutnya, ubah Berat Stroke menjadi 26 pt dan Perluas Penampilan.

Step 11

Langkah 12

Dengan bentuk kunci atas dipilih buat Linear Gradient. Kemudian ubah swatch pertama menjadi 22% hitam dan swatch kedua menjadi hitam 72%. Dengan Gradient Tool (G), sesuaikan gradien dengan mengklik dari bagian atas bentuk dan seret ke bawah.

Step 12

Langkah 13

Dengan bentuk yang masih dipilih, pergi ke Object> Path> Offset Path untuk memunculkan dialog Offset. Ubah Offset ke -0.075 dan tekan OK. Pilih jalur offset baru dan buat Linear Gradient. Isi swatch pertama dengan swatch putih dan swatch kedua dengan 50% hitam. Sesuaikan gradien dengan Gradient Tool (G), seperti pada langkah sebelumnya.

Step 13

Langkah 14

Dengan offset terbaru yang masih dipilih, buat offset kedua yang sama seperti sebelumnya,totalnya memberi Anda tiga bentuk. Bentuk bagian dalam masih harus berupa gradien, tetapi Anda akan menambahkan dua swatch ke Gradient Slider. Ubah swatch pertama menjadi 60% hitam, kedua menjadi 30%, ketiga menjadi 20% hitam, dan yang keempat menjadi 85% hitam. Juga, sesuaikan gradien seperti pada langkah sebelumnya.

Step 14

Langkah 15

Pilih dua offset dalam dan regangkan sedikit. Ini membantu sorotan agar tidak terlihat begitu sempurna.

Step 15

Langkah 16

Pilih ketiga objek di bagian atas kunci. Lalu kirim mereka ke belakang tubuh kunci.

Step 16

Langkah 17

Gambarkan sebuah elips  4,5 inci x 4,5 inci. Kemudian buat Radial Gradient di Gradient Panel. Buatlah swatch pertama (inner radial swatch) yang 65% hitam dan terakhir swatch (di luar radial carikan) warna putih. Selanjutnya, sisakan elips setinggi 0,5 inci, sambil mempertahankan panjang yang sama. Atur bentuk untuk melipatgandakan dan letakkan di belakang semua kunci karya seni.

Langkah 18

Pilih semuanya kecuali drop shadow. Kemudian Copy (Command / Ctrl + C), Tempel di Depan (Command / Ctrl + F), dan pilih Flip Vertical dari menu pop-up di Transform Panel. Seret karya yang disalin ke bagian bawah karya seni asli. Kemudian kirimkan di balik semua karya seni lainnya termasuk drop shadow.

Step 18

Langkah 19

Gambar persegi panjang yang sedikit lebih besar dari karya kunci yang dibalik. Buat Linear Gradient. Simpan warna putih dan hitam default untuk swatch. Sesuaikan gradien sehingga putih di bagian atas gradien dan hitam di bagian bawah.

Step 19

Langkah 20

Pilih semua artwork yang dibalik, gradien, dan pilih Make Opacity Mask dari menu pop-up di Panel Transparansi.

Step 20

Langkah 21

Untuk latar belakang, buat persegi panjang dengan ukuran dokumen Anda. Isi dengan 8% hitam. Lalu kirimkan di balik semua karya seni lainnya. Anda dapat mengubah warna latar belakang menjadi warna apa pun yang Anda sukai, jika Anda tidak terlalu tertarik dengan warna abu-abu.

Step 21

Langkah 22

Untuk tipografi Anda dapat memilih font, huruf, dan branding apa saja. Setelah Anda mengetikkan merek Anda, buat garis besar jenisnya dengan masuk ke Type> Create Outlines (Command + Shift + O).

Step 22

Langkah 23

Tempatkan tulisan di area yang diinginkan dari karya seni.

Langkah 24

Salin (Command + C) baik tekstur kunci dan tipe yang diuraikan. Lalu Tempel di Depan (Command + F). Pilih kedua salinan dan Intersect bentuk. Gunakan Alat Eyedropper dan sampel gradien tekstur. Selanjutnya, pilih teks asli yang digariskan. Kemudian gunakan Eyedropper untuk menyalin warna gradien kunci tubuh.

Step 24

Langkah 25

Pilih teks asli yang digariskan, dan offset jalur seperti sebelumnya, tetapi kali ini atur Offset dalam dialog Offset ke .075 inci. Buat Linear Gradient dengan swatch pertama warna emas gelap Anda (C = 25 M = 35 Y = 63 K = 0) dan warna kedua Anda warna emas yang lebih gelap (C = 33 M = 47 Y = 85 K = 25) . Sesuaikan gradien sehingga warna paling gelap ada di bagian atas.

Step 25

Langkah 26

Pilih outline teks asli dengan Selection Tool (V), sambil menekan tombol Alt (untuk menyalin objek), dan tarik sedikit ke bawah dan ke kanan. Ubah warna ke emas tergelap Anda. Ini akan memberi kedalaman teks.

Step 26

Langkah 27

Pilih offset teks dan Salin (Command + C) dan Tempel di Belakang (Command + B). Kemudian ubah warnanya menjadi warna emas terang. Pindahkan ke bawah sedikit.

Step 27

Gambar akhir

Semua selesai! Desain ikon kunci vektor terakhir di bawah.

Final Image
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.