Profili Göster

Banner Nedir ve Banner Hazırlama Teknikleri

Koray Şahin Tarih: 30/03/2008 Yorum: 1 adet

Okunma : 1178 Tutanlar: Bu yazıyı 0 kişi tuttu.

Bir yerlerden başlamak gerekir… Öncelikle, banner nedir? Bir web sitesinin büyük kitlelere ulaşabilmesi için en etkili yollardan biri banner reklamlarıdır. Flash ile yaygınlaşan banner reklamları biz flasherlar için büyük bir avantaj sağladı. Banner kazandırır mı? Bannerı promosyonlaştıran kişi ya da firmalar olsa dahi sadece banner tasarımı üzerine kurulmuş dev firmalar olduğunu unutmamak gerekir. Kazanç işin sürekliliği ile bağlantılıdır. Bir firma size web sitesini yaptırır ve siz bu firmaya geçen emeğinizin karşılığını alırsınız. Fakat bir firmanın banner reklamları işini aldığınızda ör. ( istikbal mobilya ) her yeni ürününde Mynet, Milliyet gibi tekil kullanıcı hiti yüksek web sitelerine verilmek üzere 10-15 banner tasarlarsınız. Bu bannerlar standart ya da özgün ölçülerde olur ve işin en güzel yanı tek bir ürün tek bir konsept üzerinden gider. Yani siz bir konsept hazırlarsınız ve tek bir ölçüden bannerınızı tamamlarsınız. Kalan 9 bannerın ise sadece ölçülerini değiştirirsiniz. Sonuç olarak 10 banner hazırlamış olursunuz.

Çalıştığınız firmanın tarzını tanıdıktan sonra firma size verdiği işlerde süreklilik sağlar. Bu durumda banner reklamcılığı kazançlı bir iştir. Ehh müşteri bulmak da sizin çeverenize kalmış…

Banner ölçülerine geçmeden önce önemli bir hatırlatma yapmak istiyorum. Bannerların boyutları mümkün olduğu kadar düşük olmalıdır. Bunun nedeni, Mynet ve benzeri web sitelerinin 20 kb üstü banner kabul etmiyor, etse dahi bunun için ekstra ücret talep ediyor olmasıdır. Gerekçeleri ise sitelerinin fazla hit alması ve bannerların site trafiğine etkisidir.

Banner çeşitleri ve ölçüleri:

Skyscraper: 120 × 600 piksel

Wide Skyscraper: 160 × 600 piksel

Rectangle: 180 × 150 piksel

Medium Rectangle: 300 × 250 piksel

Large Rectangle: 336 × 280 piksel

Vertical Rectangle: 240 × 400 piksel

Square pop-up: 250 × 250 piksel

IAB 392 × 72 piksel boyutundaki bannerı çok sık kullanılmadığından dolayı tavsiye edilen boyutlar listesinden çıkardı.

Yukarıda sıraladığım banner ölçüleri sadece tavsiye edilen ve tercih edilen ölçülerdir. Karşılaştığınız web sitesinin yapısından dolayı sıklıkla bu ölçülerin dışına çıkmak durumunda kalabilirsiniz.

Banner reklamcılığında amaç en kısa sürede en iyi şekilde anlatılmak istenileni anlatabilmektir. Büyük web sitelerinde yayınlanacak bannerlar için maksimum FPS ya da maksimum saniye belirtilir. Örneğin, bir bannerın 10 sn’yi geçmeyecek şekilde hazırlanması istenilebilir.

Banner hazırlama teknikleri:

Burada kendi tekniklerimden işinize yaracağını düşündüklerimi anlatacağım.

  • Ease, özelliği "motion tween" ile birlikte geçişlerinizde vazgeçilmeziniz olmalıdır.

Flashı açalım ve "CTRL + J" komutu ile 250×250 px boyutunda bir sayfa yaratalım. Sonra sahnenin bir kenarına rengi ya da boyutu önemli olmayan bir kutu çizelim. Properties panelini açıp,

W=150 H=20
X=50 Y=200

şeklinde ölçülendirelim ve konumlandıralım. Sahnedeki objemizi seçerek F8 ile movie clip haline getirelim. Yarattığımız "Movie Clip"imiz şu an 1. frame’de. 10. frame’e gelerek F6’ya basalım. 1. frame ile 10. frame arasında sert bir geçişimiz oldu. 10. framede sahnedeki objenin y değerini 100 yapalım ( y=100 ). Sahne ortalarına yaklaşmış olmalı. Ve şimdi de 1. frame ile 10. frame arasına motion tween verelim. Entera bastığınızda 1. frame’den 10. frame’e bir geçiş göreceksiniz. Ancak benim burada vurgulamak istediğim bu geçiş değil, bu geçişin yumuşaklığı ve diğer özelliklerdir. Şimdi 1. frame’e gelelim ve 1.frame seçiliyken properties panelini açarak Ease değerini 0 dan 100 e yükseltelim. Tekrar entera bastığınızda objenin aynı şekilde çıkış yaptığını fakat 10. frame’se gelişinde frenlediğini göreceksiniz. Frenli duruşlar her zaman daha hoş bir hava katar çalışmalarınıza.

