SHAPE YAPIMI ( ŞEKİL ve VIDEO ILE ANLATIM )

Son güncelleme: 23.04.2007 21:25
  • SHAPE YAPMAK

    Sevgili arkadaşlarım,
    Son zamanlarda board içinde bazı Flash çalışanlarının
    ikili üçlü guruplar halinde toplanıp,
    aralarında gizlice birşeyler konuştıklarını,
    anlaşılmaz el - kol işaretleri yaptıklarını,
    hele bir arkadaşımızın burada yer almayan bir konuda
    flash hazırlayarak, flashın içinde kelebekleri uçuşturmasını,
    kendime yapılmış bir ihtar olarak kıymetlendirdim,
    ve ne olur ne olmaz diye hemen çalışmalarımızın son
    bölümüne geçmeye karar verdim...


    Flash çalışmalarına daha sonra katılan dostlarımız
    lütfen kusurumuza bakmasınlar..
    Artık belli bir seviyeye gelmiş olan arkadaşlarıma
    hakim olamıyorum...
    Üstelik, onlara da hak vermiyor değilim...
    Yap yap, hep aynı şeyi yap...
    Olmaz böyle şey...
    Hele arada bir çıkıp da, kendisini birşey zanneden birisi
    çağlayanları akıtıp, kuşları uçurmuyor mu...
    Gel de sinirlenme...


    Evet dostlar, kendiniz istediniz, haydi bakalım
    başlayalım ufak ufak çalışmaya...



    Önce Shape yapalım...
    Bunu yapmak öyle zor birşey değil...
    Ancak inanın çok faydali bir şey...
    Nasıl mı yapacağız.. Basit...

    Programı açalım...
    ( Ne kadar zekiyim değil mi..? )
    Sahnemizi 600 x 400 olarak ayarlayalım...
    Tabii ki background rengi siyah, Frame rate 12 olacak..

    Sonra da sahnenin sol tarafındaki kare şeklindeki
    işarete mouse ile tıklayalım

    Shape01

    noimage
    noimage

    ve sahne üzerine gelip bir dikdörtgen yapalım...
    Bende bu dikdörtgen kırmızı oluyor..
    Herhalde sizde de öyledir..

    Shape02

    noimage
    noimage
    Şimdi sağ tarafta yazı yazdığımız yere gidip orada beliren
    Solid yazısını tıklayalım.

    Shape03

    noimage
    noimage

    Karşınıza çıkacak Solid yazısının altındaki seçeneklerden,
    örneğin Linear gradient seçeneğini tıklayalım

    Shape04A

    noimage
    noimage
    Birinci işlem neredeyse tamamlandı sayılır...
    Karşınıza muhtemelen aşağıdaki gibi bir şekil çıkacak..

    Shape05

    noimage
    noimage
    Yukarıda gördiğünüz örnek şeklin büyüğü ise sahne içinde,
    aşağıdaki gibi görünecek..

    Shape05A

    noimage
    noimage
    Bu şeklin sol tarafındaki renk ( Bende şimdi beyaz renkli)
    solid yani arkadası görünmeyen bir renk, sağ tarafı ise siyah
    fakat transparent bir renk olarak . görünecek...

    Şimdi en sol tarafa bakarsak,
    ( resimlerin yazıların adlarının bulunduğu Outline denilen yere )
    orada Shape adında bir yazı çıktı... İşte yaptığımız bu şeklin adı Shape...
    Şimdi aşağıdaki şekilde görüldüğü gibi,
    Bu shape'i copy edip, Scane 1 e sağ klick yapıp paste yapalım.

    Shape6

    noimage
    noimage

    Veya, biraz önce yaptığımız gibi, bir adet shape daha yapalım...
    Yani sonuç, aşağıdaki resimdeki gibi olsun...

    Shape6A

    noimage
    noimage
    Hep aşağıdaki resme bakmaya alıştınız değil mi...
    Bu defa yukarıdaki şekilde kırmızı daire içinde bulunan
    ikona tıklayınız ve mouse ile yaptığınız Shape'lerden birinin köşesine
    gelip herhangi bir tarafa doğru 90 derece çeviriniz...
    Sonuç aşağıdaki şekil gibi olmalı...

    Shape07

    noimage
    noimage
    Şimdi dikkat..!
    Elimizde iki adet dikdörtgen var...
    Bunlardan birinin beyaz olan ucu sola,
    diğerinin ise yukarı doğru duruyor..
    Yukarıdaki şekle bir daha bakınız...

    Tamam, bu kadar bakmak yeter...
    Şimdi aşağıdaki şekle bakınız...

    Shape07Mavi

    noimage
    noimage
    O da ne...! birisinin ucu pembe, diğerinin ise mavi olmuş...
    Bunu yapmak çok basit...


    Kırmızı daire içindeki slaytları tıklayınca, karşınıza
    renk seçenekleri çıkar.. Buradan rengi seçersiniz...
    Ayrıca slaytları sağa ve sola hareket ettirirseniz
    Solid renk ile transparent renk boyları uzar veya kısalır...
    Şimdi birinci Shape' imizin rengini mavi,
    diğerini de aşağıdaki gibi pembe yapalım.

    Shape07Pembe

    noimage
    noimage
    Bütün bunları yaptık mı...
    Tabii ki yaptık....

    O halde biraz dinlenelim bakalım...
    Herkese 10 dakikalık ihtiyaç molası...
    Çaylar şirketimizdendir.. Para ödenmemesi rica olunur.
    Lütfen geriye geldiğinizde, herkes yanındaki yolcunun
    gelip gelmediğini kontrol etsin...
    Siz, arkadaki kasketli kardeşim,
    lütfen ayakkabınızı çıkartmayınız...
    Rahatsız olan yolcularımız var...




    ŞEKLE HAREKET VERMEK.

    İşte dostlar aylardır beklediğiniz,
    benim de kasım kasım kasıldığım ancak aslında
    çok basit olan kuş, kelebek vb. uçan - kaçan hayvanata
    hareket verme işlemine geçiyoruz...

    Önceden yaptıklarınıza bir ad verip, istediğiniz bir yere save ediniz.
    Sonra da programınızı yeniden açınız...

    Ayarlar....!
    Movie ayarı.... 600 x 400 Frame Rate: 12
    Hazır komutanım....

    Hemen sahneye bir adet animated gif yükleyin...
    Nereden yükleyeceğiz hocam....
    Aşağıdan arkadaşlarım aşağıdan...

    Kuşun üzerine mouse ile gelerek sağ klick yapıp,
    bu kuşu sonradan bulacağınız bir yere save edin bakalım...

    noimage

    Eh artık kuş hazır başlayalım çalışmalarımıza,
    Kuşları hareket ettirmek için iki metod vardır...
    Birinci yol:
    Sessizce yaklaşıp, birden bire bağırmak...
    Böylece kuş korkar ve anında havalanıp uçar...
    Bu uygulamanın tek zorluğu,
    kuşun nereye gideceğine siz karar veremezsiniz...


    İkinci yol:
    Size verdiğim martı gifini sahneye yüklemek...
    Sahneye yüklemek için işlemi yaptığınızda,
    karşınıza aşağıdaki şekil çıkacak. Şekilde kırmızı ile işaretli yerleri
    kontrol ediniz ve Import butonuna basınız

    ucmak01
    noimage

    Bu işlemi yapınca, görüntü aşağıdaki gibi olacaktır...
    Sakın mouse ile hiçbir yere dokunmayın... yapacağınız tek şey,
    kırmızı daire ile işaretlı yeri tıklayıp, animasyonu meydana getiren şekli
    bütünleştirmek...

    ucmak02
    noimage

    Bunu yaptıktan sonra artık korkmayın... Martı şeklini ortasından tutup,
    sahnenin dışına çıkartın...

    ucmak03
    noimage

    Sonra da aşağıdki şekilde kırmızı daire içindeki yeri mouse ile tıklayın
    Mouse ucu ok şeklinden + şekline dönecek...
    Sahne içinde martının uçmasını istediğiniz yol üzerinde
    bir yere tıklayınız. Bunu yapınca yukarıdaki TimeLine içinde mavi bir bar çıkacak.
    Bu bar ne kadar uzun olursa, martı o kadar yavaş hareket eder,
    ne kadar kısa olursa, o kadar süratli..

    ucmak 04
    noimage

    Haydi şimdi mouse ile aşağıdaki resimdeki gibi bir tık daha yapalım...

    ucmak05
    noimage

    Ve bu tıklamalara devam ederek martıyı
    aşağıdaki resimde görüldüğü gibi sahne dışına çıkartalım...

    ucmak06
    noimage

    Hazır mıyız.... Eveeeeet....
    Şimdi aşağıdaki şekilde görülen işlemi yapın bakalım ne olacak...

    ucmak07
    noimage


    Nasıl, ne kadar basitmiş değil mi...
    Şimdi içinizde bana kızacaklar olabilir...
    Sakın kızmayın...
    Eğer bu basit işlemi hemen sizlere açıklayacak olsam,
    herkes işi gücü bırakıp kuş, kelebek uçurtmaya başlardı..
    Halbuki siz şimdi neler neler yapabiliyorsunuz...

    Ve iddia ediyorum...
    Eğer Yukarıdaki Shape leri yapma konusuna hakim olursanız,
    tüm denizler ırmaklar artık sizden korksun...
    Çünkü hepsini bu shapler ile hareket ettirmeye başlayacağız...

    Çalışmaya başladığınız bu konuların benzeri ufak bir çalışmayı
    sizlere swi olarak gönderiyorum...
    Arzu eden dostlarım, bu yaptıklarımız ile neler
    yapabileceklerini izlemiş olurlar...

    Hepiniz sağlıcakla kalınız sevgili arkadaşlarım...


    Sevgili dostlar,
    Şimdi arzu eden üyelerimiz
    sadece bu bölümde anlattıklarım ile yapılmış
    ve aşağıda izlediğiniz Flash Animasyonun
    SWI ve SWF dosyalarını download edip
    neyin nasıl yapıldığını inceleyebilirler...


    SADECE BU ÇALIŞMA İLE NE YAPILABİLİR İZLEME ÖRNEĞİ

    [swf1]ozeller/Shape-04.swf[/swf1][swf2]600[/swf2][swf3]400[/swf3][swf4]ozeller/Shape-04.swf[/swf4]


    Hepinize iyi çalışmalar dilerim...

    *Download*







    Shape Yapımı Video Anlatımı

    Dostumuz doorcap'ın hazıladığı bu videolu anlatımları
    dikkatle izlemeyi sakın ihmal etmeyiniz..

    Eğer izlemezseniz pekçok bilgiyi de öğrenme şansını kaçıracağınızı
    şimdiden rahatlıkla söyleyebilirim...


    Teşekkürler sevgili dostum
    doorcap.


    [youtube]https://www.youtube.com/watch?v=
    <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UdrWt1upiaA&hl=en&fs=1&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UdrWt1upiaA&hl=en&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>[/youtube]




    Devamı gelecek. Lütfen bizi izlemeye devam ediniz. :D
#23.04.2007 21:25 0 0 0