YardımHareket tasarımı

Hareket tasarımı

Öne çıkan hareket tasarımı örneğini izleyin, ardından bir projeyi nasıl tanımlayacağınızı, önizleyeceğinizi, revize edeceğinizi ve dışa aktaracağınızı öğrenin. Adım adım anlatımda ayrı bir Focus alıştırma projesi kullanılır.

Hareket tasarımı — öne çıkan örnek, 37 saniye. Aşağıdaki adımlarda iş akışını açıklamak için ayrı bir Focus projesi kullanılır.

Beş yerleşik örnekten biriyle başlayın

Home ekranında, istemin altındaki Motion design seçeneğini belirleyin. Aynı anda dört satır görünür. En alttaki Product Promo örneğini göstermek için örnek listesini kaydırın.

Kesintisiz kaydırma kaydı; uygulama aynı anda dört satır gösterir.

İşinize yarayan bir yön bulun

  • Bring Ideas to Life: anlatım, karakterler ve el yapımı dokular için 20 saniyelik, kâğıttan kesilmiş figür tarzında bir hikâye.
  • The Future Is Already Here: ritim odaklı kurgu, kinetik tipografi ve krom yüzeyler için 20 saniyelik bir teknoloji videosu.
  • Motion Designer Showreel: portföyler ve tanıtımlar için 15 saniyelik bir hareket tasarımı seçkisi.
  • One-Shape UI Motion: düğmelerden ve yükleme durumlarından oynatıcılara ve grafiklere uzanan, 14 saniyelik kesintisiz bir arayüz dönüşümü.
  • Product Promo: avantajları, arayüz gösterimlerini ve markalı bir kapanışı sunmak için kurgusal bir ödeme ürününe ait 15 saniyelik bir tanıtım filmi.

Önce Preview ile önizleyin, ardından istemi uyarlayın

Preview'ı açmak için küçük resme tıklayın. Preview'ı kapatın, ardından örnek brief’i oluşturucuya yerleştirmek için başlığa veya istem metnine tıklayın. Göndermeden önce ürünü, metni, zamanlamayı ve stili değiştirin. Bir önizlemeyi açmak size ait yeni bir proje oluşturmaz.

Başlamadan önce

Yapay zekâ bağlantı kurulumunu bir kez tamamlayın. İncelenebilecek kadar küçük bir proje seçin: Focus örneğinde yeşil bir nokta, görev kartı, tamamlanma onayı ve son bir marka mesajı kullanılır. Harici ve ücretli bir medya oluşturma hizmeti yerine yerel animasyon ve ses kullanır.

1. Adım — Motion design seçeneğini belirleyin

Home ekranında, istemin altındaki oluşturma türü menüsünü açın ve Motion design seçeneğini belirleyin. Yerleşik hareket tasarımı örnekleri oluşturucunun altında görünür. Listede aynı anda dört satır gösterilir; beşinciye ulaşmak için listenin içinde kaydırın. Bir başlangıç noktası istiyorsanız beş örneğin tümüne göz atın.

Home ekranındaki oluşturma türü menüsünden Motion design seçeneğini belirleyin.

2. Adım — Sonucu açıklayın

Süreyi, en-boy oranını, görünür metinleri, görsel yönü, sahne zamanlamasını, sesi ve son dosyaları belirtin. Her ikisine de ihtiyacınız olduğunda düzenlenebilir kaynak ve oynatılabilir bir MP4 isteyin.

Focus adlı, 1920×1080 çözünürlükte ve 30fps hızında 10 saniyelik bir ürün hareket filmi oluştur. Kâğıt beyazı #fafafa, mürekkep #262626 ve ölçülü bir yeşil #63fe13 vurgu kullan. Tek bir yeşil noktayı Collect görev kartı, Done onayı ve son Focus işareti boyunca kesintisiz biçimde ilerlet. Focus'u 0–2s, Collect'i 2–5s, Done'ı 5–8s ve “Make room for what matters.” ifadesini 8–10s aralığında göster. Dış ses veya ücretli harici medya hizmetleri kullanmadan, özgün ve hafif bir müzik ile birkaç incelikli ses efekti ekle. Düzenlenebilir kaynağı ve gerçek MP4 dosyasını bu projede oluştur.
Home oluşturucusunda İngilizce bir brief taslağı. Göndermeden önce oluşturma türünü doğrulayın.

