Siapa bilang di adobe illustrator tidak bisa membuat baner web ??? mungkin teman-teman membayangkan pembuatan baner web itu hanya bisa di adobe photoshop karena adobe photoshop itu berbasis pixel. Di adobe illustrator yang berbasis vector ini lebih gampang untuk membuat objek-objek yang bentuknya custom apalagi untuk membuat banner web. Nah pada tutorial kali ini saya akan membahas tutotial tentang Cara Membuat Banner Web Dengan Illustrator. Jangan lupa untuk ukuran satuan pembuatan banner web ini adalah pixel.

Agar tidak bingung kita akan coba langsung praktikan. Buka adobe illustratornya di komputer atau laptop, Ikuti langkah-langkah Cara Membuat Banner Web Dengan Illustrator dibawah ini secara berurutan:

1. Buat lembar kerja baru ukuran 720 x 300 px. Caranya ke menu file isi kolom width 720px dan height 300px > ok.

Cara Membuat Banner Web Dengan Illustrator-1

2. Buat sebuah kotak abu-abu menggunakan rectangle tool letakan disebelah kiri lembar kerja.

Cara Membuat Banner Web Dengan Illustrator-2

3. Buat sebuah kotak Panjang menggunakan rectangle tool letakan di sebelah kanan lembar kerja dan beri warna fill merah pucat.

Cara Membuat Banner Web Dengan Illustrator-3

4. Buat sebuah kotak Panjang dengan warna fill merah pucat menggunakan rectangle tool > letakan diatas kotak abu-abu > dibuat rata tengah horizontal.

Cara Membuat Banner Web Dengan Illustrator-4

5. Seleksi kotak tersebut > klik pen tool > pilih add anchor point tool > arahkan mouse ke bagian tengah bawah kotak tersebut kemudian jika suda tepat klik. Lalu titik anchor tersebut tarik kebawah menggunakan direct selection tool hingga membentuk bentuk yang lancip.

Cara Membuat Banner Web Dengan Illustrator-5

6. Buat sebuah objek bentuk kapsul dengan warna abu-abu > buat menggunakan rounded rectangle tool > atur sudut di properties shape > untuk sudut dibagian kanan dibuat siku dan sudut bagian kiri dibuat melengkung seperti kapsul.

Cara Membuat Banner Web Dengan Illustrator-6

7. Tambahkan content teks “ Up To 60% Off ” dan website dibagian bawahnya dengan warna putih dibagian kiri.

Cara Membuat Banner Web Dengan Illustrator-7

8. Tambahkan content teks “ Diskon Untuk Minggu ini…! ” dan stock terbatas  dibagian bawahnya dengan warna putih dibagian kanan.

Cara Membuat Banner Web Dengan Illustrator-8

9. Demikian teman-teman hasil akhirnya.

Cara Membuat Banner Web Dengan Illustrator-9

Demikian pula tips and trik dari saya tentang Cara Membuat Banner Web Dengan Illustrator. Mudah-mudahan bisa bermanfaat. Teman-teman bisa kembangkan lagi dengan berbagai macam ide kreatifnya Karena contoh diatas hanyalah contoh sederhana. Sampai ketemu lagi di tutorial selanjutnya dengan pembahasan materi yang menarik dan ter update. Terima kasih …