Hareketli Tasarım

Motion Designer Showreel Tasarımı

Kodla yeniden yapılmış 15 saniyelik, 128 BPM'lik bir showreel: sert renk geçişleri, canlı bir HUD ve ölçüye göre zamanlanmış yedi bölüm. Zamanlamanın, tipografinin ve paletin nasıl çalıştığını görün.

OpenDesignKod uyarlaması ve prodüksiyon
Resmi
Motion Designer Showreel Tasarımı15s · Hareketli Tasarım
Parlak yeşil bir kimlik kartında büyük siyah OpenDesign harfleri ve italik bir motion designer alt başlığı.
Hareket tasarımından bir kare

Şunlar İçin Tasarım Fikirleri

  • Motion Designer Showreel'leriBölümler arasında sabit bir müzikal ızgarada kesme yapan kısa bir reel.
  • Marka Kimliği AçılışlarıBir bitiş kartında birleşen işaret, wordmark ve rol satırı.
  • Kinetik Tipografi ÇalışmalarıZamanlama, yankılar ve renk değişimleriyle yönlendirilen büyük başlık tipografisi.

Showreel Öne Çıkanlar

  • Vuruşu Sayan Bir HUDZaman kodu, 128 BPM, dört vuruş karesi ve BAR n/8 her karede ekranda kalır.
  • Sert Renk Geçişleri Bölümleri AyırırLimon yeşili, neredeyse siyah ve koyu yeşil arka planlar bölümleri birbirinden ayırır.
  • İşi Başlık Tipografisi YaparGeniş wordmark, serif italik rol satırı ve yankılanan harfler filmi taşır.

Müzikal Bir Izgaraya Göre Düzenlenmiş Reel

Film 128 BPM'de 15 saniye sürer ve ekrandaki HUD bu yapıyı görünür kılar. Her karede bir zaman kodu, 60 FPS, dört vuruş karesi, 8 üzerinden bir BAR sayacı ve alt kenar boyunca bir ilerleme çizgisi bulunur.

Bunun sonucunda kesmeler bilinçli görünür. Dezavantajı ise HUD'ın köşeleri kalıcı olarak kaplamasıdır; bu yüzden eklediğiniz her metin iç çerçevenin içinde kalmalıdır.

00:00:03:00'daki açılış wordmark karesi; 01 — Identity etiketli, HUD'da BAR 2/8.
00:00:03:00'daki açılış wordmark karesi; 01 — Identity etiketli, HUD'da BAR 2/8.

Yedi Hareket Bölümü ve Bir Bitiş Kartı

Kaynak notları reeli, her birinin kendi başlangıç zamanı olan bölümlere ayırır. Kısa bölümler temposunu yüksek tutar ama bir şeyi okumaya çok az zaman bırakır. Wordmark 1,5 saniye alır; easing bölümü iki saniye alır.

Kaynak Notlarından Bölüm Zamanlaması
ZamanBölümGörünen İçerik
0–2,0snKimlikIşınlar, çizilen işaret, flaş, daire geçişi
2,0–3,5snWordmarkİki satırlı kayma, sıkışma, serif rol satırı
3,5–5,5snEasingA'dan B'ye altı eğri
5,5–7,45snDönüşümDaireden üçgene, yıldıza, squircle'a
7,45–9,75snSistemlerKâğıt karo bir truchet alanına bölünür
9,75–11,2snDerinlikNokta düzlemi fenere, sonra torusa dönüşür
11,2–13,1snKinetik tipografiEASE, IN., EASE, OUT., NEVER, LINEAR
13,1–15snBitişHalka, dönen işaret, konfeti, üst üste wordmark

Ana Geçişler Olarak Tipografi ve Renk

Arka planlar solarak değil, sert biçimde değişir. Kimlik karesi neredeyse siyah yazıyla parlak yeşili, sistemler karesi kâğıt beyazı ızgarayla koyu bir alanı, kinetik kare ise beyaz harflerle koyu yeşili kullanır.

Kinetik karedeki harfler, her glifin arkasında yarı saydam yankılar bırakır; bu, hareket bulanıklığı filtresi olmadan yönü gösterir. Bedeli okunabilirliktir: hareketin ortasında yalnızca iki harf, “OU”, okunabilir.

