Flash'ta el yazısı yazalım

Bu derste bir el kullanarak el yazısı yazmaya ne dersiniz?

Adım 1

Aşağıdaki resmi bilgisayarınıza kaydedin. Bu ders için kullanacağımız resim bu.



Adım 2

300x150 px boyutunda yeni bir Flash sayfası açın.

Adım 3

Timeline kısmında layer1 ismini hand yapın.

Adım 4

Az önceki el resmini sahneye import edin. (File > Import)

Adım 5

Timeline'da yeni bir layer oluşturun ve ismini text yapın.

Adım 6

Text layerinin ilk karesinde iken sahneye herhangi bir el yazısı fontu kullanarak "asd" yazın. Ben bu ders için "AdineKirnberg-Script" isimli fontu kullanıyorum.

Adım 7

Layer'ları düzenleyin:Hand isimli layer text isimli layer'ın üstünde olsun. Layer'lar aşağıdaki gibi olsun.



Adım 8

Text layer'inin üstünde yeni bir layer daha oluşturun ve ismi mask olsun. Yeni oluşturduğunuz layer üzerinde sağ tıklayın ve açılan menüden Mask'ı seçin.



Adım 9

Paint Brush aracını kullanarak mask layer'inin ilk karesine, harf çerçevesinin üzerine bir nokta koyun, amacımız her bir kareye noktalar koyarak kapatmak. Biraz zaman alacak bu, ama devam edelim. Koyacağınız nokta aşağıdaki gibi olacak.



Adım 10

Text layer'inin 36'ncı karesinde F6 yapın. Bu işlem yazının görünülebilirliğini uzattı. Şimdi de mask layer'ının 2. karesine de F6 ile bir anahtar kare oluşturun.



Adım 11

Artbrush seçili olduğu halde yazının çizgisi üzerine ikinci bir nokta daha ekleyin.



Adım 12

10. ve 11. adımı tekrarlayın. En sonunda aşağıdaki gibi görünmeli.



Adım 13

Tamamdır. Şimdi sıra geldi el animasyonuna.

Hand layerinin ilk karesini seçin. Maskenin ilk noktasına kalemin ucunu yerleştirin.






Adım 14

Sonra hand layer'inin 2. karesinde yeni bir keyframe daha oluşturun ve kalemin ucunu sonraki maske noktasına taşıyın.

Adım 15

Her yeni keyframe ile birlikte adım 14'ü tekrarlayın. Kalemin ucunu her seferinde o andaki noktanın üzerine taşıyın. Son durumunda şu şekilde olmalı:






Ve sonuna geldik. Şimdi bir el yazısını gerçek bir el ile nasıl yazdığımızı görebilirsiniz. CTRL+ENTER yapın ve izleyin.



NOT: DesignTutorials.info sitesinden çevirdim.
  • Etiketler;
Siraceddin El
1999 yılından bu yana web tasarımcı olarak yurt içinde ve yurt dışında sayısız projede yer aldı. 2002 yılında Sanalkurs.net'i kuran ekiptendir. Etkinlik.com.tr'nin de kurucularındandır. Girişimci, tasarımcı ve eğitmen olarak çalışmalarını sürdürmektedir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

ısrarla yaptıgım yazıyı göremiyorum el hareket ediyor ama yazı yok . Yardımcı olabilirsen sevinirim arkadasım . Şimdiden Teşekkür ederim . :agla:
İşlemleri tam olarak yapmış olman gerekiyor. Maske efektini sanırım uygulamamışsın, ondan kaynaklanıyor büyük ihtimalle.
aynen 3-4 kere tekrarladım ama yazı görünmüyor..maskeleme yaparken yazının üstünde hiç boşluk bırakmadım ama gene de olmuyor..
ya yazdığım yazı bir türlü gözükmüyo napcam:sasir:
Arkadaşlar yazınızın static olması lazım.Dynamic olunca görünmüyor yazılar..Proporties de bu özellik..
Gözükmemesinin nedeni yanlış "mask" yapılması 1)mask layer'ına sağ tıklayın ve "mask" seçeneğini kaldırın 2) text ile mask layer'larının yerini değiştirin 3) text layer'ına sağ tıklayın "mask" diyin Sanırım şimdi görebileceksiniz :D Bir de noktaları yerleştirirken gerçekten el yazısı yaparmış gibi düşünerek noktaları koyun yoksa sonucu beğenmeyebilirsiniz ;)
:gul: ÇOOOOOOOOOOOOOOK TESEKKURLER BEN BU DERSİ COK İSTİYODUM COK İİ OLDU ÇOK TESEKKURLER ALLAH SENDEN RAZI OLSUN GERCEEKTEN COK TESEKKURLER
evet static text yapmazsak göstermiyor. dynamic ile static farkı nedir
Bu sayfayı düzenleyen arkadaşlardan ve bizlere bilgi sunan ve yazan herkese teşekkür ediyorum,
çok tesekkr edrm anlatimlariniz için burada olmak çok güzel
Paint Brush nedir Bi söleyebilirr misiniz?
Paint Brush nedir Bi söleyebilirr misiniz?
yeni öğrenen birisi olarak tek seferde yapabildim anlatım gayet güzel olmuş teşekkürler
teşşekürler yaptım oldu ellerinize sağlık
Çok Teşekkürler Anlatım İçin Çok Güzel anlatım eline koluna sağlık vallahi bu siteyi seviyorum
Eline klavyene sağlık anlatım çok iyi. Yaptım beğendim :kirp:
bilgiler için teşekkürler. Kullanıcının input text'e girdiği metnin böyle bir animasyonla yazılmasını nasıl sağlayabiliriz?

Yukarı Git