Kullanıcı Kılavuzu İptal

Animate'te kod parçacıkları ile interaktiflik ekleme

  1. Adobe Animate Kullanıcı Kılavuzu
  2. Animate'e Giriş
    1. Animate'teki Yenilikler
    2. Resimli Sözlük
    3. Animate sistem gereksinimleri
    4. Animate klavye kısayolları
    5. Animate'te Birden Çok Dosya Türü İle Çalışma
  3. Animasyon
    1. Animate'te animasyonun temel öğeleri
    2. Animate'te kareleri ve anahtar kareleri kullanma
    3. Animate'te kare kare animasyonu
    4. Animate'te klasik ara animasyonu ile çalışma
    5. Fırça Aracı
    6. Hareket Kılavuzu
    7. Ara hareket ve ActionScript 3.0
    8. Ara Hareket Animasyonu Hakkında
    9. Ara hareket animasyonları
    10. Ara hareket animasyonu oluşturma
    11. Özellik anahtar karelerini kullanma
    12. Ara oluşturarak konuma animasyon ekleme
    13. Hareket Düzenleyici kullanarak ara hareketleri düzenleme
    14. Ara animasyonunun hareket yolunu düzenleme
    15. Ara hareketleri işleme
    16. Özel hareket hızları ekleme
    17. Hareket önayarları oluşturma ve uygulama
    18. Animasyon ara yayılma alanları ayarlama
    19. XML dosyaları olarak kaydedilen Ara hareketlerle çalışma
    20. Ara hareketler ve Klasik aralar karşılaştırması
    21. Şekil arası doldurma
    22. Animate'te Eklem aracı animasyonunu kullanma
    23. Animate'te karakter canlandırmayla çalışma
    24. Adobe Animate'te maske katmanlarını kullanma
    25. Animate'te sahneler ile çalışma
  4. Etkileşim
    1. Animate ile düğmeler oluşturma
    2. Animate projelerini diğer belge türü biçimlerine dönüştürme
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. Animate'te kod parçacıkları ile interaktiflik ekleme
    5. Özel HTML5 Bileşenleri oluşturma
    6. HTML5 Canvas'ta bileşenleri kullanma
    7. Özel Bileşenler oluşturma: Örnekler
    8. Özel Bileşenler için Kod Parçacıkları
    9. En iyi uygulamalar - Animate ile reklamcılık
    10. Sanal Gerçeklik içeriği oluşturma ve yayınlama
  5. Çalışma alanı ve iş akışı
    1. Boya fırçaları oluşturma ve yönetme
    2. HTML5 Canvas belgelerinde Google fontlarını kullanma
    3. Creative Cloud Libraries ve Adobe Animate'i Kullanma
    4. Animate için Sahne Alanı ve Araçlar panelini kullanma
    5. Animate iş akışı ve çalışma alanı
    6. HTML5 Canvas belgelerinde web fontlarını kullanma
    7. Zaman Çizelgeleri ve ActionScript
    8. Birden çok zaman çizelgesiyle çalışma
    9. Tercihleri ayarlama
    10. Animate geliştirme panellerini kullanma
    11. Animate ile zaman çizelgesi katmanları oluşturma
    12. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    13. Nesneleri taşıma ve kopyalama
    14. Şablonlar
    15. Animate uygulamasında Bul ve Değiştir
    16. Geri alma, yineleme ve Geçmiş paneli
    17. Klavye kısayolları
    18. Animate'te zaman çizelgesini kullanma
    19. HTML uzantıları oluşturma
    20. Görüntüler ve Animasyonlu GIF'ler için en iyileştirme seçenekleri
    21. Görüntüler ve GIF'ler için dışa aktarma ayarları
    22. Animate'te Varlıklar Paneli
  6. Multimedya ve Video
    1. Animate'te grafik nesnelerini dönüştürme ve bir araya getirme
    2. Animate'te sembol örnekleri oluşturma ve bunlarla çalışma
    3. Görüntü İzleme
    4. Adobe Animate'te ses kullanımı
    5. SVG dosyalarını dışa aktarma
    6. Animate'te kullanmak üzere video dosyaları oluşturma
    7. Animate'te video ekleme
    8. Animate ile nesne çizme ve oluşturma
    9. Çizgileri ve şekilleri yeniden şekillendirme
    10. Animate CC ile konturlar, dolgular ve degradeler
    11. Adobe Premiere Pro ve After Effects ile çalışma
    12. Animate CC'de Renk Panelleri
    13. Flash CS6 dosyalarını Animate ile açma
    14. Animate'te klasik metin ile çalışma
    15. Animate'e resim yerleştirme
    16. Animate'te içe aktarılan bitmap'ler
    17. 3B grafikler
    18. Animate'te sembollerle çalışma
    19. Adobe Animate ile çizgiler ve şekiller çizme
    20. Animate'te kütüphaneler ile çalışma
    21. Sesleri dışa aktarma
    22. Animate CC'de nesne seçme
    23. Animate'te Illustrator AI dosyalarıyla çalışma
    24. Karışım modlarını uygulama
    25. Nesneleri düzenleme
    26. Komutlar menüsüyle görevleri otomatikleştirme
    27. Çok dilli metin
    28. Animate'te kamera kullanma
    29. Grafik filtreleri
    30. Ses ve ActionScript
    31. Çizim tercihleri
    32. Kalem aracı ile çizim yapma
  7. Platformlar
    1. Animate projelerini diğer belge türü biçimlerine dönüştürme
    2. Özel Platform Desteği
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. WebGL belgesi oluşturma ve yayınlama
    5. AIR for iOS için uygulamaları paketleme
    6. AIR for Android uygulamalarını yayınlama
    7. Adobe AIR for desktop için yayınlama
    8. ActionScript yayınlama ayarları
    9. En iyi uygulamalar - Bir uygulamada ActionScript'i organize etme
    10. Animate ile ActionScript'i kullanma
    11. Animate çalışma alanında erişilebilirlik
    12. Komut dosyaları yazma ve yönetme
    13. Özel Platformlar için Desteği Etkinleştirme
    14. Özel Platform Desteğine Genel Bakış
    15. Özel Platform Desteği Eklentisiyle Çalışma
    16. ActionScript 3.0'da hata ayıklama
    17. Özel Platformlar için Desteği Etkinleştirme
  8. Dışa Aktarma ve Yayınlama
    1. Animate CC'den dosya dışa aktarma
    2. OAM yayınlama
    3. SVG dosyalarını dışa aktarma
    4. Animate ile grafikleri ve videoları dışa aktarma
    5. AS3 belgelerini yayınlama
    6. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    7. Sesleri dışa aktarma
    8. En iyi uygulamalar - Mobil aygıtlar için içerik oluşturma ipuçları
    9. En iyi uygulamalar - Video kuralları
    10. En iyi uygulamalar - SWF uygulaması geliştirme talimatları
    11. En iyi uygulamalar - FLA dosyalarını yapılandırma
    12. Animate için FLA dosyalarını en iyileştirmeye yönelik En İyi Uygulamalar
    13. ActionScript yayınlama ayarları
    14. Animate için yayınlama ayarları belirtme
    15. Projektör dosyalarını dışa aktarma
    16. Görüntü ve Animasyonlu GIF'leri dışa aktarma
    17. HTML yayınlama şablonları
    18. Adobe Premiere Pro ve After Effects ile çalışma
    19. Animasyonlarınızı hızlıca paylaşma ve yayımlama
  9. Sorun Giderme
    1. Düzeltilen sorunlar
    2. Bilinen sorunlar

 