3. Adım — Prodüksiyonun ve işlemenin tamamlanmasını bekleyin

Aracı, kaynak dosyaları ve varlıkları oluşturur, ardından videoyu işler. Bir plan veya animasyonlu kaynak önizlemesi, MP4 dosyasının mevcut olduğunu kanıtlamaz. Video dosyasının oluşmasını ve işleme işleminin tamamlandı durumuna gelmesini bekleyin.

Uygulamanın gerçek videoyu işlemesi.

4. Adım — Videoyu inceleyin

MP4 yapıtını açın ve oynatın. Metinleri, hareket sürekliliğini, geçişleri, son karede bekleme süresini, müziği ve ses efektlerini kontrol edin. Baştan sona izlemenin yanı sıra zaman çizelgesinde ileri geri giderek de inceleyin. Üzerinde çalışmaya devam etmeniz gerektiğinde düzenlenebilir kaynağı ayrıca inceleyin.

Özgün uygulama kontrolleri ve işlem konumları. Oynatıcıdaki görsel, açıklama amacıyla öne çıkan filmden birleştirilmiştir.
Öne çıkan filmin 18. saniyesindeki mavi, elle boyanmış sahne.

5. Adım — Belirli tek bir revizyon isteyin

Aynı projede devam edin. Tam olarak neyin değişmesi ve nelerin aynı kalması gerektiğini belirtin, ardından yeni bir işleme isteyin. Gerçek adım adım anlatımda ikinci sürümde yalnızca son mesaj değiştirilir. Yeni MP4 dosyasını açın ve revize edilmiş satırın görünür olduğunu doğrulayın. Kaynağı güncellemek, daha önce işlenmiş bir videoyu geriye dönük olarak değiştirmez.

Son satırı “Make room for what matters.” yerine “Focus on what matters.” olarak değiştir. Diğer sahneleri, 10 saniyelik süreyi, renkleri ve sesi aynı tut. focus-v2.mp4 dosyasını işle ve karşılaştırma için özgün focus.mp4 dosyasını koru.
Özgün uygulama kontrolleri ve işlem konumları. Oynatıcıdaki görsel, açıklama amacıyla öne çıkan filmden birleştirilmiştir.

6. Adım — Kontrol edilen sürümü indirin

Teslim etmek istediğiniz MP4 dosyasını açın ve sağ üst araç çubuğundaki Download seçeneğine tıklayın. Sistem kaydetme penceresinde bir konum ve dosya adı seçin. Yerel dosyanın mevcut olduğunu, oynatıldığını ve en son revizyonu içerdiğini doğrulayın. Kaydetme penceresi işlemi tamamlayamazsa projeyi koruyun ve destek ekibinden yardım isterken pencerenin hata durumunu ekleyin. Download kontrolüne tıklanmış olması, kaydetme işleminin tamamlandığı anlamına gelmez.

Özgün uygulama kontrolleri ve işlem konumları. Oynatıcıdaki görsel, açıklama amacıyla öne çıkan filmden birleştirilmiştir.

Düzenlenebilir projeyi koruyun

Bu örneğin giriş dosyası motion-source/focus/index.html dosyasıdır. Kaynağı taşırken GSAP dosyasını, yazı tiplerini ve ses dosyalarını bununla birlikte tutun. MP4, oynatmaya yönelik teslim dosyasıdır; düzenlenebilir kaynak projeyi içermez.

Özgün uygulama kontrolleri ve işlem konumları. Oynatıcıdaki görsel, açıklama amacıyla öne çıkan filmden birleştirilmiştir.

Brief'i daha kolay takip edilebilir hâle getirin

Aracının tahmin etmesini istemek yerine görünür metinleri açıkça belirtin. Önemli anlar için zaman aralıkları kullanın ve çıktının bir film mi yoksa etkileşimli bir animasyon mu olduğunu ifade edin. Müzik ve dış ses gereksinimlerini açıkça belirtin. Revizyonlarda sahneyi veya zaman aralığını adlandırın ve değişmeden kalması gereken öğeleri tanımlayın.