photoders » Logo

Flash Logo Saklı Reklam İçerikli

admin — Tue, 11 Aug 2009 21:13:03 +0000

Flash çalışmamız bir üyemizin isteği üzerine ders olarak sizlere anlatmaya çalışacağım. Web site header kısmında kullanabilirsiniz ayrıca gizli reklam penceresi sayesinde reklam kazancı elde edebilirsiniz. Çalışmamıza başlayalım yeni bir sayfa açalım ben 732×222 px bir sayfa açtım çalışmada kullanacağım resimleri impotrt ettim.

1-İlk olarak arka planda slayt olarak kullanacağımız resmi sahneye alalım seçili durumda F8 graphic yapalım name verelim re1 olsun tekrar seçili durumda F8 movie clip yapalım name re_mc olsun. Klip içine girelim layer1 adı resim1 olsun 20 frameye keyframe ekleyelim 1 framede create motion verelim 1 framede Advanced seçimi yapalım Alpa %20 olsun 5,10,15 framelere keyframe ekleyelim.
2-Yeni layer ekleyelim layer adı resim2 olsun 21 frameye keyframe ekleyelim ikinci resmimizi frameye ekleyelim resmi F8 graphic yapalım name re2 olsun 40 frameye keyframe ekleyelim 21,40 frame arasına motion verelim 1. Framede Advanced uygulayalım Alpa değeri %20 olsun 25,30,35 framelere keyframe ekleyelim.
3-Yeni Layer ekleyelim resim3 layer olsun 1.frameye özel bir resim ekleyelim diğer resimlerin üzerinde görünsün 40 frameye key frame ekleyelim 1 framede create motion verelim Advanced uygulayalım 1 framede %20 olsun 5,10,15,20,25,30,35 framelere keyframe ekleyelim. İlk klipi hazırladık.

4-Scene1 sahnemize gelelim re_mc klipi layer1 ekleyelim layer adı logo olsun. Yeni layer ekleyelim name reklam olsun hazırladığımız reklam içerikli resmi 1.frameye ekleyelim resim seçili F8 graphic yapalım name orta olsun tekrar F8 movie clip yapalım name orta_mc olsun orta _mc içine girelim layer 1 adı orta olsun yeni layer ekleyelim layer adı bar olsun üst kısma hazırladığım resmi 1 frameye ekleyelim seçili durumda F8 movie clip yapalım name bar_mc olsun alt orta isimli layere gelelim 10 ve 20 framelere keyframe ekleyelim 1 framede üst tarafa kaydıralım. 1frameyei kopyalayıp 20 frameye ekleyelim kaydırma işlemini tekrar etmemiş oluruz frame aralarına motion verelim.

5-Rectangle Tool aracı ile dış çizgisi olmayan dikdörtgen oluşturalım F8 button yapalım butonumuz ilk framede size armağanımız var yazısı kadar olacak 20 frameye keyframe ekleyelim transform aracı ile 20 framede butonu reklam içeriği kapatacak şekilde büyültelim.

6-Yeni layer ekleyelim layer adı label olsun 2 ve 11 framelere keyframe ekleyelim 2 framede instance name s1 20 framede s2 yazalım.
7-Yeni layer ekleyelim layer adı action olsun 1 ve 10 framelere stop ekleyelim.
8-Buton layer gelelim seçili yapalım 1 ve 20 framelerde actions paneli açıp ekli kodu ekleyelim

on (rollOver)
{
    gotoAndPlay(" b1");
}
on (releaseOutside, rollOut)
{
    gotoAndPlay("b2");
}

9-Orta layere gelelim üzerine yeni layer ekleyelim layer adı mask olsun çalışma sahnemizin büyüklüğünde dış çizgisi olmayan dikdörtgen oluşturalım orta layere mask oluşturacağız mask layer üzerine gelelim sağ klik mask seçeneğini aktif yapalım.

10-Scene1 sahnemize gelelim yeni layer ekleyelim layer adı action olsun actions paneli açıp stop ekleyelim. Test edelim
11-Arkadaşlar ben çalışmaya yeni layer ekleyerek içerik resmi ekledim buton hazırlayarak link verdim. Genel olarak çalışmayı anlattığım için eklemeyi düşündüğünüz uygulamayı kendiniz tasarlayın.

Çalışmamız sonlandı Test edelim.

FLA İndir

Çalışmayı izle

Bu Yazıyı Paylaşın