Kod Parçacıkları paneli programcı olmayan kullanıcıların hızlı bir şekilde JavaScript ve ActionScript 3.0 kullanmaya başlamasını kolaylaştırmak üzere tasarlanmıştır. Genel işlevselliği etkinleştirmek için kodunu FLA dosyanıza eklemenizi sağlar. Kod Parçacıkları panelini kullanmak JavaScript veya ActionScript 3.0 bilgisi gerektirmez.

Kod Parçacıkları paneli ile şunları yapabilirsiniz:

  • Sahne Alanı'ndaki bir nesnenin davranışını etkileyen kod ekleme

  • Zaman Çizelgesi'ndeki oynatma kafasının hareketini kontrol eden kod ekleme

  • (Yalnızca CS5.5) - Dokunmatik ekran kullanıcı etkileşimine izin veren kod ekleme

  • Panele yeni oluşturduğunuz kod parçacıklarını ekleme

Animate uygulamasına dahil edilen kod parçacıklarını kullanmak ayrıca JavaScript veya ActionScript 3.0'ı öğrenmeye başlamanın güzel bir yoludur. Parçacıklardaki koda bakarak ve parçacık talimatlarını takip ederek kod yapısını ve terimlerini anlamaya başlayabilirsiniz.

Animate'te kod parçacıkları seçeneği
Animate'te kod parçacıkları seçeneği

Başlamadan önce

