Adobe Flash ile çizim animasyonu tasarımı

Flash - Adobe Flash ile çizim animasyonu tasarımı ...

Cevapla
Adobe Flash ile çizim animasyonu tasarımı
pasapasa isimli Üye şimdilik offline konumundadır

pasapasa

Webmaster / İstanbul

Standart

Adobe Flash ile çizim animasyonu tasarımı

Alt 05-09-2008 #1
Sponsorlu Bağlantılar

Merhaba arkadaşlar ;

bugün size Adobe Flash ile kalem çizer gibi bir çizim çıkarmayı göstermeye çalışacağım.Bir projede şirket binasını bu şekilde yapmak gerekince Photoshop programının da desteğini alarak bu şekilde güzel sonuçlar almıştık. Umarım sizde adımları algılayıp fotoğraflarınıza uygulayabilirsiniz.Özellikle imzalara canlı atılıyormuş izlenimi verebilmek için ideal bir yöntemdir ayrıca.

Öncelikle kara-kalem ile çizilmiş veya enazından çizilmiş gibi gösterebileceğimiz bir fotoğrafa ihtiyacımız var.Bu noktada kendi çizimine güvenenler çizebilir,veya Photoshop'tan yardım alabiliriz. Öncelikle Photoshop'ta anime edeceğimiz görselimizi açalım.Ben İstanbul'un simgelerinden Kız Kulesini seçtim. Burada önemli olan unsur görüntünün arka planının olmaması veya benimki enazından beyaz olması.Eğer bir imzaya uyguluyorsanız imzayı scanledikten sonra arkasını quick selection ile seçerek temizleyin ve transparan gif olarak kaydedin ve öyle kullanın. Benim gibi bir bina görseli olacaksa arkaplanı aynı şekilde temizleyin beyaz olarak kalabilir,ancak çizilecek unsur tek başına görünmeli.

Hemen işlemlerimize başlayalım , ilk işlemimiz fotoğrafı Photoshop ile kalemle çizilmiş efekti vermek için siyah-beyaz-gri tonlara getirmek. Alttaki gibi Image-Adjustments-Desature diyelim.
Adobe Flash ile çizim animasyonu tasarımı

Photoshop fotoğrafı gri tonlara getirecektir. Daha sonra Layer panelinden layera sağ tıklayarak Duplicate Layer diyelim ve bir kopyasını alalım.
Adobe Flash ile çizim animasyonu tasarımı

Oluşturduğumuz kopya layerda iken Image-Adjustment-Invert ile bu renkleri tersine çevirelim.
Adobe Flash ile çizim animasyonu tasarımı

Şimdi üstteki layera bir Blend Mode vereceğiz. O layer seçiliyken Layer panelinin üstünde yer alan Normal seçili duran Blend mode'lardan Color Dodge seçin.
Adobe Flash ile çizim animasyonu tasarımı

Ekranda görüntü kaybolmuş gibi olabilir ancak şimdi vereceğimiz filtre ile çizim şeklini kazandıracağız. Filter-Blur-Gaussian Blur diyin.Alttaki gibi bir önekran gelecektir,bu kısım önemli.Seçtiğiniz görselin renk yoğunluğu,parlaklığı gibi birçok unsura bağlı olarak buradaki Radius değerini siz önizleyerek vereceksiniz.Mini ekranda üstüne gelirseniz görselin tamamını da görebilirsiniz.Ben 9,3 verdim.Sizde çizim efektini kazandığına inandığınız rakamı verip OK diyin.

Adobe Flash ile çizim animasyonu tasarımı

Böylelikle Photoshop ile görselimize sanki kalemle çizilmiş izlemini kazandırdık.Bu görseli save as-jpeg olarak kaydedin.Adobe Flash programında animasyon kısmına geçeceğiz,Flashı açın ve file-import to stage ile jpeg görselinizi sahnenize getirin. Burada önemli bir konu eğer çok büyük bir dosyada çalışıyorsanız onu büyük getirip küçültmek yerine o görselin photoshop ile dosyanın özünde küçültüp getirin çünkü flash ta büyük dosya siz küçültsenizde büyük boyutlu kalacaktır ve animasyonun boyutunu büyütecektir. Fotoğrafı sahnemizdeyken seçelim.Altta göstermeye çalıştığım gibi fotoğraf seçiliyken sahneniizn altındaki Properties kısmında bir bitmap tabanlı görsel seçildiğini belirtir ve çözünürlükleri(w;h) ile konumunu(x;y) verir. Bu görsel üzerinde parça parça silerek animasyonumuzu oluşturacağımızdan bunun üzerinde oynama yapabilmemiz için bu görseli şekile çevirmemiz gerekiyor.
Bu şekile çevirme işlemini şekili seçerek CTRL-B kısayolu ile Break Apart ile yapıyoruz.Flash animasyonlarına yabancı olmayanlar böylelikle bu şeklin animasyona hazır,bizim çizdiğimiz bir daireden farkı olmadığını bilirler.CTRL-B dedikten sonra artık şekli seçtiğinizde alttaki gibi Properties sekmesi Shape yazacaktır.Böylelikle o şekil üzerinde vektörel noktada tasarıma başlayabiliriz.

Adobe Flash ile çizim animasyonu tasarımı

Bu noktada artık Timeline üzerinde işlemlere başlayacağız.Yapacağım işlemler her yeni framede yeni bir keyframe ekleyerek görselden bir kısmı Eraser Tool ile silmek olacak. Daha sonra komple görsel kaybolduktan sonra animasyonu tersine çevirerek sanki baştan çiziliyormuş gibi göstereceğiz. Bunun için 2.frame'e sağ tıklayarak Insert Keyframe (F6 kısayolu) diyelim.
Adobe Flash ile çizim animasyonu tasarımı

