After Effects / Renk Dalgası Efekti

Z1rT · 16 Tem 2011

kullandığımız program: Adobe After Effets CS5

yapılacak olan çalışma

öncelikle çalışma için arka fonda kullandığımız dalgayı indiriyoruz. bundan sonra adım adım uygulamalara geçiyoruz...

( not: resimlerde özellikle seçili olan katmanlara ve zaman çizelgelerine dikkat edin istisnalar hariç gelişigüzel değildir )

neyse işimiz biraz uzun başlayalım...

"composition - new composition" diyerek yeni bir kompozisyon açıyoruz.

istediğiniz ismi vererek resimde görülen ayarları uyguladıktan sonra yeni kompozisyonumuzu açmış oluyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 750x690.

yazı aracına tıklayarak kompozisyonumuza dilediğimiz bir yazıyı yazıyoruz. sağda "charackter" menüsünde yazının fontunu rengini boyutunu vs zevkinize göre değiştirebilirsiniz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 769x727.

yazdığımız yazı katmanını veya katmanlarını CTRL tuşuna basarak seçiyoruz ve resimdeki işlemleri uyguluyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 874x796.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 780x732.

bundan sonra efekt verme işlemlerine geçiyoruz. solda "project" menüsüne gelerek ve üstte kırmızı ile belirtilmiş seçim aracını seçiyoruz, daha sonra "Untitled Project1.aep" klasöründeki "Fon"u fare ile seçip aynen resimdeki şekilde yazımızın üzerine bırakıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 968x762.

bıraktıktan sonra yazının kaybolduğunu yerine efektin geldiğini görüyoruz, burada katmanlardan "Fon" u seçip, klavyeden "P" tuşuna basıyoruz,buradaki pozisyon değerleri önemlidir efektin nasıl geleceği belirlenecektir.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1050x680.

üst resimde de görüldüğü gibi efekt kompozisyonda seçili halde... seçili halde iken fareyle tutup aynen sarı çizgi ile belirtilen resimdeki konuma getiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1071x774.

zaman imlecini "00100" çizelgesine getirerek tekrardan efekti seçip üst resimdeki konumdan, aşağıda sarı çizgi ile belirtilen konuma getiriyoruz. (kompozisyondan biraz dışarı çıkıyor)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1068x782.

şimdi fon katmanı seçili iken mod kısmını "screen" olarak değiştiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 994x992.

şimdide hiç bir katmanı seçmiyoruz, resimde kırmızı ile belirtilen boş alana tıklayarak, "Layer - New - Solid" diyerek bir solid ekliyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1042x994.

"Solid" e diledğiniz bir ismi vererek aynen resimdeki değerleri veriyoruz ve ok diyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 911x808.

evet, katmanlara girdiğimiz isimde bir solid geldi, şimdi bu solid seçili iken; "Effect - Generate - Ramp" a tıklayarak ilk efektimizi getiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1050x994.

herşey gitti yerine ramp geldi

buradan "Ramp Shape" değerine "Radial Ramp" diyoruz ve resimdeki görüntü geliyor.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1052x824.

buradan "Start Color" rengini kırmızı olarak değiştiriyoruz, (hoşunuza giden başka bir rengide seçebilirsiniz)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1052x942.

şimdide "End Color" kısmından aşağıdaki rengi veriyoruz (yine dilediğiniz bi rengi verebilirsiniz)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1058x928.

şimdi aşağıdaki resimde yeşil çizgi ile belirtilen alandaki seçim aracı, başta siyah çizgi ile belirtilen alandaydı. bunu siyah çizgi ile belirtilen alandan, yeşil çizgi ile belirtilen alana sürüklüyoruz. (burada kendinize göre birazcık oynama yapabilirsiniz)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1054x828.

üstteki seçim aracıyla işimiz bitti. şimdi aynı işlemi aşağıda bulunan ikinci seçim aracını tıklayarak siyah konumdan yeşil konuma getiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1054x814.

.

Z1rT · 16 Tem 2011

şimdi ise renk katmanının modunu "Color" olarak değiştiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 940x994.

değiştirdikten sonra yeni bir solid oluşturuyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1050x804.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1052x802.

bu oluşturduğumuz yeni solid haliye en üst katmana geldi, bizde solidi seçerek resimde yeşil çizgi ile belirtilen alana yani en alt katmana getiriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1054x868.

ve çalışmamızın bir kısmı tamamlandı ve ortaya çıkacak olan çalışma biraz biraz gözükmeye başladı

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1056x832.

şimdi tekrar en baştaki "renk" adını verdiğimiz katmanı seçerek, "Effect - Color Corection - Tint" efektini veriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1058x906.

ve Tint geldi, buradaki "Amaount to Tint" değerini "%45" olarak giriyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 929x838.

tekrar txt yani "Cyber Warrior Comp1" katmanına gelerek başta küçük kırmızı çizgi ile belirtilen yere tıklayarak alt menülerini açıyoruz ve "Opacity"deki kırmızı çizgi ile belirtilen kutucuğa tıklayarak bir keyframe oluştıruyoruz,oluşturduğumuz keyframe zaman çizelgesinde kırmızı çizgi ile belirtilen alanda gözüküyor.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1056x910.

şimdi zaman çizelgesini oluşturduğumuz keyframedan (siyah çizgi ile belirtilmiş alandan) birazcık sola kaydırıp burada "Opacity" değerini sıfır yapıyoruz. ve kırmızı çizgi ile belirtilen yerde bir keyframe daha oluşuyor.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1068x916.

