MAKALAH PEMBUATAN BANNER

MAKALAH PEMBUATAN BANNER

 
 
 
 
 
DISUSUN OLEH:

PANJI PANGESTU                         (15115314)

PUTERI ELLIZA AZHARI            (15115417)
RAVI NOVIANO                            (15115697)
REYHAN FIRGIAWAN                 (15115798)
RIMA NUR ROHMAH                  (16115002)
ROMY ABIDIN                              (16115259)
VHICO PUTRA PRATAMA           (17115021)
WANTRI GABE DANIEL              (17115107)

SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER& TEKNOLOGI INFORMASI
UNIVERSITAAS GUNADARMA
 BANNER

A.    Pengertian dan tujuan banner

Banner adalah sebagai identitas sebuah blog atau website selain itu fungsi dari banner
adalah sebagai media iklan, promosi, publikasi,menjalin persahabatan  dan berbagai
kepentingan lainnya. Berbagai jenis dan ukuran standar banner yang biasanya di pergunakan
dalam blog atau site di media internet.
Banner itu artinya adalah gambar, kebanyakan dibuat dengan ukuran kecil yang
biasanya dimasukkan atau disisipkan di sebuah halaman web.
Banner dilengkapi sebuah link,yang kalau di klik akan menuju ke suatu situs yang
telah ditentukan oleh si pembuat banner tersebut. Misalnya banner iklan di suatu blog , kalau
ada yang meng-klik, maka si pengunjung akan dibawa ke situs iklan yang dituju.
Tujuan dari banner adalah untuk mengiklankan produk tertentu dan menarik orang
sebanyak mungkin/ lalu lintas mungkin untuk produk tertentu.[1]
Adapun banner yang berukuran kecil biasanya di gunakan untuk saling bertukar link,
sedangkan banner yang ukuran sedang untuk media iklan. Sebaiknya banner tersebut jangan
meniru punya orang lain, jadi buatlah banner ciptaan sendiri yang menarik agar siapa saja
yang melihat banner tersebut merasa tertarik dan akan mengklik link tautan kita.
Berbagai ukuran utama  banner :
Banner ukuran standar pada umumnya untuk kepentingan iklan atau promosi 
(window pop-up ) sebagai contoh
1.                  300 x 250 IMU / pixel (Medium Rectangle)
2.                  250 x 250 IMU / pixel (Square Pop-Up)
3.                  240 x 400 IMU / pixel (Vertical Rectangle)
4.                  336 x 280 IMU / pixel (Large Rectangle)
5.                  180 x 150 IMU / pixel (Rectangle)
Banner dan buttons merupakan jenis banner yang di pergunakan pada blog atau situs
di media internet ukurannya antara lain:
1.                  468 x 60 IMU / pixel (Full Banner)
2.                  234 x 60 IMU / pixel (Half Banner)
3.                  88 x 31 IMU / pixel (Micro Bar)
4.                  120 x 90 IMU / pixel (Button 1)
5.                  120 x 60 IMU / pixel (Button 2)
6.                  120 x 240 IMU / pixel (Vertical Banner)
7.                  125 x 125 IMU / pixel (Suare Button)
8.                  728 x 90 IMU / pixel (Leaderboard)
Skycrapers  umumnya dipasang di kiri atau kanan pada blog atau situs berbentuk
memanjang dari atas ke bawah umumnya / biasanya untuk blog atau situs yang mempunyai
article yang panjang  Jenis dan ukuran banner ini antara lain:
1.                  160 x 60 IMU / pixel (Wide Skyscraper)
2.                  120 x 600 IMU / pixel (Skyscraper)
3.                   300 x 600 IMU / pixel (Half Page Ad)[2] 

Cara pembuatan banner menggunakan GIMP:

HASILNYA DALAM FORMAT JPEG
 MEMBUAT BAGIAN DEPAN BANNER
1.        Klik file, new file
2.      Gunakan Blend Tool untuk membuat gradasi warna pada background
3.      Gunakan Text Tool untuk membuat tulisan
4.      Gunakan Rectangle Select Tool untuk membuat persegi panjang atau kotak seperti garis
panjang warna pink diatas dan warna biru dibagian bawah.
5.      Klik File, lalu Open as layers, pilih  gambar Ariana. Gunakan Scale Tool untuk mengatur
ukuran gambarnya. Gunakan Fuzzy Select Tool untuk menghilangkan warna
background pink pada gambar, lalu klik kanan pilih Colors lalu pilih Color to Alpha.
6.      Sesuaikan semua letaknya dengan benar, ukuran tulisan, font tulisan dan hasilnya akan
Seperti ini :

