Minggu, 01 Desember 2013

blog pertama kali ini, topic yang bakal di muat yaitu tentang....

Membuat Desain X Banner Sederhana Dengan Adobe Photoshop

Kali ini kita akan membahas mengenai X-banner, ada yang belum tahu dengan X-Banner ?. Baiklah kalau begitu kita berkenalan dulu dengan X-Banner. X-Banner merupakan salah satu media promosi yang digunakan untuk menyampaikan informasi, iklan sebuah produk baik berupa barang maupun jasa. Hal ini bertujuan untuk  menarik minat konsumen untuk menggunakan produk tersebut. Berikut hasil project yang akan kita buat:
Screen shot 2013-05-28 at 11.42.58 AM
Penasarankan bagaimana cara membuatnya ? yuk kita simak tutorialnya dibawah ini.

Langkah 1

Buka Aplikasi Adobe Photoshop, klik start-all program -pilih design-pilih program Adobe Photoshop CS3 . Buat lembar kerja baru file-new. Isi pengaturan kanvas dengan ukuran 60×120 cm .
Screen shot 2013-05-28 at 11.47.43 AM

Langkah 2

Beri warna kuning pada background menggunakan gradient tool .
Screen shot 2013-05-28 at 11.47.52 AM
Lalu tarik garis garis vertikal dari bawah ke atas melintas tengah kanvas .
Screen shot 2013-05-28 at 11.55.33 AM

Langkah 3

Untuk membuat agar background lebih menarik gunakan brush tooldownload brush di www.brusheezy.com. Setelah selesai mendownload beberapa brush, lalu blok seluruh file, klik kanan pilih IZArc lalu ekstrak disini file brush yang didownload tadi.  Gunakan brush tool yang telah di download lalu sapukan pada background seperti gambar dibawah.
Screen shot 2013-05-28 at 11.59.08 AM
Buat judul pada kanvas dengan menuliskan PALCOMTECH, beri effects pada tulisan dengan cara klik add a layer style pada panel layer pilih strokedrop shadowinner shadow pada tulisan agar lebih menarik.
Screen shot 2013-05-28 at 12.00.02 PM

Langkah 4

Buat teks PENDIDIKAN GENERASI INTERNET dan 100% PRAKTEK 100% INTERNET, buat kotak panjang menggunakan rectangle tool beri  effects pada tulisan dengan cara klik add a layer stylepada panel layer pilih drop shadow .
Screen shot 2013-05-28 at 12.03.13 PM

Langkah 5

Lalu buat lagi teks KURSUS CEPAT KURSUS HEMAT,beri warna putih dan kuning pada teks dan beri stroke dengan warna hitam pada teks seperti gambar dibawah .
Screen shot 2013-05-28 at 12.04.50 PM

Langkah 6

Buat kotak menggunakan coreldraw, buka aplikasi coreldraw klik file-new lalu buat kotak menggunakan rectangle tool pada bagian sudut atas kanan dan sudut bagian bawah kiri dengan ukuran 20, lalu simpan file dengan format psd.
Screen shot 2013-05-28 at 12.06.29 PM
Masukkan kotak yang di buat tadi kedalam aplikasi Adobe Photoshop CS3, klik file pilih open atau ctrl+o pilih file lalu klik open.
Screen shot 2013-05-28 at 12.15.37 PM
Masukan kotak ke dalam background menggunakan move tool tarik kedalam background lalutransform kotak agar menjadi kecil.
Screen shot 2013-05-28 at 12.17.10 PM

Langkah 7

Beri warna merah pada kotak menggunakan paint bucket tool  dan beri stroke warna hitam pada kotak.
Screen shot 2013-05-28 at 12.18.23 PM
Copy kotak menjadi 5 bagian, lalu beri warna yang berbeda-beda pada masin-masing kotak menggunakan paint bucket tool.
Screen shot 2013-05-28 at 12.25.00 PM
Buka google lalu download beberapa gambar untuk dijadikan gambar untuk masing-masing kotak. Masukkan gambar microsoft word yang sudah di download tadi, klik file-open atau ctrl+opilih file lalu klik open .
Screen shot 2013-05-28 at 1.36.52 PM

Langkah 8

Masukkan gambar tersebut ke dalam background lalu letakkan di atas kotak warna merah.
Screen shot 2013-05-28 at 1.38.12 PM
Klik kanan pada gambar di dalam panel layer pilih create clipping mask untuk memasukkan gambar kedalam kotak .
Screen shot 2013-05-28 at 1.40.25 PM
Untuk kotak selanjutnya lakukan seperti langkah tadi, atur gambar untuk judul kotak, hasil nya akan seperti berikut ini .
Screen shot 2013-05-28 at 1.41.13 PM

Langkah 9

Download icon untuk masing-masing gambar di www.iconfinder.com. Lalu klik file-open atau ctrl+o pilih file lalu klik open untuk  memasukan icon kedalam photoshop, masukkan gambar icontadi kedalam masing-masing kotak .
Screen shot 2013-05-28 at 1.43.25 PM
Beri judul masing-masing kotak,beri stroke pada masing-masing judul.
Screen shot 2013-05-28 at 1.46.10 PM

Langkah 10

Donwload icon TAGPRICE di iconfinder.com, lalu masukkan file kedalam photoshop, masukkan icon tersebut ke dalam kotak, copy menjadi 5 untuk masing-masing kotak.
Screen shot 2013-05-28 at 1.47.57 PM
Beri text pada tag price di masing-masing kotak, copy text  untuk masing-masing tag price.
Screen shot 2013-05-28 at 2.02.20 PM
Gunakan rectangle tool untuk membuat kotak hitam panjang dibagian bawah background, beri warna hitam pada kotak .
Screen shot 2013-05-28 at 2.08.15 PM
Buat teks  www.palcomtech.com pada kotak, beri warna merah pada teks dan beri stroke pada teks warna putihBagaimana teman-teman ? mudahkan membuat X-Bannernya ?, sampai disini dulu tutorialnya . Selamat mencoba :) .
Screen shot 2013-05-28 at 2.09.48 PM

Tidak ada komentar:

Posting Komentar