Öncelikle banner nedir?

Kelime yabancı gelebilir ama çoğu web sitelerinde karşılaştığınız, tıklamaya korktuğunuz internet reklamlarına banner demişler. Flash programı ile yaygınlaşan bu reklam türü kanaatimizce iyi bir ifade aracıdır.

Banner Özellikleri

Banner boyutu mümkün olduğu kadar küçük tutulmalıdır. Sitelerin fazla hit alması ve bannerın site trafiğine etkisi büyük olabilir. Flashokulu güzel bir ifade ile banner tasarım teknikleri paylaşmış. Bilgilerinize sunarız

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

Skyscraper: 120 x 600 piksel
Wide Skyscraper: 160 x 600 piksel
Rectangle: 180 x 150 piksel
Medium Rectangle: 300 x 250 piksel
Large Rectangle: 336 x 280 piksel
Vertical Rectangle: 240 x 400 piksel
Square pop-up: 250 x 250 piksel {bunlar çoğunlukta kullanılan ölçülerdir. Bannerın site tasarımına uygun olması için bu ölçülerin dışına çıkılabilir}

Banner Hazırlama Teknikleri

Burada en çok kullanılan birkaç banner tekniğini anlatıyoruz.

Flashı açalım ve ctrl + j ile 250×250 px bir sayfa yaratalım. Sahnenin bir kenarına rengi 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 yapalım. 1. frame ile 10. frame arasında sert bir geçişimiz oldu. 10. framede sahnedekı objenın 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ığı vd özellikler. Şimdi 1. frame e gelelim ve 1.frame seçiliyken properties panelini açarak Ease değerini 0 dan 100 e yükseltelim. Tekrar enter a bastığınızda objenin aynı şekilde çıkış yaptığını fakat 10 frame e gelişinde frenlediğini göreceksiniz. Frenli duruşlar her zaman daha hoş bir hava katar çalışmalarınıza.

Aynı çalışma üzerinden gidiyoruz…

1. framede sahne üzerindeki 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ı ) nı 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ırlanmış yine 250×250 px ölçülerinde bir banner: indir
Kaynak: http://www.flashokulu.com/

Bu Yazı Pazartesi, Haziran 30th, 2008 11:44 'da Grafik & Tasarım Kategorisine Yazıldı. Bu Yazının Cevaplarını RSS 2.0 bildirimi ile takip edebilirsiniz. Cevap Yazabilir yada kendi sitenize alıntı yapabilirsin.