1.      Untuk menggunakan animasi atur sesuai keinginan anda tempat mengatur disebelah pojok
kanan,
2.      Jika ingin salah satu gambar tidak berkedip, pilih gambar yang berada disebelah pojok
kanan,, kemudian tekan merge down.
3.      Jika anda ingin melihat animasi yang anda telah buat tekan filters lalu animation kemudian
pilih playback lalu tekan play. Kemudian animasi akan bergerak sesuai yang barusan anda
atur sendiri.
4.      Inilah tampilan step by step dari animation yang saya buat.
  
  

DAFTAR PUSTAKA

http://esterkusumanegara.blogspot.com/2011/07/pengertian-dan-tujuan-banner.html
http://trik-tips.blogspot.com/2008/06/cara-mudah-membuat-banner.html
http://hendrapgmi.blogspot.com/2012/05/cara-membuat-banner-blog.html

2 Cara Membuat Banner

Dengan Photoshop Paling
Mudah
By

 Muhammad Tohir

 -

January 17, 2017

0

771

Share on Facebook

Tweet on Twitter

  

Cara membuat banner dengan photoshop memang sudah seharusnya

untuk kita ketahui dan bisa melakukannya sendiri, terlebih bagi para blogger
yang ingin memanfaatkan blog untuk membuat space iklan bagi para
advertiser, Karena terus terang saja untuk jasa pembuatan banner yang
profesional saat ini tidaklah murah.

Pengalaman pribadi dulu saat belum tahu apa-apa tentang cara membuat

banner dengan photoshop akhirnya harus memesan kepada penyedia jasa
dan ternyata memang sesuai dengan tingkat kesulitan dan yang kita
inginkan, semakin meminta kualitas banner yang bagus maka harga satu
banner juga akan semakin mahal.

Keliatannya memang simple, meski hanya berupa logo atau banner dengan
ukuran kecil tetap saja menurut kami pribadi terbilang mahal setelah
mengetahui begitu mudahnya cara membuat baner dengan photoshop
sendiri.

Ada beberapa hal yang menjadi patokan sebelum kami membagikan 2 cara
membuat banner dengan photoshop pada pembahasan kali ini, diantanya
ialah:

Ukuran Banner yang ingin kita buat.

Sebelum membuat banner tentunya yang utama adalah menentukan ukuran

banner yang akan kita buat, terkait ukuran banner maka perlu mengetahui
space blog kita, ukuran berapa yang pas sehingga tidak kebesaran dan tidak
juga kekecilan.
Diantara banner umum yang paling populer untuk sebuah blog terdapat
beberapa ukuran berikut: 300×250, 728 x 90, 336×280, 320 X 100, dan
ukuran 300 x 600 tentnunya ukuran tersebut tergantung template blog anda
atau template blog dimana anda akan memasang iklan banner milik anda
jika berperan sebagai advertiser.

Manfaat lebih apabila mengetahui cara membuat banner dengan

adobe photoshop

Apabila anda bisa membuat banner sendiri dengan photoshop tentunya akan
banyak manfaat yang diperoleh, diantaranya anda tidak perlu keluar uang
banyak hanya untuk sebuah banner iklan diblog anda, anda bebas membuat
kreasi baik gambar maupun tulisan apa saja dan bisa mengedit banner
kapan saja sesuai selera dan kebutuhan.

Cara membuat banner dengan photosho juga tidak sesulit yang dibayangkan,
kalaupun memang anda masih sangat awal dan pemula sekali tentang
penggunaan adobe photoshop, bukankah sekarang ada banyak cara dan
media untuk belajar, bisa melihat tutorial di youtube sambil praktek atau
melihat panduan bergambar di website lain. Intinya jangan mempersempit
dan mempersulit diri sendiri jika ingin cepat berkembang dan bisa
mengetahui cara membuat banner dengan photoshop.

Cara Membuat Banner dengan Photoshop

Langkah pertama: Buka dan jalankan aplikasi atau software adobe
photoshop di laptop atau komputer anda, versi apa saja bisa untuk membuat
banner, namun versi terbaru lebih bagus.

Langkah kedua: Setelah photoshop anda terbuka, selanjutnya mulai

membuat banner anda. Caranya: Klik Menu FILE –> Pilih NEW (Ctrl+N).

Langkah Ketiga: Menentukan Ukuan Banner baru anda, untuk mengatur

ukuran banner yang paling penting adalah menentukan lebar dan tinggi
banner serta resolusi banner agar hasilnya maksimal. berikut gambar contoh
menentukan ukuran banner:

