![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/2f47c4b7-0105-4f32-be45-818d5f55ae22_rw_1200.gif?h=057f9093b07aebc0a9c6c72806ce0fbb)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/d077866f-8d3e-4c5b-bda6-9a8dd44e0fee_rw_1200.gif?h=0aacf3344f90287c996e488cfcaf50c2)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/9eeace79-7c03-4724-baac-99f4697f03ee_rw_1200.gif?h=81233a3b9d74bb329672c667d364f4a1)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/2dba956a-57a2-454c-a8de-c80eeb25baeb_rw_1200.gif?h=a1d40a06361ab51e1ac3993175dc3acf)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/9535d12f-0287-4421-9575-eb7c6cda5355_rw_1200.gif?h=efd2c439f38306371bce5caaddc30800)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/8ee29703-5357-4b32-8eb2-98318a4f8339_rw_1200.gif?h=c6f24871e84583887510291ae548e3d1)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/e1b60303-fc09-42c5-b661-bc9b9b8028c8_rw_1200.gif?h=05db6c451cf937efacf97283375847b0)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/6005239a-7294-40d0-b25a-abb7a1c1577b_rw_1200.gif?h=771a53f76384f2778b2cdb35fc700473)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/8e0449cf-eeb8-4e24-8d7e-ddf548e1a4cd_rw_1200.gif?h=313da2ff256138ece727f2741c2b8684)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/7d594b23-1d70-49ee-a8ce-5d46f2d09013_rw_1200.gif?h=c10b5de10870eee5b876fab140182c7c)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/f8bc69ed-ffa1-42c5-8de5-d46bed5591a3_rw_1200.gif?h=201cb8606fb51978772564278df1db57)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/da030a08-58dd-408a-ae11-d65837ba3048_rw_1200.gif?h=2b9ad474a9128e0fee6f3e8bd6c3508d)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/0ad1018a-c427-4a16-9dcc-d25d77a2e92d_rw_1200.gif?h=17c072befecfa059e57665fb14c53df7)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/08d66052-8e9b-403b-8b17-afe476022e9e_rw_1200.gif?h=4a767650c656a87f75c2a2f0a59fb72d)
ABOUT
グラフィックデザイナー岡本太玖斗氏の個人制作「The 13 Symbols」にてモーションデザインを担当。
「The 13 Symbols」は、日本の13省庁のシンボルマークの再設計プロジェクト。
制作にはAfter Effectsを使用。一部 物理演算や立体化はopenFrameworksを使用したC++のコーディングで実現した。
CONCEPT
僕にとってモーションデザインとは、翻訳です。
グラフィックを動かすことで、デザイナーが形に込めた意図をより多くの人に瞬時に直接に伝えられます。
太玖斗氏からそれぞれのマークに込めた意図を聴き取り、そのイメージが最も直感的に伝わよう、丁寧に動きへ翻訳しました。
PROCESS
聴き取ったキーワードを元に、連想される事物や動作を整理し、13全体でバランスが取れるよう、組み立てていきました。
Illustratorのベクターを徹底的に細分化・データ化し、After EffectsやopenFrameworksへ移植して動きを付けていく手法を取りました。
自然界の物理的な動き、ただ滑らかでない引っかかりのある動きを多用し、映像に確かな重みを持たせることを意識しました。
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/0e462530-8d20-4a93-b72f-2e0303740973_rw_600.jpg?h=93dd9dab0b6c639c366ef7b2b712b650)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/c15f6933-d60c-4399-8435-70e46c3922f1_rw_600.jpg?h=d964b2f5451c86911f1a96f8ea17d9f2)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/99cad7ef-8364-4261-846d-c93e087058e2_rw_600.jpg?h=867b2c9d0291d43f98c4d14edf1814e2)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/4635e8d1-e737-4e65-8f29-08aac8d24f6a_rw_600.jpg?h=a792dee0f582aafe0feda3b589bc000d)
Translation
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/6af33570-1c59-4a19-a057-de0055db24b6_rw_1920.png?h=13ad8d0d55aaf5c204e21b23328dc801)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/a2d40bba-d199-44d5-8745-33f111f6560b_rw_1920.png?h=a17e2d3f8cbc78cf269104f8332ac448)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/f070f71d-67de-42e8-ae2f-4b9dfb2a611c_rw_1920.png?h=61c49261975fd5c582df09a09b2ad949)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/b111c053-12ea-4ef9-9a21-289f776fe5c0_rw_1920.png?h=7b778ed0025560be2986e618a32ee12e)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/fbf8fd5c-070d-4eb9-9072-b3a9f4bd6148_rw_1920.png?h=302dcecf88fd8b347c6224db8bb9a966)
![](https://cdn.myportfolio.com/265663f5-d9c6-4755-a5ab-486472396041/8202cfdb-9e46-4422-abc5-a6d8af9b8e56_rw_1920.png?h=66a38b3d295be2156e8003e28508fd33)
Production
DATA
What : モーションデザイン
When : 2021.01
Hardware : MacBook Pro
Software : After Effects, openFrameworks, Xcode, Illustrator
Client : Takuto Okamoto
Art Direction, Graphic Design : Takuto Okamoto
Motion Design : Toshiki Okamoto
INSPIRED
井口皓太
中村勇吾
小島淳二
Pentagram
illo
SPIN
DIA
RUDO
エヴァンゲリオン(film)
Star Wars(film)
Transformers(film)
2021 © Toshiki Okamoto