Works

ポートフォリオTOP

メインビジュアル
スキルアイコン
Thank you for watching.

などのアフターエフェクトを使用してのアニメーションに関して

2023.05.14制作

つなぎ、結ぶ

スクロール矢印

作品3

作品03デザインカンプ

デザインコンセプト

●ポートフォリオ全体のアニメーションのテーマ:つなぎ、結ぶ
私が仕事をする上で、大切にしていたことは「次の縁に繋げて結ぶこと」です。インハウスデザイナーとしてデザインをしてきましたが、営業が汗水垂らして出会ったクライアント様の請負の仕事もしていました。いつも営業の並々ならぬ努力を側でみていました。だからこそ一度きりの縁にしないように、次に繋げることを意識して精一杯仕事で答えること。それを表現しようと思いました。

制作期間(独学のため色々試しながらの制作)

●メインビジュアル「1週間」
●スキルアイコン「2日」
●Thank you for watching.「1日」

使用ソフト

sAfterEffectアイコン

AfterEffect

Illustratorアイコン

Illustrator

使用色

●メインビジュアル:4色で様々な人との出会いを毛糸玉で表現
●スキルアイコン:グレーを基準にそれぞれのソフトのロゴで使用されているカラーに近いものを選択
●Thank you for watching.:ポートフォリオの文字色は黒。その黒と、メインビジュアルで使用している4色を丸に使用

アニメーションのこだわり

●メインビジュアル:はじめに毛糸玉がバラバラでも綺麗に散るような動きを考えました。毛糸玉が転がりながら糸が出てくるアニメーションは「毛糸玉」と「糸」が離れないようにくっついて見えるように何度も調整しました。 糸に見えるようにアニメーション全体的に均一の太さではありません。例えば最後に引っ張られているところは端が狭くなるように調整しています。

●スキルアイコン:地面でバウンドして躍動感を表現。文字のロゴは線画縮まるアニメーション。イラストのロゴは回転するアニメーション。一番こだわったアニメーションは「イラストレーター」のアイコン。「i」の上の丸をボールにみたて枠内で跳ね返るイメージで制作しました。

●Thank you for watching.:ポートフォリオ全体で使用している丸が転がり、文字の上を跳ねて、最後のドットで弾ける。最後の弾けるところがとにかくやってみたかったアニメーション。こだわりは、文字の上で丸がバウンドした際に文字がへこんでバネのように見えるよう制作しました。

Visit Website