Cara membuat banner dengan Photoshop

Catatan Gambar:

Width : untuk menentukan lebar banner, sesuaikan dengan space widget

atau sidebar blog atau dimana anda akan menempatkan banner nantinya.
Jangan lupa dibelakngnya pilih “pixels’

Height: Untuk menentukan Ukuran tinggi banner baru yang akan dibuat,

juga sesuaikan dengan space blog, usahakan jangan terlalu tinggi dan
jangan terlalu rendah. Ikutin referensi ukuran yang telah kami sebutkan
diatas. Jangan Lupa Pilih “Pixels”

Resolution: ikuti saja dengan angka 72 Pixels/inch itu merupakan resulusi

standar yang sudah cukup bagus untuk sebuah banner.
Color Mode: Pilih RGB Color dan 8 bit

Background Contents: disini anda bisa memilih apakah langsung berwarna

atau white (putih) atau transparan. Silahkan pilih transparan jika ingin
membuat banner dengan memasukan gambar lain sebagai baground.

Langkah Keempat: Jika sudah selesai menentukan ukuran dan resolusi,

silahkan KLIK OK

Selanjutnya mulailah anda membuat kreasi banner baru anda sendiri, baik
memasukan foto, tulisan dan lainnya. Jika ingin memasukan foto lain sebagai
background anda hanya tinggal menyeret atau drag gambar ke bagian
banner saja lalu menyesuaikan ukurannya.

Berkaitan dengan cara membuat banner dengan photoshop seperti cara

memasukan text dan membuat tulisan, memasukan gambar dan lainnya itu
adalah selera masing-masing jadi silahkan anda selesaikan sampai
menurutkan anda banner baru tersebut sudah bagus dan sesuai dengan
produk yang ingin di promosikan dengan banner.

Langkah Kelima: Jika sudah selesai mengkreasi banner anda dan siap

untuk disimpan, maka cara menyimpan banner hasil olahan photoshop anda
sebagai berikut:
Urutan penyimpanan banner baru: Klik Menu File –> Klik Save As –
> Tentukan Lokasi penyimpanan di komputer atau laptop anda –> Tulis
Nama File Banner baru anda –> Bagian Format banner pilih PNG/JPEG –
> Save. Selesai cara membuat banner dengan photoshop.

Cara membuat Banner dengan Photoshop sudah selesai, selanjutnya yang

perlu anda ketahui adalah cara memasang banner ke blog atau website
dengan mudah.

Langkah – Langkah memasang banner ke blog/website anda sebagai

berikut:

Uplpoad banner baru yang telah anda buat dengan photoshop ke website
via add new Media/Gallery kalau di wordpress, di blogspot upload
gambar/foto seperti biasanya.

Setelah selesai diupload ke website langkah yang perlu lakukan adalah

mengambil url/link gambar yangtelah anda upload tadi. Caranya Klik Kanan
pada gambar yang telah diupload ke blog tadi dan pilih copy image
address/copy lokasi gambar dan paste ke notepad.

Kemudian gunakan kode script banner di bawah ini:

<a rel=”Nofollow” href=’URL Tujuan Kalo diklik‘ target=’_blank’

title=’Peluang Bisnis Online‘><img src=’Masukan Url Lokasi Gambar‘
alt=’Peluang Bisnis Online‘ border=’0’height=’336‘ width=‘280‘/></a>

Catatan Script:

Tulisan berwarna merah: anda ganti dengan url/link tujuan saat banner

diklik orang.

Tulisan berwarna Biru: Masukan url gambar yang anda dapatkan setelah

klik kanan dan copy Image address/copy lokasi gambar.

Tulisan berwarna ungu: anda ganti sesuai nama produk, karena tulisan ini
akan muncul saat mouse diarahin ke banner.

Tulisan warna orange: ganti dengan nama file gambar/banner anda.

Height: Untuk Mengatur tinggi disesuaikan dengan tinggi banner yang anda

buat.

Width: mengatur ukuran lebar banner, sesuaikan dengan banner anda.

Langkah terakhir: Memasukan atau memasang banner di blog dengan

mempastekan kode script ke tempat dimana anda ingin menampilkan
banner, bisa di sidebar/widget, atau space iklan yang tersedia.
Kemudian Klik SAVE dan lihat hasilnya banner buatan anda sudah tampil
dengan sempurna di blog. Selesai.

https://www.bangtohir.com/cara-membuat-banner-dengan-photoshop-paling-mudah/