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.
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.
İş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.
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.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.
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.
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.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.
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.
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.