00:00:12:00'da kinetik tipografi: koyu yeşil üzerinde yeşil yankılı beyaz harfler, BAR 7/8.
00:00:12:00'da kinetik tipografi: koyu yeşil üzerinde yeşil yankılı beyaz harfler, BAR 7/8.

Wordmark Ölçeği

OpenDesign iki satırda geniş siyah olarak dizilir, altında serif italik bir rol satırı bulunur. Geniş sans ile ince italik arasındaki kontrast markayı unvandan ayırır.

Sistemler Izgarası

Neredeyse siyah zeminde, arkasında soluk bir nokta ızgarası olan 3×3'lük bir kâğıt karo; kaynağın truchet alanına bölündüğünü söylediği ana kadar durağan bir nesne olarak başlar.

Reeli Başka Bir Brife Uyarlamak

Kaynak notları, yedi bölümü 128 BPM ızgarasında tutarken markayı, rolü, alt bilgi metnini ve paleti değiştirmenizi söyler. Metin, palet ve zamanlama kompozisyonun üstündeki sabitlerde durduğu için bu pratiktir.

Görünen her değer zamanın bir fonksiyonudur; bu yüzden geriye sarma aynı kareyi verir. Daha uzun bir rol satırı ya da marka adı, iki satırlı yerleşime sığması için daha küçük punto gerektirebilir.

00:00:07:30'da sistemler bölümü: koyu alanın ortasında 3×3'lük bir kâğıt karo, BAR 5/8.
00:00:07:30'da sistemler bölümü: koyu alanın ortasında 3×3'lük bir kâğıt karo, BAR 5/8.
  1. Kimliği Değiştirin

    Önce marka, rol ve alt bilgi metnini değiştirin, ardından wordmark genişliğini kontrol edin.

  2. Paleti Yeniden Temalandırın

    Her bölümün arka planı ile yazısı arasındaki güçlü kontrastı koruyun.

  3. Izgarayı Koruyun

    Bölüm eklemek yerine içeriği mevcut ölçüler içinde yeniden zamanlayın.

Kaynak ve Kapsam

Bu, adı geçen üçüncü taraf bir çalışmanın resmî bir OpenDesign kod yeniden yapımıdır: @stephanlivera'nın X'teki bir paylaşımı. Kompozisyon, yayımlanan çalışmadan yola çıkılarak kodla yeniden kurulmuştur ve film müziği özgündür. Bu atıf olgusaldır ve özgün yaratıcının onayı anlamına gelmez.

Bu, render edilmiş bir showreel'dir; etkileşimli bir tasarım aracı değildir. Şablonu, önerilen bir OpenDesign video iş akışından gelir; kullanılabilirlik kurulu sürüme bağlıdır.

OpenDesign'da Motion Designer Showreel Tasarımı Nasıl Oluşturulur

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. Reel Brifini Yazın

    Süreyi, tempoyu, bölüm sırasını ve paleti belirtin. İstediğiniz marka adını ve rol satırını yazın, 15 saniyelik yapıdan hangi bölümleri koruyacağınızı sıralayın.

    Önerilen Prompt

    128 BPM'de, 16:9 oranında, film olarak render edilmiş 15 saniyelik bir motion designer showreel oluştur. Neredeyse siyah, parlak yeşil, kâğıt beyazı ve koyu yeşil arasında sert renk geçişleri kullan. Her karede bir HUD göster: marka, zaman kodu, 60 FPS, 128 BPM, dört vuruş karesi, BAR n/8 ve bir ilerleme çizgisi. Bölümler: kimlik açılışı, serif italik rol satırı olan iki satırlı wordmark, altı easing eğrisi, şekil dönüşümü, truchet ızgarası, 3B nokta bulutu, kinetik tipografi ve bir bitiş kartı. Benim marka adımı ve rolümü kullan. Seslendirme ekleme.

  3. Zamanlamayı ve Okunabilirliği Kontrol Edin

    Her bölümü ölçü sayacına göre gözden geçirin. Bir sonraki kesmeden önce wordmark'ın ve rol satırının okunabildiğinden emin olun, sığmayan metni kısaltın.

  4. Sesi ve Kenarları Gözden Geçirin

    Filmin müzikli mi yoksa sessiz mi olacağına karar verin. Sahneyi kenardan kenara tutun ve kontrollerin poster karesinde görünmediğini kontrol edin.

  5. Dışa Aktarın ve Paylaşım Bağlantısı Alın

    Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.