Blog Header Tutorial

admin — Tue, 18 Nov 2008 10:23:31 +0000

Çalışmamızda web sitemizde, blog temamıza ekleyebileceğimiz header çalışması yapacağız. Örnek çalışmamızı isteğinize göre düzenleyerek yapabilirsiniz.
Yeni bir çalışma sayfası açalım 769×235 px color beyaz olsun. Gradient tool arcını seçelim gradient editöründen renk ayarlarını yapalım.

[Hidepost]

Yeni layer ekleyelim oval shape veya ellipse tool araclarından birini kullanarak oval seçim oluşturalım. seçim üzrine Select>mofifie>Feather enter 20px uyguluyoruz seçili kısmı beyaz renk ile dolduralım.

Yeni layer ekleyelim tekrar aynı seçim araçlarından biri ile biraz daha büyük bir oval çizelim Select>Mofifie>Feather 40px uygulayıp seçili alanı beyaz renk ile dolduralım

Yeni bir layer daha ilave edelim aynı seçimi yapalım Feather 80 px uygulayalım aynı şekilde beyaz renk ile dolduralım layerin opacity değerini 60% yapıyoruz layer mode overlay yapalım

Custom shape tool aracını seçelim shape panelinden registration Target2 seçimini yapalım foreground renk beyaz olsun

Layer mode Softlight yapalım

Yeni layer ekleyelim Brush fırça seçelim açılan brush pencereden Grass brush fırça seçimini yapalım buradan Grass brush indir çimleri yaptıktan sonra yumuşak fırça seçelim alt kısımlarını siyah renk ile işleyelim örnek resim

Brush fırçamızı seçelim ekli linkten uygulamada kullanacağımız ince dal fırçamızı kullanalım.
1-Brush ince_dal_1
Fırçalarımızı indirdikten sonra örnek resimdeki uygulamaları yapalım siz isterseniz değişebilirsiniz.

Yazımızı yazalım Final

[/Hidepost]

Bu Yazıyı Paylaşın

Logo Tasarım

admin — Fri, 20 Jul 2007 10:29:58 +0000

Logo tasarım çalışması
Logo tasarım animasyon ilaveli
500×400 beyaz bacgraund çalışma sayfası açıyoruz text tool aracı ile arial yazımızı gray renkte yazıyoruz.

Razterize layer diyerek seçili hale getiriyoruz.
Filter=> Noise => Add Noise. Uyguluyoruz 30% Uniform Monochromatic

Filter=> Blur=>Motion Blur set to 4 pixels. Uyguluyoruz.
Image=> Adjust=> Hue Saturation Check Colorize Hue= 59 saturation = 33 lightness = +5

Blending Options>Inner Glow
mode= screen
opacity = 80
noise = 0
solid color
techique = softer
choke = 0
size = 5
contour= normal
Blending Options> Bevel and Emboss
Style = inner bevel
Technique = smooth
Depth = 100 %
Direction = Up
Size = 5
Soften = 0
Angle =120
altitude=300
contour = normal
Blending Options> Stroke.
Size = 2
position = outside
blending = normal
opacity = 97%
color =606103

Blending Options . Drop shadow
mode= multiply
Set the opacity to 100%
angle = 120
distance = 15 px
Spread = 0
size = 29
contour normal
Blending Options Overlay
blend mode = luminosity
ppacity = 43
Gradient = black-white
style= linear
angle = 90
scale = 72%

Şimdi yazı işlemlerimiz bitti resmimizi open diterek sahneye alıyoruz magic land ile seçim yapıp select inverse seçimi ters cevirip edit copy diyerek yazımızın üzerine edit paste yapıyoruz

Blending Options Drop shadow maymun resmine uyguluyoruz.
Distance:9
Size :29

Ben yaptığım logoya leopar resmi yerleştirdim şimdi geldik animasyon kısmına maymun layerimi üç defa kopyalayarak çoğalttım Window animation tıklayarak animasyon işlemine başlayalım animation penceresine tıkladığımızda birinci framede tek resim görünüyor olduğunu görmekteyiz.
İmage ready derslerde bu konuları işlemiştim ordaki uygulamaları takip edebilirsiniz.
Resim olarak ekleyeyim
Layer

Animation frameler

Not: size sadece maymun animasyonu anlattım ben leopar üzerinede animasyon uyguladım sizde çeşitli denemeler yapın
Final

Bu Yazıyı Paylaşın