buradaki işimiz bitti,katmanların başında bulunan ok işaretlerine tıklayarak efektleri gizleyelim fazla karışmasın ortalık

ve yine şimdi txt yani "Cyber Warrior Comp1" seçili iken, "Effect - Distort - Turbulent Displace" e tıklıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1042x948.

burada txt yani "Cyber Warrior Comp1" katmanındaki kırmızı çizgi ile belirtilen alana tıklayarak efekti bi süre gizliyoruz.
ve "Turbulent Displace" menüsündeki "Displacament" değerini "Twist" olarak değiştirip, "size" değerinide "25" yapıyoruz ve "Evolution" değerlerini "0x +70,0" olarak atıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 942x822.

şimdi katmanın özelliklerini açıp, "Evolution" ın en baştaki kutucuğuna klavyedeki "Alt" tuşuna basarak bir tık yapıyoruz. resimdeki gösterilen zaman çizelgesindeki keyframenin üzerinde bir karakter gireceğimiz kutucuk açılıyor burayada "time*500" değerini vererek enter diyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1052x974.

daha sonra zaman çizelgesini sağa kaydırarak "mount" diyoruz ve burada bir keyframe daha oluşuyor.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 968x996.

bu oluşturduğumuz keyframeyi tıklayıp biraz sola sürüklüyoruz burada mount değerini "0" olarak atıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 924x994.

şimdi yazı katmanındaki kırmızı çizgi ile belirtilen kutucuğa tıklayarak efekti açıyoruz ve efekt geldi...

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 992x994.

şimdide bu zaman çizelgesindeki keyframeye sağ tıklayarak "Keyframe Asistans - Easy Ease" diyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 970x998.

burada zaman çizelgesini biraz büyültün. alt kısımda bulunan mavi çizgi ile belirtilen kutucuğa tıklayarak "Graphic Editör"ü açıyoruz. burada alt kısımdaki sarı çizgiyi biraz faremizle fazla olmamak şartıyla uzatabiliriz ve ondan sonra yazı katmanımızın efektlerinde bulunan "Amount" a tıklayarak buraya sürüklüyor ve kenarlından çekerek resimde görülen yer kadar bi boyut ayırıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 975x1006.

şimdi katmanların tüm efektlerini gizleyebiliriz. şimdi son yazının son aşamalarının tamamlayalım, ve biraz parıltı efekti verelim. "Effect - Stylize - Glow" diyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 903x953.

ve "Glowd Radius" değerine "17" gibi bi değer atıyoruz,(zevkinize göre biraz değişebilir)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 972x994.

sonrada; "Effect - blur & Sharpen - Fast blur" diyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1006x862.

burada "blurinness" kutucuğuna tıklıyoruz ve "12" değerini atıyoruz.
(yazının bulanıklığını burada da zevkinize göre ayarlayabilirsiniz)

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 1000x996.

şimdi de zaman çizelgesini biraz kaydırıp resimde görülen kısma gelip buradadaki "blurinness" değerinede "0" atıyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 988x994.

ve çalışma bitti. tüm katman efektlerini gizleyerek zaman çizelgesindeki gereksiz süreleri iptal edicez. solda kırmızı çizgi ile belirtilen kısmı baştan sürükleyerek çalışmanın son bitiş zamanına göre kaydırın, yoksa gereksiz alanlarda çıkar.yine burada en son yazının konumunu veya efektin konumunu tekrar ayarlayabilirsiniz zaman çizelgesini hareket ettirerek ama dikkatli olun yanlış belirlediğiniz efekt ve yazı konumu zamansız ve kararsız çıkabilir,isterseniz bu aşamada zaman çizelgesi hariç burayı varsayılan olarak bırakın. ve yine değiştirmek istediğiniz efektleri vs üstte anlatılan tüm efektlere geri dönerek tekrardan daha iyi bir sonuç alabilmek için düzenleyebiirsiniz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 956x878.

Z1rT · 16 Tem 2011

alışma tamam ama bunu nasıl gif olarak alıcaz...(CS3 de "File" "Export" "Image Sequence" diyerek animasyonun her karesini png resmi olarak alabiliriz ve bu png resimlerini Photoshoptan "Open" diyerek kaydedilen klasördeki resim dizilerinden ilkini seçerek aynı pencereden "Image Sequence" diyerek tek seferde tüm resim dizileri alabiliriz, alınırken sorulan "fps"sayıları hızını belirler. sonrada photoshop un file menüsünden "safe for web & devices" e tıklayarak gif olarak alabiliriz, yüksak kalite için 256 bit değerini seçmeliyiz ve bu pencerede "Animation" u "Frover" olarak seçmeliyiz ki gif sürekli başa dönerek tekrar etsin.)

neyse şimdi konuda anlatılana göre photoshop ile işimiz yok. normalde After Effects de bu animasyonları SWF olarak alabiliriz ama bize gif lazım, bunun için önce çalışmayı Adobe Flash Projesi olarak kaydediyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 816x468.

kaydedilen flash projesini açıyoruz. sırasıyla ve resimde kırmızı çizgi ile belirtilen hiç birşeyi es geçmiyoruz.

Aşağıdaki resim küçültülmüştür. Buraya tıklayarak büyütebilirsiniz. Resmin orijinal boyutları 796x844.

bu kadar. inşAllah azda olsa bilmeyen arkadaşlara birşeyler katabilmişizdir

Ara

Ara

After Effects / Renk Dalgası Efekti

Z1rT

Z1rT

Z1rT