After Effects Ücretsiz Temel Eğitimi
01. Introduction
02. Effects
03. Animation
04. Keying & Transparency
05. Motion Tracking
06. Time Remapping
07. 3D Integration
08. Titles: 1 & 2
09. Expressions
10. Rendering
Flash Yazılarda Filtrelerin Gücü Adına!
Merhaba arkadaşlar ;
Bugün size aslında çok basit ama çok ta etkileyici sonuçlar verebilen Flash'taki yazılarımıza filtrelerle neler yapabileceğimizi göstereceğim. Öncelikle siyah arkaplanda beyaz yazı herzaman daha vurgulayıcı olmuştur,arka plan siyak iken beyaz yazımızı websitemize hoşgeldiniz gibi yazıyoruz.Daha sonra 1.keyframe'deyken bunu F8 ile Movie Klipe çeviriyoruzki(ancak movie klipin metodlarıyla filtre ekleyebilir,alphasıyla oynayabiliriz.) Daha sonra mesela 20.keyframe de F6 ile keyframe ekleyip 1ile 20.keyframe arasında bir frame'e sağ tıklayıp Create Motion Tween diyoruz. Animasyon mavi renk alıp ok çıktıysa şuan tamam.
Gelelim filtrelere,1.keyframedeyken Movie Klipi seçelim alttaki properties panelinden Color kısmından Alpha'sını %0 yapalımki görünmez başlasın,sonrada alttaki fotodaki gibi Filters sekmesine geçerek Blur filtresi verelim.Blur X ve Y boyunca eş verilir o yüzden altta okla gösterdiğim kilidi açarak sadece X koordinatlarınca blur efekti verebilir hale gelelim ve Blur X :100 yapalım.
Daha sonra ben 20.keyframe'den de 30a kadar aynı mantıkla Alpha 100den 0'a görünmez yaptım.Umarım filtrelerin bu gücünü görür hem yazılara hem fotolarınıza bol bol uygularsınız.
Açıkçası bu efektleri ve dahasını After Effects ile yapmak mümkün ve çok yakında onla ilgili çalışmalarımı ve kaynaklarımı da paylaşmaya başlayacağım çünkü CS3 Flash müfredatlarında bol bol After Effects var.Bizde Netron'da CS3 geçerken açıkçası 8 müfredatı verip CS3 programları kullanarak "Türkiyede ilkkez CS3 eğitimi" gibilerinden çıkmak istemedik gerçek Adobe CS3 Web eğitimi içeriği bütün programları kapsıyor denebilir.Photoshop,Illustrator ve After Effects artık Web'te de etkin.Inşallah CS3 eğitimleri vermeye başladığımızda Adobe CS3 müfredatıyla birebir verebileceğiz.
İyi tasarımlar...
Silverlight'ı Microsoft'tan Yükleme
Merhaba arkadaşlar ;
Microsoft'un derdi Adobe'yi gerdi :P
Merhaba arkadaşlar ;
Bugün biraz da eğlenceli şekilde size de faydalı olacağına inandığım bir deneyimimi paylaşacağım.Zeynep Kamil hastanesinin her sene düzenlediği bir kongrenin web sitesinin güncellenmesi eski öğrencim ve dostum Önder'e verilmiş. Önder'de eski dosyaları organize etmekte zorlanınca beraber giriştik.
İçerisinde Flash öğeleri de içeren HTML dosyaları Dreamweaver CS3 ile açmaya çalıştığımda yukarıdaki uyarıyla karşılaştım. Dreamweaver < object > taglerini otomatik olarak algılayıp bu taglerin taşıdığı ActiveX objelerinin sadece Internet Explorer'da ancak tıklamayla aktif olacağından(Firefox,Opera ve Safaride bu sorun yok sadece IE)burada çağırılan Flash objesini otomatik olarak Javascriptle çağıracak şekilde değiştirebileceğini bildiriyor.Gerçekten büyük rahatlık. ActiveX objelerinin tıklanma sorununun nedeni Daron hocanın yazısından okuyabilirsiniz :
http://daron.yondem.com/tr/PermaLink.aspx?guid=b359c340-e08c-4466-a49b-4e304438824f
Dreamweaver object ile çağırılan Flash objesini gerekli kodları yaratarak Javascriptle çağırdıktan sonra bu kodları "Scripts" adlı bir klasöre "AC_RunActiveContent.js" adından bir dosya ile ekliyor,bu klasörü de servera upload etmeniz gerekiyor.Zaten Dreamweaver 8.0.2 güncellemesiyle birlikte CS3 versiyonuyla da flash objeleri bu şekilde getiriliyor. Flash'ın yayınladığı HTML de de aynı durum sözkonusu. Dreamweaver 8 kullananlar hemen bu konuyla ilgili yazımı ve adresten ücretsiz güncellemeyi indirsinler.
http://ercanaltug.blogspot.com/2007/09/dreamweaver-template-dwt-ile-ablon.html
Silverlight ile Foto-Galeri ve Video-Galeri Tasarımı
Merhaba arkadaşlar ;
Expression Design ile Yazıdan Kontürler (Text Strokes)
Daha sonra yazınız seçiliyken sağ taraftaki panelde aşağıda oklarla gösterdiğim yerdeki sırayla önce 1'e No Stroke tıklayın,daha sonra açılan stroke kütüphanesinde gezebilirsiniz,ancak bu yazdığımız yazıyı stroke olarak eklemek için en alttaki 2 ile gösterdiğim çarka tıklayın.Add Stroke çıkacaktır Add diyip ekleyin.
Şimdi yazımızı Design da istediğimiz şekle verilebilecek şekilde kontör olarak ekledik. Şimdi çizeceğimiz şekillere , pathlere stroke olarak atanmasını sağlamak amacıyla alttaki gibi iç rengi(altta pembe ama siz renksiz seçebilirsiniz) yandaki stroke rengini seçin ve okların altındaki yerden de artık yazdığınız yazının adıyla stroke tipi olarak eklenmiş yazı tipini seçin. 
Ve artık sahneye soldaki panelden kare çizin oval çizin hatta Brush tool ile düz bir çizgi çizin hep yazınız kontür olarak eklenecek. Dahası altta seçili olan Adobece subselection tool ile çizdiğiniz şekillerin kırılma noktalarından yeniden konumlandırın,kontürde yeni konuma göre yeniden çizilecek. 
Acaip kolay,muhteşem güçlü bir olay. Attach to Path yapmak ta geride kaldı artık :) İyi tasarımlar.....
Infragistics şirketinin WPF Uygulamaları
Şirketin hazır olarak sunduğu direk dataya bağlayabileceğiniz kontrollorin listesi alttaki gibi.Artık kuru kuru SQL,XML tablolarına son :) Yaşasın Animasyon Yaşasın Vektörellik :) 
Bir tablonun online olarak tabloda gösterilmesi. Carousel de olmasa olmazdı :)
Ayrıntılı bilgi ve demoları için sitelerini gezebilirsiniz. Silverlight gelişimini heyecanla bekliyoruz.
CETURK Microsoft 2008 Semineri gerçekleşti
Merhaba arkadaşlar ;
Dün CETURK ailesinin davetlisi olarak Microsoft Türkiye'de Ineta ve Microsoft sponsorluğunda "2008 Microsoft Vizyonu ve Yeni Teknolojiler" seminerini gerçekleştirdik.Açılış konuşmacısı Nuri Çankaya'nın ardından ben 2 saate yakın vardım.Benden sonra WPF ve Silverlight uygulamalarını Türkiye'de Silverlight denince akla gelen ilk isim olan üstad Daron YONDEM'den öğrendik. Daha sonra da MVP Eralp ERAT VS 2008 ve LINQ 'dan uygulamalı olarak bahsetti,açıkçası o da ufaktan eğitime geçmişti proje odaklı örneklerle tadından doyamadı kimse 5buçukta bitmesi gereken seminer 7sularında bitti.
Ben Microsoft Expression ürün ailesinin Web Tasarım programı Expression Web'in yazılım odaklı taraflarından bahsetmeye çalıştım,XHTML,CSS,XML ve Access uygulamalarını gösterdim.Zaman ve internet sıkıntısından Expression Vektörel programı Design ve animasyon programıyla entegresini uygulamasına zamanımız yetmedi,ancak bir sonraki seminerde eminim daha güzel iş akışlarıyla demolarını geniş zamanla gösterebilirim.
Özellikle hem sunumumu evde tekrar izlemek hemde gösteremediğim demo ve sonunu görmek isteyenler için powerpoint sunumumuda paylaşıyorum.
Eminim gelenler çok büyük keyif aldı,benzer seminerlerden öte programların vizyonlarını koymakla kalmayıp uygulamalarını da soru-cevaplı göstermeye çalıştık.
Ayrıntılı yorumları ve etkinlik fotolarını http://www.ceturk.com/haberoku.asp?id=270'dan görebilirsiniz.
Ben ayrıca bu satırları okuyan organizasyonu sağlayan CETURK'ten İbrahim Demir ve tüm etkinliği videoya alarak emek yoğun çaba gösteren Mehmet ACA kardeşlerime de teşekkürü borç bilirim.Videoları yakında Silverlight tabanlı CETURK'te paylaşmayı düşünüyoruz , 7saatlik kısmı olmasa da bölüm bölüm.Paylaşıldığında blogumdan yine duyuracağım , gelemeyenler üzülmesinler.
Bir sonraki CETURK etkinliğinde görüşmek üzere.
Microsoft Expression Web 2 'deki Yenilikler
Expression Studio paketinin ilk programı Expression Web ; artılarından çok eksileriyle konuşuldu.Microsoft Database'leriyle SQL Server,Access,Excel,XML.. Code-Free development imkanı veren toollarıyla aslında Dreamweaver'dan ayrılıyordu.
Şimdi ise MIX'07 den bir video paylaşarak yaz başlarında çıkması beklenen Expression Studio v2 paketinde olacak Expression Web 2'deki yeniliklerin beğendiklerimi yazmak istiyorum.Dahası için 15 dk yukarıdaki videoyu izleyebilirsiniz.
1-) Panelden eklenebilinir (Built-in)
dosya desteği.(Flash'ı da JS ile çağıracak-tıklama sorunu olmadan)
2-) ASP Ajax Kontrolleri ( Update Panel....)
3-) Javascript Snippet ve Intellisense (Woww!)
4-) CSS 2.1 Güncellemeleri
5-) PHP desteği ( PHP Projesi yaratma & Snippets & Intellisense )
6-) FTP (Secure) Paneli
7-) Office 2007(Word,Excel,Access,Publisher..)dosyalarını getirebilme.
Hemen yaz gelsin istiyorum bu programı seviyorum ne yalan söyliyim :)
"Silverlight 1.0 for Designers" Eğitimi Hazır.
Merhaba arkadaşlar ;
2 gündür Microsoft Türkiye'nin düzenlediği Ingiliz e-learning şirketi Xperties'den Mark Price'ın verdiği " Silverlight 1.0 for Designers " eğitimindeydim. Eğitim Orta Asya'daki seçkin Microsoft ortağı ajans ve şirketlerin çalışanlarına özel ve Türkiye'de Silverlight üzerine Microsoft-Based bir eğitim olmasından dolayı ilkti. Mısır,Ürdün,İsrail,Belçika,Güney Kıbrıs ve Kanada gibi ülkelerden insanlar gelmişti.Sayabildiğim ve tanıdığım kadarı ile 4 veya 5 türkte içerideydi.Luckyeye,Anadolu Finans ve Digiturk firmaları çalışanları vardı.
Eğitim çok keyifli , gayette güzel geçti. Gerçi çoğunluk sıfır olduğundan bizim için çok verimli oldu diyemem ama altta paylaştığım üzere Microsoft'un aynı MCPD,MCSE gibi moduller ve Lablar(evet tasarım labı var 15 dk buton yapıyoruz :) olması beni çok heyecanlandırdı. Bu eğitimlerin MOC ( Microsoft Official Curriculum ) çıkması yakın duruyor. Silverlight 1.0 for Developer bu ay sonunda hazır olacakmış o eğitimi de açıkçası Javascript yoğun olacağından dört gözle bekliyorum.
Eğitim içeriği bu şekilde oluyor. Biz hızlandırmış şekilde 2 günde tamamladık,Labların bazılarını atladık,yazılım gereken 4 modulu yapmadık ama materyal olarak hepsi var,ben uygulayıp bu bloga zaman zaman ekleyeceğim.
Adından da anlaşılacağı üzere daha çok Silverlight'ın tasarım programları ve entegreleri üzerine geliştirilimş bir eğitim.Expression Web içerikte yok ne yazıkki. Eğitim temel olarak Silverlight ve programların tanıtımıyla başlıyor.Daha sonra XAML ve kodlama mantığı var.XAML tasarımları yapan Expression Design ve tooları tasarımcıları pek tatmin etmesede daha çoğunlukla bu kısımda zamanı Illustrator2XAML Plug-in verimliliğini irdeleyerek geçirdik. Daha sonra oluşan XAML tasarımları Expression Blend atarak orada anime ettik.Çoklu buton ve Javascriptlerle metodlar(Begin();,Play();,Pause();) ve triggerları eklemeyi gördük. En son adımda da Encoder ile video dosyaları yönetimi,markerlar,script commands,Overlay ve Template(Flash'taki Skin) editing gördük ve yarattığımız videoları Media Element ile Blend'e çağırmayı izledik. Eğitimin en verimli kısmı bu kısımdı benden yana. Encoder gerçekten sağlam geliyor. Silverlight Video uygulamalarında ; değil Flash flv - Quicktime dahil hiçbir rakip tanıyamayak ve webte video uygulamaları sektör standartı olacak.Bunlardan en önemlisi de e-learning.
Ayrıca hoşuma giden Microsoft dökümanlarda rakip tanımamazlık yapmadan sektörün gerçekleriyle bolbol Adobe ürünlerinden bahsederek iş akışlarını anlatmış. Mesela altta görsel tasarımcı gerektiği yerde Blend'e atılacak tasarımı Photoshop ile yapıp Design ile XAML çıkartıp kullanabilecek veya Illustrator Plug-in ile Design'ı atlayıp direk Blend'de vektörel görseline animasyon ve datagridler bağlayabilecek. Bunu slaytlarda Adobe ürün adlarıya gösteriyorki aynen katılıyorum. Yıllarca insanlar Photoshop,Illustrator(veya Freehand) çalıştılar tüm el alışkanlıkları ve güçlerini biliyorlar yeni bir programla bu dönem çok daha zor olacaktır.
Arayüzü Design ile tasarladıktan sonra Video dosyalarımızı Encoder ile sadece encode değil,boyutuna,süresine,skin template tasarımına,metadatasına(evet bu metadata arama motorlarının videoyu okuyup cashlemesi için) karar veriyorsunuz.
Silverlight projesinin temel noktada komple görebileceğiniz iş akışı ise alttaki gibi olacaktır. Kalpte Blend var. XAML kodlu görsellerin Expression Design ile veya Illustrator'dan Plug-in ile veya Photoshoptan Designa oradan Blende gelecek.Video dosyaları da Encoder ile tasarlanıp Blende ilişiklendirilecek ve en son noktada Visual Studio 2008 ile triggerlar ve data kısımları Javascript ile yazılacak. Actionscriptteki Event Listenerlarla aynı algoritmada yazılıyor.
Şubat ayında 2 tane Kurumsal Silverlight eğitimi gözüküyor Netronda,eminim o eğitimler müddetince bloguma çok daha ayrıntılı ve uygulamalı örnekler koyabilirim.Şimdilik linklerimdeki nibbles ile yetinin. Teşekkürler....
Flash'ta Bulut Efekti verme mantığı
Merhaba arkadaşlar ;
Bu ara çok güncelleyemiyorum (enazından hergün) blogumu,farkındayım ama hem gencturkcell eğitimleri,hem Microsoft Silverlight eğitimi ve 2 proje zamanımı hatta gecelerimi baya bir sıkıştırdı. Ancak çok önceden aklımda olan gördüğümde niye düşünemedim dediğim bulut efekti vermeyi ve mantığını göstereceğim.bu sefer tasarımla çok uğraşamadım ama Bulut efekti vereceğiniz kısma bulut olacak Brush ile beyaz görselleri alttaki gibi çizin.
Daha sonra bunları seçip Filtre verebilmek için Movie Klip yapın ve alttaki properties sekmesinden Filters kısmına geçin ve altta verdiğim gibi tasarımda anlık güncellenecek şeklide Blur filtresini verin.Ben daha sonra da o bulutları taşıyan Movie klipleri çoğalttım birde loop ederseniz Motion Tween ile bi tarafta diğer tarafa işiniz bitti.
Gerçekten tüm işimiz bu kadardı,şimdi daha gerçekçi olması için Blur ve loop ayarlarını birdaha gözden geçirin ve dışarıdan bir arkadaşınızdan yorum isteyin çünkü size hep basit gelecektir siz yaptığınızdan.İyi tasarımlar.
Technorati ile Blog içeriğinizi takip edin.
Bir blog adresiniz var ve ne kadar ziyaretçi olduğunu bir scripting veya Google Analytics benzeri bir servisle tutuyorsunuz.Peki sizi kaynak gösterip BlogRoll denilen takip ettiğim bloglara ekleyenleri görebilirmisinz? Technorati ile evet,ayrıca blogunuzun içeriğini kaynak göstererek kullanan etik blog adreslerini görebilir(kaynak göstermeden kullananları google'dan aratıp bulabilir okkalı bir eposta atabilirsiniz,ben öyle yapıyorum:) ve blog adresinizin Authority yani otoritesi,önemliliğini görebilirsiniz. Benimki için :
Tek yapmanız yukarıdaki linkteki blog adresim yerine sizin veya merak ettiğiniz bir adresi yazmak. Bu sayede tanımadığım ama gayet saygın kişilerce de takip edildiğimi öğrendim.Faydalı olması dileğiyle...
CETURK 2008 Microsoft Vizyonu Semineri
Merhaba arkadaşlar ;
Yukarıda da afişi gözüken Microsoft Türkiye'de Ceturk'un düzenlediği " Microsoft 2008 Vizyonu ve Yeni Teknolojiler " seminerinde bende Expression Web ve Expression Design üzerine konuşmacı oldum. Açılış konuşmasında Microsoft Türkiye'den Nuri Çankaya 'nın açılış konuşmasından sonra ben 2 saate yakın bu 2 programı ve yeni teknolojilerinden bahsedeceğim. Benden sonraki arayı takiben Daron Hoca internetin yeni gözbebeği Expression Blend ile WPF ve Silverlight uygulamaları gösterecekki Expression ürün ailesi noktasında benim gösterdiklerimin tamamlayıcısı olacak. Son etapta VS 2008 ve C# üzerine Eralp hoca konuştuktan sonra Ceturk'ten İbrahim Demir hediye dağıtımını yapacak.
Güzel ve çok verimli bir gün olacağı kesin,şanslı 50 kişi arasında olmak için Ceturk üyesi olup kayıdınızı yaptırmanız gerekiyor. Görüşmek üzere...
FLV Flash Video'nuzu Loop edebilme
Merhaba arkadaşlar ;
Yeni bir yılın ilk mesajımda bu blog sayesinde bana gelen hem yardım konulu hemde teşekkür epostalarından birisine verdiğim güzel bir cevaptaki konuyu sizle de paylaşmak istedim.
Websitenizde Flash Video'larınızı belki Final Cut ile oluşturdunuz,Photoshopla süslediniz,güzelce Flash'a getirdiniz.Daha önce gösterdiğim örneklerdeki gibi istediğiniz skin playerı siz seçtiniz,veya renklendirdiniz ancak flash videonuzu tutan FLV Component bu videonuzu bittiğinde başa sarsada tekrar otomatik olarak oynatmıyor.Kullanıcın Play düğmesine basması gerekli.Loop olarak bu flv dosyanızın sürekli oynamasını isterseniz FLV Componentı sahnede seçiliyken Window-Actions kısmına girin,bu componenta alttaki kodu yazın.
on (complete)
{
this.autoRewind=true;
this.play();
}
Ve böylelikle flv videonuz oynayıp bitsede tekrardan başlayacaktır.
Faydalı olması dileğiyle...
