Kinetik Tipografi: Giriş Kılavuzu
Kinetik tipografi bu günlerde her yerde görünüyor. Televizyon reklamlarından web sitesi açılış sayfalarına, taşınabilir tür popüler bir görsel araçtır. Bu popülerlik birkaç nedenden kaynaklanabilir, ancak bariz bir faktör dikkatinizi çekmesidir. İnsanlar kelimelere çekilme eğilimindedir ve bunları okumak ister.
Kinetik tipografi, ekranda hareket eden, dikkatinizi çeken ve duyuları meşgul eden kelimeler oluşturmak için bunu bazı basit animasyonlarla bir araya getirir. Şimdi kinetik tipografiye ve onu bazı tasarım projelerinize nasıl entegre edebileceğinize bir göz atalım. (Not: Bu makaledeki örneklerde animasyon yer almaktadır; orijinal kaynaklara bağlantılar için görüntüleri tıklayarak onları izleyin.)
Kinetik Tipografi Nedir?
Kinetik tipografi hareketli tipin yaratılmasını ifade eder. Harfleri genişletmek, küçültmek, uçmak, yavaş hareket etmek, büyümek ve kullanıcı için çeşitli şekillerde değiştirmek için kullanılan bir animasyon tekniğidir. Etki basit ve kısa olabilir, sadece küçük değişikliklerle veya oldukça ayrıntılı ve uzun olabilir.
Kinetik tipografi kullanımı, tekniğin web tasarımında daha fazla kullanılması nedeniyle neredeyse patladı. Bir zamanlar sadece video ve televizyonda kullanılan bir şey olan kinetik tipografi, web sitelerinde ve web tabanlı videolarda arka plan etkisi olarak popülerlik kazanıyor. (Tüm bunlar daha yüksek ve daha yaygın geniş bant ve artan internet ve web sörf hızları sayesinde mümkündür.)
Teknik bir dizi nedenden dolayı kullanılır, ancak belirli içeriğe vurgu ekleyebilir. Ton ve duygu aktarmaya yardımcı olabilir. Hiçbirinin olmadığı yerde benzersiz bir görsel oluşturmaya yardımcı olabilir. Bütçesi kısıtlı olanlar için uygun bir seçenek olabilir. Tasarımınız bir desteğe ihtiyaç duyduğunda ilgi çekebilir.
Kinetik Tipografinin Kökenleri
Kinetik tipografi bugün web tasarımı için yeni bir trend olarak etiketlenebilse de, oldukça uzun bir süredir varlığını sürdürmektedir. İlk olarak büyük ekranda kullanıldı.
Carnegie Mellon Üniversitesi İnsan Bilgisayar Etkileşimi Enstitüsü ve Tasarım Okulu araştırmacıları, kinetik tipografinin ilk kullanımını 1959 Alfred Hitchcock'un 1959 yapımı “North by Northwest” filminde izledi. Açılış kredilerinde, tür hareketli bir biçimde kullanılır. Bir yıl sonra, etki tekrar “Psiko” da kullanıldı. Araştırmacılar, “Bu çalışma kısmen, açılış kredilerinin sadece kredilerin bilgisini iletmek yerine bir ruh hali oluşturarak film için bir sahne oluşturma arzusundan kaynaklandı” dedi.
Bu noktadan sonra kinetik tipografi filmde ve daha sonra televizyonda daha yaygın hale geldi. Kredilerde, şovlarda ve reklamlarda kullanılır. Reklamda kinetik tipografinin dikkate değer bir kullanımı, Pepsi'nin yeni bir logo ile bir “Her Şeyi Yenile” kampanyası (şimdi “Pepsi Pulse” olarak adlandırılır) başlattığı 2009'da geldi. 'O' harfi yerine bir logo içeren yeni tasarım, televizyondan internete taşınabilir tip kullanılarak her yerde göründü.
Son zamanlarda, web sitesi tasarımında (ve bazı mobil uygulamalar için de) yaygın olarak kullanılan bir teknik haline gelmiştir ve çevrimiçi videolarda oldukça yaygındır. Reklam ve tanıtımdan sanata, müzik videolarına, gazeteciler için bir hikaye anlatma aracına kadar her şey için kullanılır.
Kinetik Tipografiyi Ne Zaman Kullanmalısınız?
Kinetik tipografi kitiniz için eğlenceli bir araçtır, ancak artık sanatta böyle bir sorun yaşamamanın kolay bir çözümü değildir. Diğer herhangi bir araç gibi - belirli bir amaç için ve belirli bir amaç göz önünde bulundurularak kullanılmalıdır.
Kinetik tipografinin özellikle etkili olduğu kanıtlanmış kullanımlar vardır. Bunlar çoğunlukla tonla ilgilidir. Doğada statik olabilecek bir şeye hareketli tip eklemek, bunu başarmaya yardımcı olabilir. Kinetik tipografi için en iyi kullanımlar şunlardır:
- Duygusal içerik oluşturma
- Karakter oluşturma
- Dikkat çekmek
Araştırmaya göre, tip hareketlerinin bu kullanımlara da katkısı var. Örneğin: “Ses yüksekliği metnin boyutunu, ağırlığını, bazen de kontrastı veya rengini değiştirerek taklit edilebilir. Yüksek hacimler için titreşimi taklit eden hareketler kullanılabilir. ” Karakterlerin yaratılmasında, tür, insan hareketini taklit edecek şekilde hareket edecek şekilde ayarlanabilir ve ayrıca uzamsal ilişkiler yaratacak veya belirli bir yönde ilişkilendirmeler oluşturacak şekilde nesnelere veya şekillere “bağlanmak” için canlandırılabilir.
Kinetik Tipografi Uygulamaları
Artık kinetik tipografi fikri hakkında heyecanlanmaya başladığınıza göre, bunu pratik uygulamalarda nasıl kullanabilirsiniz? Hangi ortamlar en iyi sonucu verir?
İlk olarak, taşınabilir tür bir video ve çevrimiçi biçimdir. Flipbook oluşturmadığınız sürece, basılı projelerde bu kavramın pek az kullanımı vardır. Kitlenizi ve bir animasyonla geçirebilecekleri süreyi düşünmek önemlidir. Web ve mobil uygulamalar için kısa tutulması önerilir, film veya reklamlarda her kullanıcıyla biraz daha fazla zamanınız olabilir.
Her iki durumda da, ilginç, okunması ve anlaşılması kolay ve duygusal bir bağlantı yaratan bir şey yaratmak önemlidir. Kinetik tipografinin yaygın pratik kullanımları arasında, popüler “Schoolhouse Rock” videoları ve 1973-2009 tarihli canlı yayın programları; tanıtım veya reklam; ve müzik videoları.
Kinetik tipografiyi planlarken, bazı ortak hareket ve davranış kalıpları vardır.
- Yavaş hareket veya hızlı hareket
- Esneme veya çekme
- Metin kavisli yollar boyunca hareket ederken yaylarda veya dalgalarda hareket
- Beklenen eylem, keskin bir hareketten önce böyle ince bir hareket
- Başka bir şey olduktan sonra gerçekleşen eylemleri takip edin
- Çerçeve içindeki başka bir öğeye olan bir şey yüzünden metin hareket ettiğinde ikincil eylem
Kaynaklar ve Eğiticiler
Animasyonlu türü bir araya getirmek, bir gif oluşturmak kadar basit veya bir müzik videosu oluşturmak kadar karmaşık olabilir. Ancak, kinetik tipografi tekniklerini gerçekten öğrenmek istiyorsanız, birçok iyi ve takip etmesi kolay öğretici vardır.
İlk olarak, dışarıda neler olduğuna ve hareketli tip oluşturmak için sınırsız sayıda seçeneğe bakmanızı öneririz. (Bazı eğlenceli örnekler için Tumblr'da kinetik tipografiye göz atın.) Ve sonra giflerle oynamaya başlayın. Adobe Photoshop'un animasyon araçlarından memnunsanız, dakikalar içinde basit bir şey oluşturabilirsiniz. Bundan sonra, daha büyük projelere geçmek isteyebilirsiniz.
Ayrıca, aceleyle basit metin animasyonları oluşturmanıza yardımcı olacak bazı araçlar vardır.
- Kinetik Tipografi Motoru
- Kinetic Tipografi eğitimi Jesse Rosten tarafından
- Kinetik Tipografi Eğitimi Crooked Gremlins
- After Effects ile Kinetik Tipografi Teknikleri
- Udemy Kinetik Tipografi dersi bulundu
- Adobe TV: Edge Animate'i Öğrenin video eğitimlerini öğrenin
- MotionWorks Türü Animasyon İpuçları
Sonuç
Kinetik tipografi kullanmak eğlenceli bir araç olabilir. Taşınabilir tip dijital ve video projelerine etki, duygusal bağlantı ve görsel ilgi katabilir. Tekniklerin ustalaşması biraz zaman alabilir, ancak bu muhtemelen kalacak bir şeydir. (Sadece düşünün, tasarımcılar tekniği 50 yıldan fazla bir süredir kullanıyorlar.)
Şu anda kinetik tipografi kullanan projeler üzerinde mi çalışıyorsunuz? Nasıl şekilleniyorlar? Yorumlarınızda düşüncelerinizi (ve proje bağlantılarınızı) bizimle paylaşın. Ne üzerinde çalıştığınızı görmek isteriz.
