7 minutes read
タイポグラフィアニメーションは長年にわたって非常に人気があり、映画のオープニングからテレビコマーシャルまでどこでも見ることができます。 それらはまた網デザイナーによって広く採用され、ウェブサイトの設計および表示旗の設計で大規模に使用されました。
キネティックタイプがデザイナーに愛されている理由は、無限の創造的な可能性を提供し、目を引き、強力なメッセージを伝えることができるからです。
アニメーションタイポグラフィとは何ですか？
Kinetic typographyまたはanimated typographyは、ゆっくりと移動したり、拡大したり、縮小したり、何か他のものに変形したりするあらゆる種類の移動テキストを指します。 アニメーション文字は、静的なテキストよりも魅力的な方法です。
テキストアニメーションを使用して、次の操作を行います:
- 感情に満ちたメッセージを伝えるためには、テキストの意味を強調し、
- を強調してください。
- それはまた、視聴者の注目を集め、彼に大きな影響を与える可能性を秘めています。
そして今、私はあなたがクールなタイポグラフィのアニメーションの選択を通過することを勧めます。 それらのそれぞれは、あなたには、いくつかの新しい技術を学び、素晴らしい創造的なアイデアを発見するための絶好の機会です。 そのうちのいくつかはあなたを魅了するかもしれません！
素晴らしいアニメーションタイポグラフィの10例
1. モーフィングは、モーションタイポグラフィを作成するために運動タイポグラフィで最も使用される技術の一つです。 それは簡単、人目を引くです。 その上、それはデザイナーが重要なメッセージを促進するか、または声明をするのを助けることができます。
アーティスト：ホルケ79
2. ちらつきのテキストは、逆に、あなたは非常に頻繁に見つけることができますものではありません。 一つは本当にアニメーションテキストとしてちらつきを使用するために単語を選ぶための才能を持っている必要があります。 “Where”と”here”のように、このテクニックではあまり多くの単語が機能しません。
アーティスト:Christos Baltaszis
3.催眠術のテキストは決して見過ごされて行くことはありません。 それは目立つと感動することを意味しています。 そして魅了する。
アーティスト：セシリア-エルリッヒ
4.テキストの移動は、右から左または上から下のいずれかで、特に技術が適切な単語とペアになっている場合にも壮観です。 この例で見るように、このアニメーション効果は、言葉の意味を強調し、視聴者を驚かせるために使用されました。
アーティスト：シッダートメイト
5. 文字で文字を描くことは新しいことではありませんが、それはあなたがそれをどのように行うか、使用するフォントやその他の補完的なグラフィック要素に依存します。 この例では、”silence of a forest”のような単純なメッセージでどれだけ創造的なものが得られるかを示しています。 一方では、アーティストはこのforesty greenを使用し、他方では”森”という言葉を実際に松林のように見せました！ そして、”私”の上に落ちる微妙な小さな葉は言うまでもありません！
アーティスト：チェスカAcpal
6.幾何学的な構造は生気に満ちたタイポグラフィの新しい感覚である。 このタイプのアニメーション技術は、モダンでクールであり、それはクリエイティブが他のような技術や都市のブランドを促進することができます。
出典：アニメグラフィ
7.流体ジオメトリは、タイポグラフィのアニメーション技術の新しい種類であり、それは素晴ら それは都市の空気と流体のダイナミズムを持っています。
出典：アニメグラフィ
8. あなたはテクスチャ構造を聞いたことがないかもしれませんが、彼らは存在します。 ここに証拠があります：
このアニメーション技術は、本当に芸術的な効果のために同時に文字のレイヤーとテクスチャを構築します。
ソース: アニモグラフィー
9. 複雑なモーフィングは、あなたのメッセージに注意を引くための別の方法です。 私はロンドンのこれらのシンボルが都市の名前を作成する方法が大好きです。 あなたも、個々の建物を認識することができます！
出典：Giphy
- グラフィックアニメーションには、グラフィックスとイラストの存在が含まれています。 これは、アニメーションテキストのより複雑なタイプですが、それはそれを完全に価値があります。
出典:Giphy
11. テキストの動的なモンタージュは、画像がまったくない場合でも、物語を伝えることができます。 一瞬のために一時停止し、タイミング、一時停止とテキストの突然の幻影がスリルとストーリーを作成することができますどのように理解するために、下の例を見てみましょう。
出典：Contentcreatures
12。 ネオンのちらつきは、パブやバーの広告で非常に頻繁に使用されます。 効果は作成するのが非常に簡単で、あなたのメッセージが気づかれることを保証します。
アーティスト：マーガレット-フー
13. ダッシュのタイポグラフィは現代および簡単であり、優雅な方法でメッセージを導入できる。
出典：Gifer
14. 創造的な手紙は驚きによって皆を取ることができる。 バットは完全にハロウィーンの商標ですので、2つの間の関連付けは自然に来ます。
出典：デジタルあらすじ
15. 単語を形成するイラスト文字は、長年にわたって周りされているが、彼らはまだキャッチーで驚くべきです。
ソース: Hackernoon
16. スクラブルエフェクトタイポグラフィアニメーションは、動的で驚くべき方法であなたのメッセージを作成するのに役立ちます。
アーティスト：Maxym Zacharyack
17. 幾何学的な形を変形させることはあなたの物語を強調し、独特な大気を作成できる。
出典：MVDCプロジェクト
18。 静的な言葉で創造的なアニメーションの手紙は、それは誰も期待していないものです。 あなただけの一つの文字にあなたのメッセージを集中することができますので、静的およびアニメーション文字のこの組み合わせは本当に面白いです。
アーティスト：ミンダウガス-ドゥデナス
19. 加速タイポグラフィアニメーションは、見事な視覚効果を作成し、迅速な物語を伝えるために使用されます。 この例でわかるように、このアニメーションは誰かが飲んだテキーラのショットの数について話しています。 あなたは少しめまいになります。
出典：Giphy
20。 感情に満ちたアニメーションの手紙。 これはかなりのアニメーション効果ではなく、むしろ創造的な技術です。 この揺れ”私”はそんなに感情を伝え、私たちはほとんどそれに共感することができます！
アーティスト：Vlado Paunovic
あなた自身のクールなタイポグラフィアニメーションを作成する方法
クールなタイポグラフィアニメーションを Creatopyでは、わずか数分で作成できます。 ここで私は約5分で作成したものです:
好奇心？ Creatopyでkinetic typographyビジュアルを今すぐ作成したい場合は、アカウントにサインイン（または無料でサインアップ）し、次の手順に従います:
- [作成]に移動してボタンをクリックするか、[検索]タブから目的のサイズを選択します。
- ビジュアルの背景を選択します。 これは、Creatopyで既に利用可能な色、テクスチャ、パターン、またはストック写真のいずれかにすることができます。 または、あなた自身の写真をアップロードすることができます。 私は私が私の視覚のために選択した青い背景を使用してプロセスを説明します。
- 次に、テキストを追加します。 左側のメニューに移動し、テキストタブをクリックします。 利用可能な利用可能なテキストサイズのいずれかを選択するか、事前に定義されたタイポグラフィテンプレートを選択し、単にあなた自身で既存のテキ
ここで私が選択したタイポグラフィプリセットです。 これは標準的な静的ですが、簡単にアニメーション化できます。 どうやって見せてやる?
- メニューバーにあるMagic Animatorツールを使用して、リストの最後に簡単にアニメーション効果を作成できます。 あなたは驚くべき、より目を引く効果を作成したい場合は、タイムラインビューを使用して、あなたの単語のそれぞれをカスタマイズする必要があり
タイムラインボタンをクリックして、タイムラインビューを有効にして、すべての要素をうまく階層化して整理して見ることができます。
次に、各テキストレイヤーの先頭にある各小さなボックスをクリックすると、利用可能な内蔵アニメーションのポップアップメニューが表示されます。 いずれかがあなたのテキストで最適に動作するかを確認し、単に右にボックスの右余白をドラッグして、アニメーション効果の持続時間を設定するた
ビジュアル内の各単語に対してこの操作を繰り返します。
継続的なアニメーション効果を得るには、ループ設定をonceからforeverに変更するか、アニメーションを再生したい回数に変更します。
そして、あなたの仕事を確認するためにダッシュボードの上にある再生ボタンを押してください。
- テキストのアニメーションが終了したので、HTML、AMP、MP4、およびGIF形式で作品をダウンロードできます。
それはそれです！ 素敵で簡単です。
モーションタイポグラフィで言葉を生き生きとさせましょう！
今、あなたはタイポグラフィアニメーションについての詳細を知っているとうまくいけば、あなたのアニメーションタイポグラフィプロジェク あなたのブログのための広告ビジュアルやDIYの販促資料を作成しようとしているかどうか、Creatopyはあなたが数分で印象的にアニメーション化されたテキ