Aynı çalışma üzerinden gidiyorum. 1. frame’de sahne üzerindeki "Movie Clip"inize tıklayarak properties panelinden alpha değerini 0 yapalım. 10. frame’deki Clip’in y değerini ise 130 yapalım. "CTRL + J" kısayolunu kullanarak Frame Rate ( Frame Hızı )ini 15’e yükseltelim. 10.frame seçiliyken F9 diyerek açılan Action Script paneline stop(); komutu ekleyelim. Şimdi çalışmayı test ediniz.

Animasyonda görsel değerin 0 olmasına rağmen bir duruş, bir tarz yaratmış olduk. Bu tür uygulamaları gerek firma ürünlerinde, gerek yazı metinlerinde (örn. bir metin gelirken diğerinin gidişi ) şeklinde kullanmanız mümkün…

Sağda solda sıklıkla karşılaştığımız dev gibi büyüyen yazılar ve rahatsız edici çalışmalardan bu çalışmayı farklı kılan esnekliğidir.

Bu teknik ile hazırladığım 250×250 px ölçülerinde bir banner göstereyim size. Dosyayı indirmek için tıklayın.

http://www.koraysahin.com/banner.zip

Yukarıdaki banner, Mynet.com ana sayfasında 3 gün yayında kaldı. Bu bannerda size anlattığım tekniğin dışında bir işlem yapmış değilim. Sadece bir telefonun birden fazla açıdan fotoğrafını çekerek, rotate özelliği ile telefonu döndürdüm o kadar…

Bannerlarda daha çok stop ve play komutları kullanılır. Ancak işinize yaracağını düşündüğüm zaman ayarlı stop(); kodunu kullanmanızı öneririm.

stop();
function ilerle():Void {
gotoAndPlay(2); // hangi frame gitmesini istiyorsanız...
clearInterval(zaman);
}


kac_saniye_beklesin = 5; // bekleme süresini ayarlamak için


zaman = setInterval(ilerle, 1000*kac_saniye_beklesin);

-

aç-kapa İçeriğin rss beslemesi kullanımda değil Yorumlar

Profili Göster
Erdoğan ERDEN 26/06/2008

Çok güzel yazı hocam eline sağlık.

— saygılar

ByDesigner

aç-kapa Yazarın Diğer Yazıları

Haber

İlişkili haber bulunamadı.

yeni bir tane ekleyin

Ders

İlişkili ders bulunamadı.

yeni bir tane ekleyin

aç-kapa Bu makale ile ilgili olabilecek yazılar

yeni üyelik | şifremi unuttum

aç-kapa Toplantı Kahraman ve need4code.com Projesi Connect Toplantısı

Kahraman ve need4code.com Projesi Connect Toplantısı

Selam arkadaslar, Programlama ile uğraşanların hayatlarını kolaylaştıracak desktop ve web tabanlı ortak iki proje ile ilgili 3. toplantımızı 3Aralık...
Kategori: Toplantı

aç-kapa Yarışma Fikir10000 Dijital Pazarlama Fikir Yarışması

Fikir10000 Dijital Pazarlama Fikir Yarışması

ADTECH tarafından düzenlenen Fikir10000 yarışmasına; dijital pazarlama ile ilgili size ait olan fikrinizle katılabilir ve 10.000 YTL’lik birinci...
Kategori: Yarışma

aç-kapa Yarışma 7Dx Demoscene Party

7Dx Demoscene Party

2002 yılından beri amatör bilgisayar kültürü ile ilgilenen insanları bir araya getirmeyi hedefleyen 7DX parti serisinin bu seneki ayağı olan 7D8 Demo ...
Kategori: Yarışma

aç-kapa Eğitim Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Etkin Katılım Çağrısı Türkiye’de Internet ile ilgili grupları biraraya getirerek İnternet’i tum boyutlarıyla tanıtmak, gelistirmek, tartı...
Kategori: Eğitim

aç-kapa Konferans Bilgi Güvenliği ve Kriptoloji Konferansı

Bilgi Güvenliği ve Kriptoloji Konferansı

Önemli Tarihler: Etkinlik Tarihi : 24-26 Aralık 2008 Son Bildiri Gönderme Tarihi : 20 Ekim 2008 Bildiri Kabul Tarihi Bildirimi :...
Kategori: Konferans

üyeler Son Kahramanlar...

stats Kimler Burada? web stats

Son 1 dakika içinde MMIstanbul' da 406 (1 kayıtlı, 405 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:

coldfusion mysql ubuntu
 
sponsor adobe istanbul