Archive for the ‘Illustrator’ Category

Layers Magazine Adobe CS4 Eğitim Videoları

Kasım 11, 2008



Merhaba arkadaşlar ;

Blog adresimde elimden geldiğince bulduğum faydalı adresleri de paylaşmaya çalışıyorum.Bugün yine güzel bir Video Eğitim adresini paylaşacağım. Layers Magazine dergisinin websitesi gerek Adobe CS4 gerek diğer video eğitim serileriyle mutlaka takip edilesi bir site. Gerek Toolları gerekse örnek uygulamaları anlatması da gerçekten güzel.Bir göz atın.

http://www.layersmagazine.com/category/tutorials

Creative Suite 4 ürünlerinin yeni özelliklerini anlatan kısmını ziyaret etmek için :

http://www.layersmagazine.com/cs4

Faydalı olması dileğiyle…

Flash CS4 ile gelen Adobe Kuler Paneli

Ekim 16, 2008


Merhaba arkadaşlar ;

Flash CS4 ile gelen yeni panellerden biri de CS3′te extension olarak ekleyebildiğimiz AIR tabanlı Kuler. Kuler , Adobe’nin Renk paletleri yönetim ve paylaşım web sitesinin adıydı.Ancak o kadar çok talep olduki extensionlarla programlara panel ve ayrı bir masaüstü programı olarak geliştirildi.

Adobe Kuler’ı tekrar anlatmak yerine işlevinde bir değişiklik olmadığından Flash CS3 için yazdığım yazıyı aynen güncelliyorum. İsteyen CS3 için extension’ı veya masaüstü programı indirebilir veya sadece websitesinden Swatches’ları renk paletlerini indirebilirsiniz.

Adobe Kuler paneline CS4′te Window-Components-Kuler ile ulaşabilirsiniz.AIR teknolojisiyle internet bağlansıtı yardımıyla kuler.adobe.com sitesine bağlanarak oradan renk paletlerini karşınıza getirecektir. Yazının en başında aşağıda gösterdiğim 2 butondan ilkiyle beğendiğiniz bir swatches’ı yani renk paletini direk kendi Swatches panelinize (Window-Swatches) ekleyebilir veya kendi yarattığınız paletleri yandaki düğmeden Adobe ID ile giriş yapıp upload edebilirsiniz. Aslında renk paletleri çok önemli çünkü profesyonel bir websitesinde kafanıza göre mavi veya istediğiniz tonda bir siyah kullanamazsınız,o şirketin kurumsal kimliğinde olan tonları kullanmalı ve uyumlu olmalısınız. İşte bu yüzden bu palet paylaşımları çok önemlidir. Ayrıntılı bilgi için Adobe Kuler yazıma göz atabilirsiniz.

Adobe Kuler üzerine 18 Mart 2008 tarihli yazım :
______________________________________________________________________________

Adobe Labs bildiğiniz üzere arkadaşlar Adobe’nin test altında geliştirilmeye devam eden teknolojilerinin sergilendiği yerdir. Buaralar özellikle Adobe Kuler adındaki yeni bir teknolojiyi Adobe Labs’ta şuan kullanıma açtı. Burada dünya üzerindeki tasarımcıların hazırladığı en çok beğenilen renk aileleri Highest Rated(En çok oylananlar) ve Popular(çok sevilen) ile Newest (yeniler) başlığında görünür. Seçilen beş renkten biri ana renktir. “Base color” denen bu rengi pasta şeklindeki renk seçiminde mouse ile sürüklenen renklerden daha büyük bir çember ile görürüz. Diğer renkler bu renge göre seçilirler. Hue, doygunluk değerleri arasında uyum olanlar gibi. Daha sonra renklerden biri base renk olarak taban renk seçilebilir.Renk ailelerinin RGB, CMYK, Hex, HSV, LAB karşılıkları görülüyor. Sisteme Adobe ID’miz ile girip kendi renk seçimlerimizi yayınlayabiliyoruz. Bunun için “register” düğmesiyle kayıt olup “Sign in” ile sisteme giriyoruz. Kendi seçtiğimiz renkleri “Create” ile oluşturuyoruz, diğer tasarımcılarıa ulaştırmak için “Save” ile kaydedip, oldu dediğimiz zaman, “Publish” ile yayınlıyoruz. Tag (etiket) sistemi önemli. Bu renk yapısı hangi tasarımlarda iyi olur, deniz, çöl, toprak gibi…