Kod Parçacıkları paneli ile çalışırken Animate'in şu esaslarını anlamak önemlidir:

  • Kod parçacıklarının çoğu kodda birkaç öğeyi özelleştirmenizi gerektirir. Bunu, Animate uygulamasında Eylemler panelinden yapabilirsiniz. Her parçacık bu görev için belirli talimatlar içerir.

  • Dahil edilen tüm kod parçacıkları ya JavaScript ya da ActionScript 3.0'dır.

  • Bazı parçacıklar nesnenin davranışına etki eder ve tıklatılmasına olanak verir, taşınmasına veya yok olmasına sebep olur. Bu parçacıkları Sahne Alanı'ndaki nesneye uygularsınız.

  • Parçacığın bulunduğu kareye oynatma kafası girer girmez bazı parçacıklar bir eylemin derhal gerçekleşmesini sağlar. Bu parçacıkları bir Zaman Çizelgesi karesine uygularsınız.

  • Bir kod parçacığını uyguladığınızda kod, Zaman Çizelgesi'ndeki Eylemler katmanının geçerli karesine eklenir. Eylemler katmanını kendiniz oluşturmadıysanız; Animate, Zaman Çizelgesi'ndeki diğer tüm katmanların üzerine bir tane daha ekler.

  • ActionScript'in Sahne Alanı'ndaki bir nesneyi kontrol etmesi için, nesne, Özellik denetçisinde atanmış bir örnek adına sahip olmalıdır.

  • Panelde bir parçacık seçtiğinizde görünen Açıklamayı Göster ve Kodu Göster düğmelerini tıklatabilirsiniz.

Bir nesneye veya Zaman Çizelgesi karesine kod parçacığı ekleme

Bir nesneye veya oynatma kafasına etki eden bir eylem eklemek için:

  1. Sahne Alanı'ndaki bir nesneyi veya Zaman Çizelgesi'ndeki bir kareyi seçin.

    Sembol örneği olmayan bir nesneyi seçerseniz; Animate, parçacığı uyguladığınızda bu nesneyi bir film klibi sembolüne çevirir.

    Örnek adı olmayan bir nesneyi seçerseniz parçacığı uyguladığınız zaman Animate bir örnek ad ekler.

  2. Kod Parçacıkları panelinde (Pencere > Kod Parçacıkları) uygulamak istediğiniz parçacığı çift tıklatın.

    Sahne alanında bir nesne seçmişseniz Animate seçili nesneyi içeren karelerde parçacığı Eylemler paneline ekler.

    Zaman Çizelgesi karesi seçmişseniz, Animate parçacığı yalnızca o kareye ekler.

  3. Eylemler panelinde yeni eklenmiş kodu görüntüleyin ve parçacığın üstündeki talimatlar doğrultusunda gerekli öğeleri değiştirin.

Eylemler panelinde kod parçacığı

Kod Parçacıkları paneline yeni parçacıklar ekleme

Kod Parçacıkları paneline iki şekilde yeni kod parçacıkları ekleyebilirsiniz:

  • Yeni Kod Parçacığı Oluştur iletşim kutusuna bir parçacık girin.

  • Bir kod parçacığı XML dosyasını içe aktarın.

Yeni Kod Parçacığı Oluştur iletişim kutusunu kullanmak için:

  1. Kod Parçacıkları panelinde, panel menüsünden Yeni Kod Parçacığı Oluştur'u seçin.

  2. İletişim kutusuna parçacığınız için Başlık, Araç ipucu metni ve JavaScript ya da ActionScript 3.0 kodu girin.

    Otomatik Doldur düğmesini tıklayarak Eylemler panelinde o anda seçili olan herhangi bir kodu ekleyebilirsiniz.

  3. Kodunuza "instance_name_here" dizesi dahilse ve parçacık uygulandığında Animate'in bunu doğru örnek adı ile değiştirmesini istiyorsanız, Otomatik olarak instance_name_here öğesini değiştir onay kutusunu seçin.

    Animate, yeni parçacığı Kod Parçacıkları panelindeki Özel adlı bir klasöre ekler.

Bir kod parçacığını XML biçiminde içe aktarma:

  1. Kod Parçacıkları panelinde panel menüsünden Kod Parçacıkları XML'ini İçe Aktar'ı seçin.

  2. İçe Aktarmak istediğiniz XML dosyasını seçin ve Aç'ı tıklayın

Kod parçacıkları için doğru XML biçimini görmek için panel menüsünden Kod Parçacıkları XML'ini Düzenle'yi seçin.

Bir kod parçacığını silmek için, paneldeki kod parçacığını sağ tıklayın ve bağlam menüsünden Kod Parçacığını Sil'i seçin.

HTML5 ile etkileşimli animasyonlar

Bazı animasyonlar, çeşitli yayımlama platformunu desteklemek için kod parçacıkları gerektirir. Animasyonunuzu etkileşimli hale getirmek için kod parçacıklarının nasıl kullanılacağını öğrenmek ister misiniz? Bu örneğin sonundaki eğitimi izleyin ve bu adımları takip edin.

  1. Kitaplık'ta Yayınlama Ayarları'nı tıklayın.

  2. JavScript/HTML'yi seçin.

  3. HTML/JS sekmesinde Dışa Aktar seçeneğini tıklayın ve aşağıdaki seçenekleri belirleyin:

    • Dosya adı: Dosyanın adını yazın.
    • Farklı Kaydet Türü:  HTML'yi seçin.
  4. Tamam'ı tıklayın.

HTML5 etkileşimli animasyonlarınızı geliştirme

Kodları nasıl düzenleyeceğinizi öğrenmek için videoyu izleyin.

 Adobe

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?