Berbagi Penuh Warna

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 kiri

Gambar 3.2. gradient yang ada disebelah kanan

  • Gunakan gradient yang ada di kanan anda,, klik tanda panah yang ada di samping gradient putih hitam, pilih Feding Sky. lihat saja gambar dibawah ini :
Gambar 4. pemilihan warna gradient

  • Atur anglenya menjadi -120, tambahkan gradient slider yang berwarna biru sebanyak 1 kali sehingga menjadi 2,, da yang berwarna putih 2 kali sehingga menjadi 3, untuk menambahkan gradient slider tunggu tanda mouse berubah menjadi tanda panah yang ada tanda plus (+) dibawahnya.  lihat aja gambar dibawah ini :
Gambar 5.1. angle = -120 derajat

Gambar 5.2. tanda panah yang ada tanda (+) nya.

Gambar 5.3. penambahan gradient slider

  • Atur gradient slidernya sehingga menjadi seperti ini :
Gambar 6. penyesuaian warna gradient slidernya

  • Pada masing-masing gradient slider atur opacity dan locationnya. yang ke- 1 (50%, 0%), ke- 2 (50%, 19.89%), ke- 3 (80%, 50.32%), ke- 4 (70%, 76.34%), ke- 5 (100%, 100%). keterangan yang ada di dalam kurung (opacity, location).
Gambar 7. Pemberian opacity dan location dengan no yang disesuaikan

  • Selanjtnya buat pelanginya,, yang pertama buat yang warna merahnya dulu dengan menggunakan Ellips tool,, setelah dibuat beri warna merah lalu tekan ALT + geser gambar ellips tersebut untuk menggandakannya. lihat gambar dibawah ini :
Gambar 8.1. pemberian warna merah pada ellips

Gambar 8.2. penggandaan ellips

  • Untuk selanjutnya beri warna yang berbeda untuk elips yang kedua,, letakan elips yang kedua di atas elips yang pertama tetapi tidak sampai menutupi,, tekan elips satu dan dua dengan sambil menekan SHIFT, lalu pada bagian pathfinder klik simbol Minus Front. Jika belum tampil pathfindernya klik windows -> pathfinder (atau CTRL+SHIFT+F9). Untuk lebih jelas lihat gambar dibawah ini : 
Gambar 9.1. pemberian warna berbeda pada ellips ke- 2

Gambar 9.2. peletakan ellips ke- 2 diatas ellips ke- 1

Gambar 9.3. mengkreasian ellips 1 dan 2

Gambar 9.4. hasil dari kreasi ellips 1 dan 2

  • Klik pada pelangi yang berwarna merah tadi, tekan SHIFT + geser gambarnya untuk menggandakan, beri warna kuning. Ulangi perintah td untuk membuat pelangi yang berwarna hijaunya.
Gambar 10.1. penggandaan dan pemberian warna merah

Gambar 10.2. penggandaan dan pemberian warna hijau

  • Tempatkan pelangi-pelangi td pada logo bulat td, tempatkan seperti ini :
Gambar 11. penempatan pelangi pada logo bulat

  • Buat tulisan RAINBOW~BROTHERS dengan menggunakan Type tool.
Gambar 12.1. type tool
Gambar 12.1. tulisan rainbow~brothers

  • Klik kanan pada tulisan yang tadi di buat, pilih create outlines, lalu klik kanan lagi pilih ungroup untuk memisahkan masing-masing huruf.
Gambar 13.1. membuat outlines dari tulisan rainbow~brothers

Gambar 13.2. pemisahan tulisan

  • Buat elips kembali dengan warna gradientnya {orange, yellow}.
Gambar 14.1. pembuatan ellips

Gambar 14.2. pemberian warna untuk ellips

  • Blok tulisan yang tadi sudah dipisahkan, klik kanan -> arrange -> send to back, untuk membuat tulisan berada di belakang.

Gambar 15. tulisan berada dibelakang

  • Satukan tulisan tadi dengan ellips yang tadi dibuat (geser salah satu huruf ke ellips dengan tidak melepaskan blocknya,), tekan SHIFT kemudian klik pada ellips tersebut dan pada pathfinder pilih intersect.
Gambar 16.1. proses pewarnaan pada tulisan

Gambar 16.2. hasil dari proses.

  • Lakukan hal yang sama untuk huruf-huruf yang lainnya, sehingga menjadi seperti ini :

Gambar 17. pemberian warna pada tulisan

  • Letakan tulisan dibawah logo yang telah dibuat tadi, maka hasilnya akan seperti ini : 

Gambar 18. logo rainbow-brothers


Terima kasih atas kunjungannya, semoga bermanfaat :) by +Fazri Abdiana   
11 Komentar untuk "Cara Membuat Logo Dengan Adobe Illustrator CS6"

thanks gan :D bermanfaat banget bagi pemulaa hehe

silahkan gan,,,
cantumkan sumbernya ya gan.. :-)

ok, sama2.. ^_^
maaf baru bls,, baru buka lagi...

Izin Belajar ya gan Makasih atas Tutorialnya ;)

OK silahkan,, sama-sama.. senang bisa membantu :)

Mantap gan, ane baru donlod illustratornya gan, izin belajar dlu gan. :)

Berarti kurang lebih sama kayak corel draw gan.

Bedanya photoshop sama illustrator, klo photoshop untuk edit gambar gan, klo
illustrator buat bikin gambar gan :)

Izin coba ya gan

Wah.. sangat bermanfaat tutorialnya gan, bisa saya gunakan sebagai referensi tambahan untuk trik desain grafis.

Bagi agan yang berminat dapat tambahan trik desain grafis silakan dilihat pada situs ini: Trik Desain Grafis

Terima kasih, Infonya sangat bermanfaat,
Jangan mau ketinggalan dengan Update terbaru seputar Adobe Creative Cloud Silahkan kunjungi website kami Sebagai Partner Resmi Adobe Indonesia

sebelumnya gua berterima kasih banget atas infonya dan bimbingannya buat pemula. tapi ada yang pengen gua tanya. setelah gua mencoba , ada beberapa bagian yang salah dan gua pengen ngulang lagi dari awal. ya, mungkin si ini pertanyaan yang spele buat orang yg udah canggih bnget. tapi buat gua yg mashi pemula. gimana caranya gua bisa ngeundo? harus ke menu apa ? entah apa saya yang terlalu noing. tapi saya benar benar mebutuhkan bimbingan . karena yg saya tau dari hal yg terkecil lah kita bisa belajar untuk menjalani dasar dari hal yg terbesar..

mohon maaf, dan terima kasih ... :)

Tekan aja CTRL + Z
Atau CTRL + ALT + Z

Back To Top