http://kuler.adobe.com/

Ayrıca bu websitesinden renk paletlerini alabildiğiniz gibi Kuler Desktop adlı programla aşağıdaki gibi programı masaüstünüze kurarak siteyi ziyaret etmenize gerek kalmadan populer olan veya beğendiğiniz renk paletlerini programınızın Swatches kısmına ekleyebilirsiniz.


Adobe Photoshop ve Illustrator ‘da Color Swatches kısmına çok rahat bir şekilde eklenebilirken,Flash içinde aynı rahatlığı sağlayabilmek için bir Extension yayınlandı.

Aşağıda görebildiğiniz gibi Extension yükledikten sonra panellerinize kuler adında bir panel ekleniyor. Bu panelden internet erişiminiz varsa kuler websitesinden güncel ve populer renk paletlerini inceleyip direk kendi Color Swatches kısmına yükleyebiliyorsunuz.


Adobe Flash CS3 Kuler Extension yüklemek için tıklayınız.

Vecteezy , Brusheezy veeee Flasheezy !

Eylül 10, 2008

Merhaba arkadaşlar ;

Gümbür gümbür gelen bir siteyi bugün haber vermek istedim.Grafik Tasarım camiasında hemen hemen tüm sitelerde ücretli olan vektörel görseller ve Photoshop Brushlarını üyelik bile gerektirmeden indirmemizi sağlayan,sayesinde birkaç tık ile muhteşem tasarımlar çıkarabildiğimiz Vecteezy ve Brusheezy ‘yi yaratan ekip sonunda Flasheezy’i de BETA ‘da olsa duyurdu.

Gallery kısmının diğer 2 örnek site gibi gelişeceğini düşünürsek şimdiden takip etmekte fayda var diye düşünüyorum. BETA’da çıkınca gelecek yenilikleri de dört gözle bekliyorum.Hemen Sık Kullanılanlara ekleyin.

http://www.flasheezy.com

Swift 3D ile 3D Flash & Silverlight Animasyonlar

Mart 28, 2008

Merhaba arkadaşlar ;

Şuanda runtime gerçek zamanlı 3 boyut internette desteklenemiyor.Ancak 3D perspektifliymiş gibi görsellerimize 2 boyutta sadece trigonometrik olarak büküp animasyon vererek 3D havası verebiliyoruz. Gerçek fotoğrafla bile bu mümkün. Bir projede telefon döndürmek gerektiğinden 15 adet fotoğrafını ayrı konumlarda gelirmiş gibi çekip arkaplanını boşaltıp bir Movie Klipe getirttiğimizde başarılı sonuç almıştık ama tam bir türk çözümü olmuştu :)

Eğer bir şirketin logosunu döndürmek isterseniz , veya böyle bir telefon da olabilirdi, bu vektörel olarak o görsele sahipseniz bu iş Swift 3D ile çok kolay. Swift 3D Electric Rain firmasının çeşitli programlara 3D uygulamalar iletebilen programı.Bu programlar arasında gerçek 3D desteği olmayan programlar da var. Bunlardan biri de Adobe Flash.

Yukarıda blogumun logosuna uyguladığım gibi animasyonlar,ışık oyunları,modellemeler yapılabiliyor ve direk Flash için render ettirebiliyorsunuz. Vektörel tasarımınız sahnedeyken tek yapmanız gereken ok ile gösterdiğim kısımdaki animasyonlara bir kere tıklayıp önizlemelerini görebilirsiniz,beğendiğinizi sürükleyip görselin üzerine bırakmak. Alt ortadaki menude 6 adet farklı efekt verme mantığıyla istediğiniz efektleri verebiliyorsunuz.

