Skip to main content

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop (Bagian 1)

Dalam tutorial ini, saya akan memperlihatkan proses pembuatan sebuah logo bergaya retro namun memiliki kesan modern melalui penambahan pencahayaan dan pola-pola lembut. Kita menggunakan Photoshop dan Illustrator dalam proses ini. Di bagian pertama ini, saya akan menunjukkan teknik dasar manipulasi objek sederhana di Illustrator.

Preview

Di bawah adalah hasil akhir yang akan kita peroleh.
Judul Tutorial
Di bagian pertama tutorial ini, kita akan mendesain rangka (wireframe) logo terlebih dahulu.
Judul Tutorial

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Illustrator
  • Teknik yang Dipelajari: Penggunaan Guide, Type on A Path, Manipulasi Shape Sederhana.
  • Lama Pengerjaan: 30 menit

Tutorial

Langkah 1: Menyiapkan Kanvas

Mulai dengan membuat file baru. Tampilkan penggaris dengan menekan Ctrl + R. Geser dari penggaris ke tengah kanvas untuk membuat guide.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 2: Bentuk Dasar Logo

Aktifkan tool ellipse (L). Tahan Shift + Alt lalu geser dari tengah kanvas untuk membuat sebuah lingkaran sempurna..
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 3

Aktifkan tool Star. Klik satu kali di atas kanvas untuk memunculkan kontak dialog tool Star. Isikan Points: 50 lalu klik OK. Hapus bintang yang dihasilkan karena kita tidak akan menggunakannya.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 4

Dengan langkah yang sama seperti pembuatan lingkaran tadi dan kombinasi tombol Ctrl, buat bintang di dalam lingkaran.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 5

Klik Effects > Stylize > Round Corners. Efek ini akan mengubah ujung tajam di bintang menjadi bentuk lingkaran.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 6

Buat lagi lingkaran lebih kecil di dalam. Di panel Stroke, aktifkan Dashed Line untuk menghasilkan garis putus-putus.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 7

Lagi, buat lingkaran lebih kecil.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 8

Buat lagi dua lingkaran lebih kecil. Atur Fill ke None dan isi Stroke dengan hitam. Atur Stroke lingkaran paling dalam menjadi 3 pt..
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 9

Ubah kedua lingkaran menjadi shape dengan cara klik Object > Expand. Mulai saat ini, mereka bukan lagi lingkaran dengan Stroke hitam tapi berbentuk cincin hitam.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 10

Buat sebuah kotak memotong bagian bawah lingkaran.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 11

Seleksi salah satu lingkaran dan persegi yang tadi kita buat. Buka panel Pathfinder dengan klik Window > Pathfinder. Klik ikon Minus Front.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop
Bentuk cincin akan terpotong.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 12

Lakukan hal yang sama dengan lingkaran satu lagi.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 13

Buat bintang di kedua sisi.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 14

Tambahkan teks 100 percent.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 15: Pita

Buat shape persegi lalu seleksi dua titik di sisi bawah. Aktifkan tool Scale lalu geser ke tengah.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 16

Aktifkan tool pen. Klik bagian tengah sisi atas untuk menambah titik baru. Tahna Alt lalu geser kedua titik untuk mengubahnya menjadi titik lengkung. Seleksi kedua titik tadi dengan tool Direct Selection dan geser ke atas.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 17

Buat persegi, tambahkan titik baru di tengah sisi kiri lalu geser ke tengah. Simpan shape di belakang.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 18

Gambar sebuah segitiga dan simpan di antara kedua bagian pita.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 19

Seleksi bagian belakang pita. Klik kanan dan pilih Transform > Reflect. Pilih Vertical lalu klik Copy.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 20

Simpan shape hasil duplikasi ke sisi pita yang lain.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 21

Duplikasi bagian depan pita. Hapus sisi kiri, kanan, dan atas. Aktifkan tool Type on A Path lalu klik path untuk menambahkan teks.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 22

Simpan teks di atas pita.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 23

Terakhir, saya tambahkan satu lagi lingkaran di bagian luar logo.
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Hasil Akhir

Dalam tutorial bagian kedua, kita akan mengimport path vektor logo yang diperoleh ke Photoshop lalu menghiasnya dengan layer style, pencahayaan, dan pola-pola agar terlihat modern.
Judul Tutorial

Download Link

Download File Ai (Adobe Illustrator)

Popular posts from this blog

membuat laman baru ci

Konfigurasi CodeIgniter | Programmer Tegal ghantexs16.wordpress.com/2012/03/12/konfigurasi- codeigniter / ‎ 12 Mar 2012 - 9. yang selanjutnya kita akan mencoba membuat halaman baru di CodeIgniter , buka kembali file controller anda kemudian tambahkan fungsi  ... Code Igniter : Membuat halaman input sederhana (GuestBook ... belajarwebdesign.com/.../code-igniter- membuat - halaman -input-sederhan... ‎ 5 Jan 2012 - Code Igniter : Membuat halaman input sederhana (GuestBook). Tentu Anda tidak lupa dengan konsep MVC -ny CI bukan? .... mas izul dan mas jogi : hmmm… mungkin tutorial ini sangat cocok untuk yang masih baru belajar.

Cara Membuat Logo Dengan Adobe Illustrator CS6

Adobe Illustrator? ya, software yang satu ini bagi para designer grafis pasti sudah tidak asing lagi. Illustrator bila dibandingkan dengan Photoshop lebih enak Illustrator, karena saat kita membuat sesuatu misalnya saja logo,, pada saat di dekatkan maka warna pada logo tersebut tidak akan pecah atau muncul kotak-kotak. Disini saya akan berbagi ilmu kepada siapa saja yang membaca post ini tentang cara membuat logo dengan adobe illustrator CS6. Langsung saja,, dibawah ini adalah hasil akhir dari pembuatan logonya : Gambar 1. Logo Rainbow-Brothers Dan berikut adalah langkah-langkahnya untuk membuat logo diatas : buka Adobe Illustrator CS6 nya,, dan buat dokument baru (File-New). Gambar 1. buat dokumen baru Untuk pertama kita buat dulu sebuah lingkaran dengan menggunakan Ellipse Tool. lihat gambar dibawah ini : Gambar 2. ellips tool Warnai lingkaran tersebut dengan menggunakan gradient. lihat gambar dibawah ini : Gambar 3.1. gradient yang ada disebelah ...

Motamatika Education

<a href="http://motamatika.blogspot.com/2013/01/award-iii-blog-terbaik-edisi-bulan-januari-2013-versi-all-about-indonesia.html" title="Motamatika Education: Award III (Blog Terbaik Edisi Bulan Januari 2013 Versi ALL ABOUT INDONESIA)" target="_blank">Motamatika Education: Award III (Blog Terbaik Edisi Bulan Januari 2013 Versi ALL ABOUT INDONESIA) </a>