Mendesain Banner Sederhana Dengan Adobe Illustrator

illustrator, Tutorial ~ By ~ Sunday, 14 March 2010 ~ 10 Comments »

Salam narsis

Mendesain Banner Sederhana Dengan Adobe Illustrator

Ok, untuk kali ini saya akan mencoba membuat tutorial illustrator untuk pemula, jadi sekalian kita belajar dan mengenal beberapa tool pada illustrator..

Tutorial kali ini kita akan mendesain banner sederhana yang bisa digunakan media promosi blog kita atau sekedar informasi.

Oke kita lanjutkan saja..

Kita buka adobe illustratornya. Saya menggunakan adobe illustrator cs3, kalian bisa mendownoad portablenya yang banyak bertebaran di internet, cari aja di mbah google.

Nah setelah adobe illustratornya terbuka, buat new document, tekan ctrl+n. Untuk area kerja terserah berapa aja ukurannya..

Oke sekarang gunakan tool rectangle too (m).

Buat kotak sesuka hati kamu, saya mencobanya dengan ukuran persegi panjang.

Mendesain Banner Sederhana Dengan Adobe Illustrator

Setelah itu, kita tumpulkan sudutnya caranya klik Filters > Stylize > Round Corners akan muncul window baru. Seperti terlihat di gambar dibawah ini saya mengisikan 0.4 cm..

Mendesain Banner Sederhana Dengan Adobe Illustrator

Dan terlihat persegi panjang tadi sudah tidak tumpul lagi..

Oke sekarang kita beri warna kotak tadi kalian bisa mengisi fillnya, karena saya suka warna biru jadi saya memilih warna biru..

Mendesain Banner Sederhana Dengan Adobe Illustrator

Mendesain Banner Sederhana Dengan Adobe Illustrator

Biar tidak monoton kita buat gradasi dari biru muda ke biru tua. Untuk memilih gradasi kalian select kotak tadi lalu tekan tool ini, nah untuk lebih jelas liat di gambar.

Mendesain Banner Sederhana Dengan Adobe Illustrator
moga-moga aja terlihat ya tulisannya.. kalo gak pake kaca pembesar hehehe..

nah double klik ke dua ujung yang muncul tersebut, ntar keluar window panel warna tinggal di atur CMYKnya..

Oke sekarang kita telah memiliki warna yang gradasi biru tua dan muda.

Nah karena kita ingin vertikal gradasinya. Kita pilih tool gradient atau tekan (g) pada keyboard, nah sekarang klik tahan dan tarik dari bawah ke atas lalu lepas. Maka gradasinya sudah vertikal yaitu dari bawah ke atas, muda di bawah tua di atas. Untuk jelasnya liat gambar..

Mendesain Banner Sederhana Dengan Adobe Illustrator

Nah sekarang kita copy kotak tadi dengan cara ctrl+c, lalu tekan ctrl+f untuk pastenya. Dan masih dalam keadaan terselect pilih menu effect>path..>offset path. Akan keluar window baru, isikan 0,1 cm. Oke sekarang tekan kombinasi shift+ctrl+{ Untuk meletakkan duplicate tadi ke paling bawah..

liat gambar aja biar lebih jelasnya ya..

Setelah mendapatkan seperti yang terlihat di gambar..sekarang kita tulis apa yang ingin kita tulis..

Seperti saya menulis zonanarsis.com“. nah tulisan tadi masih berformat text kita ubah jadi bentuk, caranya ke menu object> expand. Nah setelah di expand tulisan tadi bisa kita beri gradasi. Caranya sama seperti tadi, tapi dari abu-abu ke putih..

ok lihat gambar step-stepnya biar lebih jelas..

Mendesain Banner Sederhana Dengan Adobe Illustrator

wah dah kelihatan keren nih.. nah sekarang kita beri effect kaca glossy. Liat gambar..

Mendesain Banner Sederhana Dengan Adobe Illustrator

nah dengan melihat gambar tadi saya harapkan tutorial kali ini sangat mudah untuk di lakukan, dengan sedikit kreatifitas kalian bisa membuatnya lebih baik, semoga tutorial tingkat pemula ini mudah di mengerti bagi teman-teman yang baru belajar adobe illustrator..

hasil akhirnya..
Mendesain Banner Sederhana Dengan Adobe Illustrator

kalian juga bisa membuat berbagai macam bentuk..

Mendesain Banner Sederhana Dengan Adobe Illustrator

terima kasih semoga tutorial kali ini bermanfaat, jika ada yang tak dimengeti jangan segan untuk bertanya. Ke depan kita akan mencoba yang simple-simple tapi keren.

Terima kasih

Salam narsis

Artikel Terkait

  1. Proses Pembuatan Mascot Web
  2. Tutorial Vector : Menggambar Pemandangan Mesir
  3. Belajar Illustrator – Stroke dan Fill – Materi 4
  4. Belajar Illustrator – Memahami Shape Tool – Materi 3
  5. Belajar Illustrator – Memahami Selection Tools – Materi 2
Comments (4)
  1. Saya baru saja buat tutorial begini tapi pake Photoshop. Buat dipublish besok.

  2. trimakasih mas tutorialnya..saya jadi sedikit ada gambaran ttg Ilustrator..makin bertambah ilmu saya ttg desain walopun otodidak…
    saya bookmark ah postingan ini…

    salam, ^_^

  3. info menarik
    saya suka ini!


Leave a comment