Beğendiğiniz animasyonları atadıktan sonra yayınlamak için 1.adım olarak en üst sekmedeki Preview and Export Editor kısmına geliyoruz,daha sonra 2.adımda Target File Type ile çıkaracağımız dosya tipine karar veriyoruz ve 3.ve son adımda “Generate Selected Frames” ile bu formata göre seçtiğimiz animasyonu oluşturacak keyframe’leri oluşturacak. Size kalan en sağ taraftaki Export All kısmından Export to File ile gerekli swf dosyasını çıkartmak olacak.

Swift 3D’den çıkarttığımız swf dosyasını Flash çalışmamızda CTRL-F8 ile yeni bir movie klip oluşturup onun içerisinde o swf dosyasını File-import to stage diyelim ve anasahnede istediğimiz yerde bu movieklipi libraryden sürükleyip sahneye bırakarak kullanabiliriz.

Swift 3D programının yeni çıkan v5 versiyonunda artık aynı Flash’a verilmiş destek gibi Microsoft’un webteki vektörel animasyon standartı silverlight içinde gerçek 3D olmasada 3 boyut perspektifli 2 boyutlu gerekli XAML dosyalarını size çıkartabiliyor. Süper!

Ayrıntılı bilgi ve programı indirmek için :

http://www.erain.com/products/swift3d/silverlight

Vektör Cilalama Sanatı ( Vector Polishing )

Şubat 3, 2008


Merhaba arkadaşlar ;

Takip edilesi blog stilinde tutulan tutoriallar yayınlayan “Webdesignerwall” adresi çok güzel bir vektör tasarı teknikleri üzerine yazı yayınlamış. Bunun adına da Vector Polishing demiş yani vektör cilalama sanatı. Böyle değerli bilgileri paylaştıkları için teşekkür etmek gerek. Bir göz atın…

Illustrator CS3 -> Flash CS3 = Vektörel Animasyonlar

Ocak 21, 2008

Merhaba arkadaşlar ;

Adobe CS3 programlarının en önemli gücü programlar arası entegre iş akışı imkanları. Bugün size bende Adobe’nin vektörel tasarım programı Illustrator’un Flash programı ile entegresi üzerine birkaç örnek göstereceğim. Illustrator tüm tasarım toolları ve vektörel çizimleriyle çok güçlü bir program.Aslında Flash kısmında da biz vektörel çizimler yaparak butonlarımızı yaratabiliyoruz ancak Flash’ta toollar Illustrator’a göre oldukça kısıtlı.

Mesela öncelikle bir Illustrator çalışmamızı flash’a getirmeyi görelim. Illustrator’da tasarladığım bir logoyu ai dosyası olarak saklayıp Flash’ta bir movie klip içerisine file-import to stage diyelim. Aşağıdaki gibi bir ekran gelecektir ve her vektörel nokta için renk,stil ve geleceği konum üzerine ayarlar yapmamızı sağlayacaktır. Burada özellikle vektörel olarak rahatça gözüken ancak Flash’ta aynı verimi alamadığımız vektörel efektleri bitmap olarak getirip bire bir aynı kalmasını vektörelliği bozulsa da görselliği eş bırakabiliyoruz.

Bir vektörel tasarımı hem vektörel hemde piksel getirip yayınlarsak ( bu uygulamayı yaptığım çalışma dosyalarını yazının sonundan indirebilirsiniz.) pikselin boyutları fotoğrafın kendisini tuttuğundan 15-20 kb olabilirken vektörel ise 3 kb olabiliyor.1 tane değil animasyonunuzda enaz 10-15 tane böyle görsel olacağından 150-200 kb optimizasyonlar söz konusu,fotoğraf özlü görseller dışında herşeyi Flash içerisinde vektörel tutmak çok daha mantıklı.

Ayrıca vektörel olarak tekrardan konumlandırma,renklendirme işlemlerimizi de rahatça yapıp aşağıdaki gibi parça parça animasyonlara katabiliyoruz.

