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....
Flash Components Actionscript 2.0 E-Kitap
Flash Componentlerını daha etkin kullanıp görsellerinize zenginlik katabilirsiniz. Tavsiyem bu ebook ile Component'ların derin dünyasına bir giriş yapın. İndirin.
Photoshop ile Yanma Efektli Logo Tasarımı
Merhaba arkadaşlar ;
Photoshop ile yukarıdaki gibi efektleri birkaç tık ile istediğimiz yazı ve şekillere verebilmemiz mümkün. Gelin isterseniz yukarıdaki gibi yanma efektini istediğiniz bir yazıya adım adım uygulayalım. Öncelikle siyah background 200-100 piksel bir çalışma alanı açalım.
Ve hemen seçtiğimiz bir font ile yanma efekti vermek istediğimiz yazımızı ekranın ortasına yazalım.Daha sonra aşağıdaki gibi Filter -> Sytlize -> Wind ile rüzgar filtresini verelim.
Layer Rasterize yapılması gerekecektir OK diyerek onay verelim.
From Right yani sağdan gelme efektiyle bir kere verdikten sonra bunu çoğaltmak için son yaptığınız adımın aynısını CTRL-F kısayolu ile tekrar verebiliyoruz. Ben örnekte 3 kere verdim ve uygun gördüm siz adım konusunda serbestsiniz. Ancak From Right gibi hemen altta gözüken From Left yani soldan gelme efekti içinde aynı adım sayısında filtreyi uygulayın.
Aynı rüzgar efektlerini sağ ve soldan verdiğimiz gibi alt ve üst içinde vermemiz gerekiyor. Bunun için önce görselimizi saat yönünde 90° döndürüp yine aynı adımları izleyeceğiz.
Görseli Image -> Rotate Canvas -> 90° CCW ( Counter Clock Wise) ile saat yönünün tersine 90° döndürüp sağ ve soldan yine Wind filtresini verelim.
Daha sonra saat yönünde 90° döndürmek için Image -> Rotate Canvas -> 90° CW ( Clock Wise) diyelim ve görselimiz tekrar eski duruşuna getirelim. Şimdi renk paletlerimizle oynamamız gerekiyor. Öncelikle Image -> Mode -> Grayscale diyerek renkleri gri tonlu hale getiriyoruz. Sonra Indexed Color diyoruz.
Ve son olarak bir renk paleti oluşturmak için aşağıda gözükütüğü üzere aynı panelde son seçenek olan Color Table aktif hale geliyor ve onu seçiyoruz.
Color Table 'da ise aşağıdaki gibi Black Body seçip OK diyoruz.
Böylelikle yazımızın yanma efektli arkaplanı tamamlanmış oldu.Size kalan bu görüntüyü Web'te kullanıcaksanız RGB , baskıda kullanıcaksanız CMYK renk moduna getirmek ve üzerine aynı font ve siyah renkle aynı yazıyı tekrardan yeni bir layerda yazmak kalıyor.
Image -> Mode -> RGB diyelim ve daha sonra yeni bir Layer ekleyerek aynı yazıyı bir daha üzerine bu sefer siyah renkte yazalım.
Flash'ta imleci takip eden animasyon
Flash'ta bazı sitelerde gördüğümüz mouse imlecini takip eden bazı animasyonlar görebilirsiniz. Aslında bu sadece 3 satır kod ile mümkün.Öncelikle boş bir Flash dökümanı oluşturun ve 2 tane yandaki gibi top ve actions layerları açın.
Topu seçelim ve onu movie klip yapalım..Ana sahnemize geri dönüp topun olduğu movie klipe bir instance name adını verelim.
Şimdi bu movie klip'e sağ tıklayıp girdiğimiz Actions kısmından alttaki kodu yazalım. Top movie klibini istediğiniz şekilde ve animasyonlu tasarlayabilirsiniz ben sade yanan bir kırmızı top yaptım.
onClipEvent (enterFrame)
{ _x = _x+_xmouse/10;
_y = _y+_ymouse/10; }
Flash'ta Maskeleme ile Dönen Dünya
Flash içerisinde sadece Maske uygulamasını kullanarak yukardaki gibi dönen bir dünya uygulaması yapmak düşündüğünüzden bile basit arkadaşlar.
Önce bir dünya fotoğrafı bulun ve bir layera dünya diğerine maske adını verip maske layerı yukarıda dünya layerında da dünyamız olacak şekilde yerleştirelim. Daha sonra maske kısmına bir daire çizelim. Dünyamızı aşağıdaki gibi 2 tane çoğaltıp gruplayalım. Ve 1.frame'de aşağıdaki gibi maske olucak dairemiz tam Amerika üzerindeyken 20.frame'de de 2.fotoğraftaki gibi yine amerikada ama diğer fotoğrafa kadar ilerlesin.
Son adımımızda Maske layerında sağ tıklayarak Mask diyerek maskemizi verelim. Eğer dünya tam bir dönüşü tamamlarken 20.frame'den 1.frame'e geçerken bir atlama yapıyorsa 20.frame'deki dünyanızın konumunu 1.frame ile aynı veya çokaz sağa doğru sanki 21.adımda 1.adımda olucakmış gibi vermeye çalışın aşağıdaki yukardaki gibi sonuç alabilirsiniz. Ayrıca gradient bir daire çizip dışardan merkeze doğru değişen 2 rengin dışarıdakinin alpha değeri %100 iken merkezdeki rengin alpha değerini %0 yaparak daha gerçekçi hale getirebilirsiniz.
Örnek çalışma dosyasının fla'sını indirmek için tıklayınız.
Flash 'ta Mouse imlecini değiştirmek
Adobe Flash'ta çok basit birkaç Actionscript kodu ile mouse cursor'ını sizin çizeceğiniz bir şekile çevirebilirsiniz. Aşağıdaki örnekte anlatacağım eğitimde hedef tahtası olarak seçtim ancak siz de bir şirketin logosu da veya farklı şekiller yapabilirsiniz.
Insert » New Symbol diyelim ve aşağıdaki gibi "cursor" adını verelim.
Cursor Movie klip içerisinde isterseniz bir animasyonda çizebilirsiniz ancak şimdilik ben sadece aşağıdaki gibi line toolla birbirine dik 2 çizgi ve oval tool (çizikli çeperle) ile orta kısmı olan bir hedef şekili çiziyorum.
Çizimi tamamladıkten sonra Movie Klip'ten Scene1 sahnesine geri dönelim ve aşağıdaki gibi Library'de duran Cursor Klibimizi ekranda istediğimiz yere sürükleyip bırakalım.
Sahneye bıraktığınız Movie Clip'e bir Instance Name vermemiz lazım.
Actionscript ile Flashta çağırmak istediğimiz elemanlara Instance name vermemiz gerekiyor.
Aşağıdaki gibi Movie Clip seçiliyken Instance adına cursor adını veriyoruz.
Böylelikle Actionscriptle bu movie klipi de çağırabiliriz.
StartDrag operatörü ile _root yani ana timeline'ı hedefleyerek mouse'u da saklacak kodu aşağıdaki gibi aynen Scene1 1.frame'e yazaıyoruz.
startDrag ("_root.cursor", true);
Mouse.hide();
İyi çalışmalar...
Netron Akşam : Fireworks-Dreamweaver Projesi
Arkadaşlar merhaba ;
Fireworks ile Gif ve HTML Sliceları ,Hotspotları ile linklerini verip, daha sonrada Dreamweaver ile bir şablon sayfa ( Dreamweaver Template - DWT ) oluşturup bu şablon sayfadan (sol kısım) hotspot ile verdiğimiz link sayfalarını oluşturmak üzere mini bir projemiz var.PNG dosyasını indirmek için alttaki linke sağ tıklayıp Farklı kaydet diyerek PNG dosyasını kaydedin ve Adobe Fireworks ile açın.
http://www.expression.web.tr/al2y/uyg.png
İyi çalışmalar...