Görsel aynen geldi , 2.frame de Eraser Tool'u seçelim ve allta gösterdiğim Eraser Toollarından sizin kafanızdaki tasarıma ve görselin silinecek kısmına uygun fırça büyüklüğünü seçin. Ve ekrandaki görselin bir köşesini silin.
Adobe Flash ile çizim animasyonu tasarımı

Bu silme işlemini her yeni keyframe'de tekrarlayalım.Size burada tavsiyem çizgiler üzerinden gitmeniz ve çok fazla keyframe kullanmamanız olacaktır.Unutmayınki her keyframe animasyonun boyutunu da büyütmektedir. Aşağıda benim 27.keyframe için yaptığım alt kesimdeki silme gözüküyor.
Adobe Flash ile çizim animasyonu tasarımı

Silme animasyonunuzun keyframeler eklerken nasıl gittiğini enter ile timeline üzerinde CTRL-Enter ile yeni bir flash player penceresinde önizleyebilirsiniz. Tabii burada varolan bir görseli yokediyoruz,en son işlem olarak bütün frame'leri seçtikten sonra sağ tıklayarak Reverse Frame ile bu animasyonu tersine çeviriyoruz.

Adobe Flash ile çizim animasyonu tasarımı

Animasyonunuz eğer çok hızlı veya çok yavaş geliyorsa ( aslında bu sizin silme miktarınızdan dolayı öyle oldu) her zaman flashın fps (frame per second) ayarı ile oynayarak saniye başına gösterilecek frame sayısını azaltarak yavaşlatabilir çoğaltarak hızlandırabilirsiniz. Alttaki ekran sahnenizde boş bir kısma tıkladıktan sonra Properties kısmında altta gözükecektir.
Adobe Flash ile çizim animasyonu tasarımı


Örnek :http://www.expressionforum.net/al2y/cizim_animasyon.swf

Faydalı olması dileğiyle ....

Not: Kendi Hocamın Blog'undan Alıntıdır...
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

barisk isimli Üye şimdilik offline konumundadır

barisk(26)

Öğrenci (Diğer) / Tekirdağ

Standart
Alt 05-09-2008 #2
                             Sponsorlu Bağlantılar
Teşekkürler Güzel Bi ders Deniycem hemen.. : )
Bu mesajdan alıntı yap
shedesign isimli Üye şimdilik offline konumundadır

shedesign

Grafiker / Hatay

Standart
Alt 05-09-2008 #3
tesekkur ederım
Bu mesajdan alıntı yap
BATMANCU isimli Üye şimdilik offline konumundadır

BATMANCU

Webmaster / Denizli

Standart
Alt 08-09-2008 #4
bunu öğrendiğim iyi oldu tşk. ederim
Bu mesajdan alıntı yap
Standart
Alt 03-12-2008 #5
bu ders sankı bır yerden calınmıs lutfen nerden alındıgıda yazılsın yoksa ben yazacagım
Bu mesajdan alıntı yap
Hatice ÇAVDAR isimli Üye şimdilik offline konumundadır

Hatice ÇAVDAR

Kargacık Burgacık

Grafiker / İstanbul

Standart
Alt 03-12-2008 #6
bu ders sankı bır yerden calınmıs lutfen nerden alındıgıda yazılsın yoksa ben yazacagım
Dikkatli okursanız yazının sonunu "alıntıdır" yazmakta zaten...

Yaşam Hakkına Saygı

“ Bilim ve sanat, bir kuşun iki kanadı gibidir. Bu iki kanadı kullanabilen toplumlar uçar ve özgür olurlar.
Uçamayanlar ise tavuk olur...
"Tavuk toplum", önüne atılan bir avuç yemi gagalarken, arkadan yumurtalarının alındığının farkında bile olmaz!"
DARWİN


Tanrım beni baştan yarat yoksa durur durur merak ederim...

Bu mesajdan alıntı yap
UFB16 isimli Üye şimdilik offline konumundadır

UFB16

Öğrenci (Diğer) / Bursa

Standart
Alt 24-12-2008 #7
Çok teşekkürler süper olduAdobe Flash ile çizim animasyonu tasarımı
Bu mesajdan alıntı yap
Abacimim isimli Üye şimdilik offline konumundadır

Abacimim

Hiç Biri / İstanbul

Standart
Alt 05-02-2009 #8
Teşekkür ederim. Benim işime yaradı.
Bu mesajdan alıntı yap
fretzly isimli Üye şimdilik offline konumundadır

fretzly

Webmaster / İstanbul

Standart
Alt 21-02-2009 #9
güzel ders olmuş teşekkürler
Bu mesajdan alıntı yap
serdar1903 isimli Üye şimdilik offline konumundadır

serdar1903(33)

Öğrenci (Grafik) / Ankara

Standart
Alt 17-03-2009 #10
eyvallah süper oldu
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
adobe, animasyonu, cizim, flash, ile, tasarimi, tasarımı

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Flash olarak Uğur Böceği animasyonu varmı ? ajan-s Flash 14 03-05-2009 10:46:25
Flash Animasyonu Hazırlamak graphblues Flash 2 03-07-2008 06:04:28
Flash animasyonu nasıl crop edebilirim? witchking Flash 2 21-02-2008 23:08:03
Adobe Flash Player tumer Yazılım Rehberi 3 20-10-2007 07:13:40

Kapat
Şifremi Unuttum?