Adobe CS3 ile Illustrator layerlarını Flash’a keyframe olarakta getirebiliyoruz. Böylelikle bir butonun üzerine gelince tıklanınca gibi efektlerini ilkel flash toollarıyla değil alttaki gibi Illustrator ile ayrı layerlarda tasarlayıp flasha direk buton olarak atabiliriz.
Adobe Illustrator programının zengin tasarım toollarıyla bu 3 layerlı yıldızı tasarladım ve flash çalışmamda bir buton özellikleri olarak getirmek istiyorum.Flash’ta da CTRL-F8 (insert new symbol) ile bir buton yaratıp içine giriyoruz. Daha sonra insert to stage ile ai dosyasını seçip aşağıda gösterdiğim gibi en alttaki oktan keyframes seçelim. İstersek eğer efektlerimiz uyumlu gelmedilerse ortadaki okun gösterdiği yerden bir bitmap olarak getirebiliriz efektlerimizi.

Butonun Hit sekmesine de aktif edeceğiniz alanı istediğiniz tool ile çizerek butonunuzun tasarımını tamamlayın ve ana sahneye geri dönelim.Library’den butonu sahneye sürükleyip butonumuzu deneyelim. Böylelikle bir butonu Illustrator ile tasarlayıp Flash’a birebir uygunluk ile getirebildiniz. Gerçekten vektörel entegrasyon çok önemli ve Flash’ta tasarımın adı Illustrator olmuştur.Bol bol Illustrator ile ilgili web odaklı uygulamaları blogda bulabileceksiniz. Çalışma dosyalarımı indirmek için :

Vektörel Fenerbahçe Logosu

Aralık 5, 2007

Fenerbahçemizin Logosunu Vektörel olarak indirmek için tıklayın.

http://www.expressionforum.net/al2y/Fener_Logo.eps

Haftasonu özellikle çok lazım olabilir :)

Bol şans , iyi oynayan ( her zamanki gibi ) kazansın …

Adobe iconları ile Mozaik Portre Tasarımı

Kasım 26, 2007

Bugün internette gezerken güzel bir sanat diyebileceğim tasarım taktiğini gördüm. Fotoğrafı mozaiklere ayırıp daha sonra o mozaiklerde istediğiniz ikonları ekleyebiliyorsunuz.Bu akdar basit olduğunu bilmiyordum. Emek kısmı yine yoğun her ikonu elle rengine göre yerleştirmişler ve bunu Adobe Genel Müdür yardımcısı Edward’a yapmış bir tasarımcı ve yaptığı porgramı ve adımlarını flickrda anlatıyor.

http://www.flickr.com/photos/tsevis/sets/72157594429356675/detail

Ayrıca bu tasarım tekniğiyle alttaki linklerde diğer şirketler ve CEO ları içinde ilginç örnekler var.

http://www.cpluv.com/www/item/edvard/11235

Tasarımlarda emek yoğun olunca bir başka kıymetli oluyor….


Harfler ile Logo Tasarlama Taktikleri

Ekim 14, 2007

Merhaba arkadaşlar ;

Online magazin dergisi Before & After Magazine (www.bamagazine.com) güzel bir makale yayınlamış. Sadece harfleri kullanarak tasarlanan logoların uygulama mantıklarını veya yukarıdaki gibi adımlarını kısaca göstererek güzel logolar yaratmak için çok değerli tüyolar vermiş.Belgeyi direk indirmek için alttaki linkle sağ tıklayıp kaydedebilirsiniz.

http://www.expressionforum.net/al2y/LogoOfLetters.pdf

Adobe Illustrator Path Styler Plug-in

Ekim 5, 2007

Adobe Illustrator üzerine kurabileceğiniz çoklu sayıda ve stilde çeper eklenebilen bu Plug-in gerçekten güzel sonuçlar elde edebiliyorsunuz. Tavsiyemdir…

İndir


Takip Et

Her yeni yazı için posta kutunuza gönderim alın.