1 Flash Dersleri Foto Galeri Yapalım Thu Nov 04, 2010 11:34 pm
Selam arkadaşlar,
Bu derste sizlerle şık bir foto galerinin giriş mantığını anlatmaya çalışacağım. Drog - Drop tekniği kullanacağım. Tabi ki geliştirmek ve ilerletmek sizin elinizde...
1. İlk olarak Fireworks veya Photoshop ile resimlerimizi resimde görüldüğü gibi şık ve zarif bir fotoğraf şablonuna oturtalım. Düzenlemelerini de ayarlıyalım, grup altına alma vs.
[You must be registered and logged in to see this image.]
2. Ben bu çalışmada Fireworks'ü kullanıyorum. Her bir resme sağ tıklayıp rectangular slice diyerek keselim.
[You must be registered and logged in to see this image.]
3. Bunu tamamladıktan sonra Save as.. diyerek PNG olarak kaydedelim.
4. PNG formatlı dosyamızı Flash içerisine import edelim. (Fotoğrafları içinde barındıran dosyamızı)
5. Her bir resimi seçtikten sonra F8'e basıp teker teker butona çevirelim ve instance name'lerini btn1, btn2, btn3, btn4, btn5 şeklinde ayarlıyalım.
6. Son olarak teker teker butona çevirdiğimiz resimleri seçip F9'a basıp açılan Actionscript paneline aşağıdaki kodumuzu yazalım:
on(press){
startDrag(btn1);
}
on(release){
stopDrag();
}
Önemli not: Kod içerisindeki btn1'i, instance name'lerine göre adlandırmak (btn1, btn2, vs..) her zaman en mantıklısıdır. Tabi ki bu isimleri kendinize göre ayarlayabilirsiniz.
Teşekkürler...
]Bu derste sizlerle şık bir foto galerinin giriş mantığını anlatmaya çalışacağım. Drog - Drop tekniği kullanacağım. Tabi ki geliştirmek ve ilerletmek sizin elinizde...
1. İlk olarak Fireworks veya Photoshop ile resimlerimizi resimde görüldüğü gibi şık ve zarif bir fotoğraf şablonuna oturtalım. Düzenlemelerini de ayarlıyalım, grup altına alma vs.
[You must be registered and logged in to see this image.]
2. Ben bu çalışmada Fireworks'ü kullanıyorum. Her bir resme sağ tıklayıp rectangular slice diyerek keselim.
[You must be registered and logged in to see this image.]
3. Bunu tamamladıktan sonra Save as.. diyerek PNG olarak kaydedelim.
4. PNG formatlı dosyamızı Flash içerisine import edelim. (Fotoğrafları içinde barındıran dosyamızı)
5. Her bir resimi seçtikten sonra F8'e basıp teker teker butona çevirelim ve instance name'lerini btn1, btn2, btn3, btn4, btn5 şeklinde ayarlıyalım.
6. Son olarak teker teker butona çevirdiğimiz resimleri seçip F9'a basıp açılan Actionscript paneline aşağıdaki kodumuzu yazalım:
on(press){
startDrag(btn1);
}
on(release){
stopDrag();
}
Önemli not: Kod içerisindeki btn1'i, instance name'lerine göre adlandırmak (btn1, btn2, vs..) her zaman en mantıklısıdır. Tabi ki bu isimleri kendinize göre ayarlayabilirsiniz.
Teşekkürler...