Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Adobe Animate
Webdesign

Bir Web Tasarımcısının Adobe Animate CC'ye Giriş

by
Difficulty:IntermediateLength:ShortLanguages:

Turkish (Türkçe) translation by lap jaw (you can also view the original English article)

Ne statik olmaktan daha iyidir?   Hareket halinde olmak, iyi arkadaşlarım. Hareket web için yükselişi, basit arayüzü etkileşimleri, daha karmaşık senaryolar ve prototipleme için.  Bu yazıda ne olmadığını, ve bir web tasarımcısı olarak çalışmak için nasıl, ne Adobe Animasyon, kendimizi tanıtacağız. 

Adobe Animasyon mi? 

Adobe Animasyon doğa özel tarih kitaplarında an Steve Jobs kalemi kağıda mahkum olan Flash Profesyonel bir evrim; bir ürünü olarak tasvir edilir. 

 “Daha doğrusu web ve ötesi için premier animasyon aracı olarak konumunu temsil etmek için, Flash Professional Adobe Animate CC adlandırılacak” – , 2015 yılında

Yani zaman değişiyor, ve Adobe web bir sonucu olarak onların yaklaşımı değişti. 

Adobe Animate feature timeline
Adobe Animasyon özelliği zaman çizelgesi 

Hareket yenisin, ya da kendini prototipleme için bir alternatif arayan bir usta düşünün olsun, Adobe Animate CC sizin için olabilir.  Tüm araçlar, amaca kullanan kişi için geçerlidir.  Bu herkesin kullanması gereken bir araç değil, ama kendi varlığının farkında olmaktan çıkar. 

Örneğin, çizgi film, reklam, oyun gibi Adobe Animasyon kreasyonları ile, ve diğer etkileşimli içerik HTML 5 Tuval, Flash Player Ve Aır, WebGL ve Ek SVG gibi tanıdık platformları için yayınlanacak. 

Özellikleri 

Şahsen ilginç bulduğum bazı temel özellikleri listelemek için en iyi olacağını düşündüm Adobe Animasyon yeteneklerini anlamak yardımcı olmak için.  Adobe Animasyon hakkında en iyi şey kesinlikle web standartları benimsiyor.   Bir yakın ikinci, daha sonra vektör fırçalar, normal Ekran Desteği, 3.parti JavaScript entegrasyonu ve çok daha fazlası/yayın seçenekleri verme fantastik dizi.

Zaman çizelgesi ve Kareler 

Tüm animasyonları sırayla sık bir zaman çizelgesi olarak bilinen oluşur.  Flash geliştiricileri de bu kavramları anlayacaktır.   Bu UI, geliştirici, bir zaman çizelgesinde tüm sıra birlikte nasıl uyduğunu görsel bir bakış açısı kazanarak animasyonlar yönetmek için izin verir. Zaman çizelgesi temel tartışırken Adobe tarafından kısa bir giriş.  

Zaman çizelgeleri bir çerçeve tabanlı bir bağlamda ayrıntılı animasyonlar içerebilir.  Bu sanatçılar izolasyon animasyonlar oluşturmak ve daha büyük bir ana zaman çizelgesine bu izole hareketleri entegre anlamına gelir. 

İhracat ve Yayıncılık 

Sonunda Animate CC tarafından benimsenmesinin açık web standartları ile, geliştiriciler hala ihraç ediyorlar biçimi teknik sınırlamaları farkında olmalıdır.   Geliştiriciler Flash player FLV dosyalarını vermek gerekirse seçeneği var. Ayrıca bitmap iş için paha biçilmez hale birden çok kararlar vermek mümkündür.  İçlerinden CSS kullanarak kareler ve animasyon tabanlı sprite bir sayfa bile oluşturabilirsiniz!  

İhracat ve yayınlama seçenekleri projeleri modernize etmek çok daha verimli hale getiriyor.  Sıfırdan “ölçek içerik” seçeneği etkinleştirerek orijinal kaynak dosyaları yeniden olmadan aynı proje gemi farklı versiyonları.  Yayınlama Ayarları iletişim kutusu üzerinden doğru nesne ve embed etiketleri kullanarak ActionsScript projeler için bir HTML belgesi oluşturur. 

Kek üzerine krema da SVG verme yeteneğine sahipsiniz. 

Vektör Fırçalar 

Animate CC yeni vektör çizim araçları, düzenlenecek sipariş şekillere dönüştürülmesi gerekmez vektör fırça gibi tanıttı.  Fırçalar ve çizim için Illustrator aşina olduğun her şeyi de Animate CC sizin için kullanılabilir.  Özel-şekil ve açı olarak fırça parametreleri ayarlayarak bir fırça tanımlamanızı sağlar.  Eğer kaliteli ve net resimler hakkında bakım eğer slick süper. 

Kemik Aracı 

 Flash geliştiricileri Kemik aracıyla; bir kol bükme gibi hareketler düşün, sürünen bir yılan ya da bir bacak tekme “bones” zincirlenmiş doğrusal veya dallı üst-alt ilişkileri kullanarak nesneleri hareketlendirmek için evinizde olacak.  Hareket bu tür kod prototip zaman sıkıcı bir miktar sürebilir, ama Animate CC ile çok hızlı bir şekilde gelişir, daha az maliyet kötü fikir verme ve daha iyi fikirler beslemek.

Armatür tabanlı hareket dizileri ya da proje boyunca yeniden kullanılabileceğini “örneği” olarak bilinen semboller, içine dahil edilebilir. 

Kemik alet de onun kolunun yukarısına başka bir hile ile geliyor.  Kemiklerin içine dinamik fizik entegre springness gibi, fiziksel dünyayı çok daha gerçekçi hareket yaparak gerçekçi fiziksel hareket kazanmak. 

3. Parti JavaScript desteği 

Yani animasyon sanat büyük bir parça yaptın, ama örneğin GreenSock gibi 3. parti yardımcı, kullanmak ister misin?  Müjde!  Bu sadece yapabilirsiniz.  Geliştiriciler UI Animasyon şimdi bir duvarlı bahçe içinde dış dünyadan hiçbir yardım ile bulundukları duygu olmadan arzu ettikleri esneklik olabilir.  Emrinde son JavaScript kütüphaneleri kullanın ve kare animasyon için ihtiyacınız olan esnekliği olsun. 

Kamera Pozisyonları ve Sahne Kontrolleri 

Animasyoncuları sahne (ben nasıl üzerinde tam kontrole sahip.e tuval) yerleştirilir.  Seçenekler herhangi bir şekilde sahne döner, bu merkezi sahne olarak seçtiğiniz herhangi bir nokta köşesinden bile ya da kullanılabilir.  Animasyon çok daha dinamikler içerir, bu tür pan, zoom gibi kamera efektleri ekleme gibi, ya da James Cameron dikkat projenizi daha gerçekçilik bile verme; döndürebilirsiniz. 

Animates virtual camera
Animasyon sanal kamera 

Sonuç 

Araçlar çok iyi ama dünyanın kuralı yok.  Akıllıca seçin, ama sizin için neyin işe yaradığını seçin.  Araçlar orada iş akışı dikte yardımcı olacak.  Eğer bir projede eğer biraz varsa örnekler aşağıda yorum ve bir bağlantı bırakın Animate kullanıyorsanız bu uygulama ile deneyiminizi anlatın.  Mutlu animasyon! 

Daha fazla Okuma ve Yararlı Bağlantılar 

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.