Tutorial Merkezi bir websitesi : thelearnlist.com
Arkadaşlar tutorial uygulamalı eğitimler olan websitelerini program program ayıran ve direk link veren güzel bir websitesi buldum. Tabiiki ingilizce ama fotoğraflı uygulamalar olduğundan faydalı oalcağını umuyorum. Ayrıca After Effects,Actionscript,CSS,XML gibi ileri seviyede konularda da tutoriallar var. Faydalı olması dileğiyle..
http://www.thelearnlist.com
Adobe Flash CS3 Professional : User Guide
Adobe'nin her programı için yaptığı User Guide Adobe.com adresinden Support-Documentation linkinden indirilebilir.Aslında piyasada edinebileceğiniz birsürü ebook'tan daha kapsamlı ve açıklayıcı oluyor bu guide'lar.Bir nevi kitaplaştırılmış help dosyaları.
Flash 8'in aynı şekilde benim arşivde daha geniş Guide'ları var onları da ekleyeceğim. Flash CS3 için User Guide aşağıdaki linkten hemen indirebilirsiniz.Diğer programların Guide dökümanları için Adobe.com-Support-Documentation ziyaret edin tabiiki bir Adobe ID ile ;)
Faydalı olması dileğiyle...
http://livedocs.adobe.com/flash/9.0/UsingFlash/flash_cs3_help.pdf
Flash Menu Tasarımı Projesi
Yeni bir Flash dökümanı açın boyutları 250x180 olsun. Frame hızını 42’ye getirin,fps:42 ve background rengini #E3E3E3 yapın.Line Tool seçin ve rengini #C0C0C0 ,tipini Solid,kalınlığını 1 olarak ayarlayın. Aşağıda gördüğünüz gibi bir adet çizgi çizerek bunu Alt'a basarak sahneye taşıyıp 5 adet çoğaltalım.
Text Tool ile menuleri yazma kısmına başlayalım.Statik Text seçiliyken benim tavsiyem Trebuchet MS font ve 12 font size olarak siyah renk seçerek Anti-alias for readability seçip aşağıdaki gibi menude olacak sayfaya giden linklerimizin adlarını atayalım ve yan tarafa da ufak üçgenler ile okları ekleyelim.
Şimdi Anasayfa yazısını ve oku Shift ile birlikte seçip Movie Clip yapalım Movie Klip adını anasayfa_mc yazalım. Movie Klip’in içine girelim.Yazı ve Ok'u layerlara ayıralım.Sonra yazıyı seçelim,F8->Movie Klip yapalım.Yazı layerında 20.frame’e gelerek F6 insert keyframe ile yeni bir keyframe ekleyin.Daha sonra bu keyframe’de Movie Clip’i seçip Properties sekmesindeki Color-Tint diyip Beyaz renk seç,%100 diyelim.
Aynı şekilde 10.frame’e F6 ile keyframe ekliyoruz. 10.frame’de de yazıyı seçip yine aynı yukarıdaki gibi Properties sekmesindeki Color-Tint kısmından Beyaz renk seçip %100 diyelim.10.frame'de animasyondaki gibi biraz sağ yani oka doğru yaklaşmasını istediğimizden 10.frame'deyken yazımızı çokaz sola taşıyoruz.Şimdi ise 1-10 ve 10-20 arasındaki frame'lere sağ tıklayarak Create Motion Tween diyerek Motionlarını verelim. Böylelikle Anasayfa yazısı aşağıdaki gibi beyazlayıp biraz sola gelip tekrar beyaz olarak ilk yerine giderek üstüne gelindiğinde bu movie klipi oynatıcak.Anasayfa yazısına uyguladığımız motion tween'lerini aynı şekilde ok içinde yeni bir layerda beyazlayıp aşağıdaki gibi 10.frame'de az sağa daha sonra 20.frame'de beyaz olarak kendi yerine dönen şekilde yapalım.
Yukarıda gördüğünüz kırmızı açılan şekili yapmaya geldi sıra. Kırmızı şekil için aynı movie klip içinde 2 layerımız var şuanda.Biri oku tutan,diğeri Anasayfa yazısını.3.Layerı açalım ve başına aşağıdaki gibi küçük bir kırmızı şekil çizelim.
Çizdiğimiz şekili seçerek Movie Klip yapalım.Layerda 1.frame 'de yukarıdaki gibi gözüken kırmızı buton 30.frame'de insert keyframe (F6) diyelim ve gelen küçük butonu free transform tool ile sağ tarafa doğru genişleterek aşağıdaki gibi büyütelim.Sonrada 1-30.keyframe arasında bir frame'e sağ tıklayıp Motion Tween verelim.
Daha sonra 1.frame'e geri dönerek ilk çizdiğimiz şuan Movie Klip olan şekili seçerek Alpha'sını yani görünürlüğünü %0'a getirelimki kırmızı şerit arkaplanda görünmezden büyüyerek gelsin.
Buraya kadar Anasayfa yazısının üzerine gelindiğinde yapacağı animasyonu tamamladık.Şimdi ise üzerine gelindiğini tetikleyecek görünmez butonu yapacağız ve o butonun üzerine de "Over" frame'ine ses dosyamızı ekleyeceğiz. Anasahneye geri dönelim ve yeni bir layer oluşturalım,adını buton verelim. Daha sonra Insert-New Symbol diyelim ve bir buton ekleyelim.Sonra Butonun instane name olarak buton1 yazalım ve çift tıklayarak butonun içine girelim ve aşağıdaki Up-Over-Down-Hit kısmında F6 ile yeni keyframe'ler ekleyelim. Sadece Hit alanına bir kare çizelim tasarımda gözükmeyeceğinden rengi önemli değil. Ses içinde örnek ses dosyasını Kile-import Library diyelim daha sonra Buton'un Over kısmındayken alttaki Properties kısmından Sound kısmından seçip Event-Start 1 times diyelim veya libraryden Over aşağıdaki gibi seçiliyken ses dosyasını sürükleyip ekrana bırakalım ve yine Event-Start 1 times diyelim. Böylelikle Over'a ses ekleyerek butonun üstüne gelince ses gelmesini sağladık.
Sahneye dönerek görünmez butonumuzu libraryden alıp sahneye bırakalım. Ve free transform yardımıyla tam Anasayfa yazısının üstüne aşağıdaki gibi bırakalım.
Flash Menumüzün tasarımını tamamladık. Şimdi Actionscriptlerini kopyalamaya geldi. Invisible Buton'a sağ tıklayıp Actions kısmına girin ve aşağıdaki kodu yazın.
on (rollOver) {_root.mouse_over_anasayfa_mc = true;}
on (rollOut) {_root.mouse_over_anasayfa_mc = fstartlse;}
on (release)
{getURL("index.htm");}
Animasyonun ilk frame'ini seçerek aşağıdaki kodu yazın.
_root.anasayfa_mc.onEnterFrame = function() {
if (mouse_over_anasayfa_mc) {
_root.anasayfa_mc.nextFrame();
} else {
_root.anasayfa_mc.prevFrame();
}
};
Böylelikle kodlarımızı da ekleyerek buton ve movie klip etkileşimlerini tamamladık. Anasayfa butonu için menumuzu denemek için CTRL-Enter diyebilirsiniz.Anasayfa linki için kodun içerisinde getURL içine index.htm verdim siz projenize ve diğer butonlar için linkini değiştirebilirsiniz.Bu kod ile görünmez butonun üzerine gelince anasayfa_mc oynatmış olacağız. Menünün diğer sekmelerine aynı işlemi uygulayıp menuyu tamamlayabilirsiniz. Kolay gelsin....
Joomla Workshop Ders Notlarım
Arkadaşlar pazar günü SmartPRO'da gerçekleştirdiğimiz çok değerli öğrencim Tahir Gençtoğ'un anlatımıyla Joomla ile bir websitesinin kurulumu,yüklenişi ve daha sonra da Componentlar yardımıyla bir forum bileşenin siteye eklenişi ensonunda da beğendiğimiz bir template arayüzünün Admin panelinden ne kadar kolayca yüklenip görsellerinin değiştirebildiğini gördük.
Gerçekten Joomla çok basit,kurallarına göre oynarsanız gayet başarılı ve şık görünen ziyaretçi defterli,forumlu,takvimli mySQL veritabanı destekli formlarıyla php websitesini admin panelinden tek satır kod yazmadan yönetebiliyorsunuz.
Ders notlarımdan websitelerini ve bir Joomla yüklenimini adım adım yazan bir ebooku iletiyorum.Sıfırdan kurulumu ve yönetimi türkçe anlatan bir el kitabını yüklüyorum.
http://rapidshare.com/files/54413140/Joomla_El_Kitabi.pdf
Ayrıca Joomla Türkiye forum sitesi - tabiiki Joomla ile hazırlanmış :) - güzel ve faydalı bir başvuru kaynağı olabilir.
http://www.joomlaturkiye.org/
http://www.joomlatr.org/
http://www.joomlaforumu.com/
İlerleyen günlerde Joomla ile ilgili ebooklar,eklentiler,templateslar ve kendi notlarımı uyguladıktan sonra toparlamaya ve buraya aktarmayı düşünüyorum. Ufakta bir müjde vereyim Pusula yayıncılıktan ekim ayı sonunda ilk türkçe ve türk Joomla uzmanından bir Joomla kitabı çıkacak şuan yazım aşamasında,eminim o kitapta iyi bir kaynak olacaktır.
Tekrardan bize Joomla ile çok hızlı bir tanışma fırsatı sunan öğrencim Tahir Gençtoğ ( http://www.paylasbizle.com/) çok teşekkür ediyorum.Kendisinin Joomla uygulama video screenshotları çektiğini biliyorum inşallah onları da burada paylaşacağız.
İyi çalışmalar...
Flash Menu Projesi
Yukardaki güzel Flash menüyü alarak projenizde menu olarak kullanabilirsiniz.
Fla dosyasını indirmek için aşağıdaki linke tıklayınız.
Linklerini güncellemek için fla dosyasındaki Actions Layerındaki :
_root.connURL11 = http://www.al2y.com/iletisim.htm;
gibi değiştirmeniz gerekiyor. 1-2-3-4- menulerin kendi adı,açılanlarda sırasıyla 11-12-13-14 gibi konulmuş.Kolay gelsin...
http://www.expression.web.tr/al2y/menu_5.rar
Alien Skin : Photoshop Plug-in Örnekleri
Merhaba arkadaşlar ; Alien Skin çok popüler Photoshop ve Fireworks Plug-in'leri yayınlayan bir şirkettir.Fireworks 8 içerisinde bazı filtre stillerini ücretsiz uygulayabiliyorduk. Photoshop ve Fireworks CS3'te bunu kaldırmışlar.Ama biz yinede bu plug-in'leri bulabiliriz ve yükleyerek hala en popüler plug-in ve effectlerimizi fotoğraflarımıza verebiliriz.Örnek vermek gerekirse görsellerinizi düzelten İmage Doctor,textures(desen) kütüphanesi,BlowUp gibi effectler verebilme Plug-in'leri bu dosyada var.Kurulum dosyası olan exe dosyasını çalıştırdığınızda kendi Plug-in klasörünü buluyor ve yüklüyor.Size kalan Photoshop eğer açıksa kapatıp tekrardan başlatmak.Yine sorun oluyorsa Plug-in klasörünün içerisini kontrol etmenizi öneririm.Her dosyanın kendi özel şeklinde verilişi var.İçindeki text dosyalarını okuyarak nasıl uygulanabileceğini görebilirsiniz.İyi eğlenceler...
http://rs56.rapidshare.com/files/31228051/Photoshop_Macromedia_Fireworks_AIO_Plugins.rar
CSS Ders Notlarım
CSS ( Cascading Style Sheets) kodları üzerine ders notlarım yukardan indirip okuyabilirsiniz.Çok yakında Expression Web üzerinde CSS uygulamaları e-kitapımı da buraya ekleyeceğim.Ancak CSS kodlarının ne işe yaradıklarını ve temel işlevlerini görürsek Dreamweaver veya Expression Web üzerinde CSS uygulamalarına daha hakim olabiliriz.Size tavsiyem bu notları indirerek bir okumanız eminim daha sonra CSS dosyalarıyla uğraşırken bol bol başvuracağınız bir kaynak olacaktır.Kolay gelsin...
http://www.expression.web.tr/al2y/CSS.pdf
Sitepoint E-kitap : The Flash Anthology : Cool Effects & Practical Actionscript
Merhaba arkadaşlar ;
Mutlaka bazı arkadaşlarımız vardır,tamam Flash'ın herşeyini öğrendim ama sahneyi açıp bişiler yapmaya başladığım an hiç güzel şeyler çıkmıyor diye düşünen.İşte bu e-kitap sizi Flash'ın tüm temellerini biliyor kabul ediyor ve daha görsel,etkileyici,kitabın adı üstünde cool effectleri nasıl kendimiz yardımcı programlar kullanmadan yapabiliriz onu gösteriyor.Kitapta olan çalışmaları görmek için kitabın websitesindeki örneklere bir göz atabilirsiniz.
http://www.sitepoint.com/books/flashant1/examples.php
E-kitabı indirip örneklerin yapılışını görmek için tıklayın.
Alexa'ya göre Türkiye'nin TOP 100 Websitesi
Alexa websitesinin tuttuğu verilere göre Türkiye'nin en çok ziyaret edilen 100 websitesi listesi ekteki linkte bulunuyor. Google Türkiye'nin birinci olması şaşırtıcı değil ancak Live bu kadar yaygın kullanılıyormu hemde Youtube'dan bile çok!Gerçekten ilginç.
Sanırım Internet Explorer 7.0 ve Msn Live Messenger'dan atanan email,arama sonuçlarını orada açmasının bir sonucu.Daha ilginizi çekicek sonuçlar ve siteler var diye düşünüyorum.
http://www.alexa.com/site/ds/top_sites?cc=TR&ts_mode=country&lang=none
Adobe Photoshop CS3 Brush Seti
Arkadaşlar merhaba ;
Adobe Photoshop , belkide kullanıcısına göre ençok değişen ve geliştirilebilen program.Brushlar,Plug-in'ler,Filtreler,Fontlar,Commandlar,Stiller...
Bir keresinde bir grafiker dostumun Photoshopunda Drop Shadow bile bulamadığımı hatırlarım.Şimdi size benim ençok beğendiğim 4 adet Photoshop Brush takımını veriyorum.Örnek çalışmalarımda da görüleceği üzere,vektörel kıvrımlar,ağaç dalları ve kalpler.Umarım tasarımlarınızda daha görsellik katacaktır.
http://rapidshare.com/files/54523826/Brushes_Al2y.rar
Daha fazla ücretsiz Brush'lar için http://www.brusheezy.com/
Brushlar abr(Adobe Brush) uzantılı dosyalardır çift tıklayarak Photoshop'a yüklenmesini sağlayabilir(veya Brush panelindeki enüst sağdaki ek menüden Load Brushes diyip dosyayı göstererek yükleyebilirsiniz.Boş ekranda toolbardan Brush kısmına tıklayarak Brush kısmından istediğiniz fırçayı seçip ekranda çizebilirsiniz.Kolay gelsin...
Animated Flash Background Örnekleri
Arkadaşlar Merhaba ;
Her zaman derim fla veren site çok nadir bulursunuz birisi benim blog adresimdir diye:)İşte bugün projelerinize yardımcı bazı hazır flash görselleri için gezerken sadece vektörel olarak actionscriptle yukardaki gibi animasyonlar tasarlayan ve fla larını paylaşan bir siteye rastladım.Kodları ve movie klipleri istediğiniz şekilde değiştirip background layerında kullanabilirsiniz.Mouse ile de şuan etkileşim içinde üzerine gelerek görebilirsiniz.Yukardaki sadece bir örnek onlarcası aşağıdaki adreste. Benim beğendiğim yukardaki örnek ringler serisinden 12 arkadaşlar.Kolay gelsin...
http://phong.com/astro/source
Macromedia Flash 8 : A Tutorial Guide E-Kitap
Arkadaşlar aktif bir şekilde güncellemeye çalıştığım blog adresimde Google Analitycs ile istatistikler tutuyorum. Yakında Google Analitycs ile ilgili bir yazım da olucak. Websitesi olan herkese tavsiye ederim.Ziyaretçi istatistiklerini grafiklerle anlatımlı bu kadar başarılı tutması ve bu hizmetin türkçe olması beni gayet mutlu ediyor.
Oradan aldığım verilere göre ençok download edilen linkim Türkçe Flash ebook'u olmuş. Bende blog adresimde bir Ebook kısmı açmaya ve yararlı bulduğum(her bulduğum değil) ebookları siteye yüklemeye karar verdim.Hepsi okuduğum kitaplar olacak indirip takıldığınız noktalrı bana sorabilirsiniz. Bu sefer yine Macromedia Press serisinden Flash 8 üzerine A tutorial Guide,tutorial tadında konu tekrarlarını içeren hızlı bir tekrar yapmak isteyen veya konu olarak bir konuyu okumak isteyenler için ideal bir kitabı yüklüyorum.Faydalı olması dileğiyle...
İndirmek için tıklayınız
Masaüstünüzde KOTA Kontrol Programı
Merhaba arkadaşlar ; küçük bir tavsiyem olacak.Çoğunluğumuz sınırsız ADSL paketler kullanıyor olsada eğer kotalı kullanan ve kotayı artan hzılardan dolayı aşma sorunu yaşayanlar var ise,bu program tam size göre.ADSL kota sayfasını her seferinde ziyaret etmenize gerek kalmıyor,birkere kullanıcı adı ve şifrenizi giriyorsunuz size ne kadar kullandığınızı,kullanım yüzdenizi ve kotayı aşma varsa tahmini fatura tutarını her an ekranınızda tutan bir Delphi kaynak kodlu program var.Eminim çok işine yarayacak arkadaşımız vardır.İndirmek için tıklayınız.
Actionscript ile Görsel Şölen
Merhaba arkadaşlar ;
Actionscript ile görsellerinize böyle geçiş efektleri verebilirsiniz. Yukarıdaki uygulamadaki efekt için değerli öğrencim Murat Oğuz'a teşekkür ederim. Flash içerisinde olan herhangi bir görselinize bu efekti verebilmek için copy paste dışında daha efektif olacağını düşündüğüm bir yol göstereceğim. Bu efekti veren Actionscript kodunu script.as olarak projenize kaydedin. Bu as dosyası yazının sonundan indirebilirsiniz. Daha sonra bu efektin uygulanmasını istediğiniz görselin action kısmına(action verebilmek için buton veya movie klip yapmanız gerekiyor)
#include "script.as"
Actionscript'ini yazın. Bu kod ile dışardaki script.as kodunu bu görsele iliştirmiş olduk. Bu kodu butonun overında veya butona tıklayınca(on release)olarak ta tetikleyicileri değiştirebilirsiniz görsel seçimi ve nerde nezaman kullanacağınız size ve hayalgücünüze kalmış.
Ben yukardaki örnekte butona tıklayınca yani on release verdim. Ayrıca bu efekti uzun yazılarınıza da uygulamanızı tavsiye ederim.Ancak yazıları piksel tabanlı jpeg gibi görsel olarak kaydedip uygulayın.Diğer türlü şekillerde bayağı bir Ram karmaşası olacaktır :)
http://www.expression.web.tr/al2y/efekt.fla
Hocam uğraştırma bizi direk link falan ver kodu biz copy paste ederiz diyenler içinde kodlarda tam burada : ne kadar open source ruhluyum dimi :)
Stage.align = "";Stage.scaleMode = "noScale";Stage.showMenu = false;var mask_num = 73;var intervalSpeed = 20; var StageHeight = 200; var StageWidth = 650; var maskWidth = 650; var maskHeight = StageHeight / mask_num; maskSrc._visible = 0;maskBg._visible = 0;i = 1;j = 1;z = 1;while (z <= mask_num) { duplicateMovieClip("maskSrc", ("mc" + z), (16384 + (z + 9908))); var obj = this[("mc" + z)]; obj.mask._height = maskHeight; obj.mask._width = maskWidth; obj._y = 0; obj.mask._y = maskHeight * (z - 1); (obj.mask._widht - maskWidth); obj.onEnterFrame = function() { this._x += (this.posX - this._x) * 0.20000000000000001; if (random(5) == 0) { this.posX = 0; } }; if ((z % 2) == 0) { obj._x = obj.posX = StageWidth; } else { obj._x = obj.posX = -maskWidth; } z++;}
iyi tasarımlar....
