エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
After Effectsで作るアイコンアニメーション | フロントエンドBlog | ミツエーリンクス
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
After Effectsで作るアイコンアニメーション | フロントエンドBlog | ミツエーリンクス
この記事はミツエーリンクス Advent Calendar 2020 - Adventarの16日目の記事です。 近年、新しいUIデザ... この記事はミツエーリンクス Advent Calendar 2020 - Adventarの16日目の記事です。 近年、新しいUIデザインツールが次々とリリースされ、シンプルな画面遷移やアニメーションならデザイナーでも簡単に作ることができるようになりました。これをきっかけに、動きをデザインすることに興味を持ったデザイナーは多いのではないでしょうか?そんなデザイナーの方々に「After Effectsで作るアイコンアニメーション」を紹介したいと思います。 準備するもの パスのみで作成されたアイコン(.aiファイル) 今回サンプルで用意したアイコンはシンプルなメールアイコンです。こちらをアニメーションさせていきます。 ① After Effectsにaiファイルを読み込む メニューバーの「ファイル」から「読み込み」を選択し、対象のファイルを「コンポジション - レイヤーサイズを維持」で読み込み