チュートリアル:アニメーションロゴを作成する

静的なロゴを目を引くアニメーションに変換します.

時間: 10分 難易度: 中級者

作成する

エントランスアニメーションと微妙な動きのロゴ.

ステップ1:キャンバスを設定する

1. キャンバスのサイズのドロップダウンをクリックします
2. 選択して下さい**デフォルト(800×600)**かあなたの好まれたサイズ
3. あなたのロゴと対比する背景色を設定します

ステップ2:ロゴテキストを追加する

このチュートリアルでは、テキストベースのロゴを作成します.

1. テキストツール用のTを押します
2. ブランド名(例「ACME」)を入力してください
3. 設定プロパティ:
   • フォントサイズ:96
   • フォントカラー:あなたのブランドカラー
4. キャンバスセンター

ステップ3:タグラインを追加(オプション)

1. 再度Tを押して下さい
2. タグラインの種類
3. 主なロゴの下の位置
4. 小さいフォントサイズ(24-36)を設定します

ステップ4:エントランスアニメーションを作成する

専門の入口にキーフレームを使用します.

主なロゴの入口

1. 主なロゴテキストを選択
2. オープンタイムラインパネル
3. 0秒で:
   • 不透明度の設定:0
   • セットのスケール:0.5
4. 0.5秒*:
   • 不透明度の設定:1
   • セットスケール:1.0
   • 設定 イーシング:消去

Tagline エントランス(遅延)

1. Tagline を選択
2. 0秒で:
   • 不透明度の設定:0
   • 設定位置 Y:+20px (最終位置まで)
3. 0.8秒*:
   • 不透明度の設定:1
   • 位置を置いて下さい Y: 最終的な位置
   • 設定 イーシング:消去

ステップ5:Subtle Loop Animationを追加

エントランスの後、微妙な進行中のアニメーションを追加します

1. メインロゴを選択
2. アニメーションの設定:Pulse
3. セット速度:0.5 (非常に遅い)

ステップ6:スパークルエフェクトを追加(オプション)

1. メインロゴを選択
2. クリック効果を追加
3. Sparkleを選択してください
4. ブランドに合わせてカラーを設定
5. セット速度:0.8

ステップ7:プレビューと調整

1. Spaceを押して再生します
2. 必要に応じてタイムラインのタイミングを調整する
3. ループポイントが滑らかに見えるようにして下さい

ステップ8:輸出

サイトマップ

1. として輸出アニメーションSVG
2. ウェブサイトのヘッダーに埋め込む

ソーシャルメディア

1. MP4として輸出(5秒)
2. または自動再生プラットフォーム用のGIF**

プロのヒント

バリエーション

最小限の入口

スケーリングなしでフェード:

• 0s: 不透明 0
• 0.5s: 不透明 1

バウンスエントランス

遊び心のあるブランド:

• Bounceアニメーションを使用する
• 短い期間

タイプライターReveal

テキストベースのロゴ:

• タイプライターのアニメーションを適用
• MP4として輸出(SVGではない)

次のステップ

• エクスポートオプション — 正しいフォーマットを選択する
• ソーシャル投稿を作成する — アニメーションロゴを使用する