After Effects

個人的に参考にしたいおすすめのモーショングラフィックスまとめ

デジタルサイネージやWebCMなど、様々なところで見かけるモーショングラフィックス。

動きだけでなく、デザインなども参考になりますよね。モーショングラフィックスと言っても色々なものがありますが、今回は映像を作る際に参考にしたいおすすめのモーショングラフィックスをご紹介します。

使われてそうなテクニックや関連しそうなキーワードも記載しているので、チュートリアルなどを探す手掛かりになれば幸いです。

モーショングラフィックスでよく見る表現
【知っておきたい】モーショングラフィックス作品によく見る表現3選こんにちは。hiroです。 今回は、モーショングラフィックスの作品でよく見るデザインや表現を3つほど紹介したいと思います。 <①...

Contents

おすすめのモーショングラフィックス

NERDO

https://vimeo.com/nerdo

#Corporate Memphis #Texture Animation #Explainer Video

Ordinary Folk

https://vimeo.com/ordinaryfolk

#Geometric Pattern #Line Animation #Illustration #2D/3D Seamless

20

Creator:いっしん

#Shape Animation #Geometric Pattern #Flat Design #Extreme Seamless #Artistic #Colorful #Vocal Chop #8bit Sound

ahamo

#Composite #Colorful #Color Long Shadow #Photomontage #Pop Text Anim #Color Layered Text #Geometric Transition #Promotion Video

FITC Tokyo 2015 Titles

Ash Throp – https://vimeo.com/ashthorp

#Artistic #Title Animation #Epic #Seamless #Futuristic User Interface #Designing Text #Detailed Texture #Glitch #Symbolization #Coding

Apple WWDC 2013 Keynote Intro Video

#Black and white #Shape Animation #Circle Animation #Dot Animation #Line Animation #Newton #Repulsion #Focus #Wind #Branding

AppleMotiongraphic_Tutorial
モーショングラフィックスのお手本のようなApple WWDC 2013のチュートリアルこんにちは。 今回は、MacやiPhoneで有名なAppleが2013年に公開したモーショングラフィックスのお手本のような作品を紹...

Google Japan Android CM

#Illustrate #Characterize #Character Animation #Flat Design #Percussive #Google-like

こちらも好き「Google Chrome : Hatsune Miku (初音ミク)

モーションインフォグラフィックス

KIRIN × ONE MEDIA

#Logo Animation #イラストアニメーション #Drawing #2.5D #Fake 3D #Texture #Seamless #Posterize time #Story Telling

LINE WORKS

#Shape Animation #Explainer Video #Mobile App #Flat Icon #Flat Design #Thin Line Animation #2D/3D Seamless #Neumorphism #Shadow #Network

ポカリスエット

#Line Animation #Flat Design #Motion Infographics

JCB

JCB

https://vimeo.com/169053126 

#Commercial #Flat Design #Dot #Graphical #Seamless

パララックス

LEXUS × INSIDE GREAT MINDS (LONG)

#縦動画 #インタビュー #パララックス #Texture Animation #2.5D #Fake3D #3D #Seamless #Transition #Typography #Graphical #Glitch #Collage #Cool

インタビュー

New Balance ×「THE INDEPENDENTS #らしさは強さだ」三浦大知

#縦動画 #インタビュー #Typography #Hand-drawing Effects #Time-Remapping #Mirroring Footage

TOYOTA × 平成振り返り #3 kemio

 

#インタビュー #Anim Effects #Smoke Element #Liquid Transition #Bounce Animation

イラスト / 質感 / テクスチャ

「メトロノーム」 – 米津玄師

#Illustration #色彩 #Texture Animation #女の子

ヨルシカ – 晴ひさぎ

#Illustration #色彩 #Texture Animation

「ライラック」 – 美波

#Illustration #女の子 #鳥 #Lyrics #Typography #写真

ヨルシカ – 言って。(Music Video)

#アニメーション #イラスト #写真 #Wiggle Edge #RGB Split #Channel Shit

音と連動した作品

ハイスイノナサ 地下鉄の動態

WAVE REFLECTION

Sonar

モーションタイポグラフィ・キネティックタイポグラフィ

ぼくのりりっくのぼうよみ – 朝焼けと熱帯魚

#Lyrics Video #Shape Animation #Typography #3DCG #Cinema 4D #Texture Animation #2.5D #Glitch #Chromatic Aberrationn #Distortion #Illustration #MV #男性ボーカル

HaKU「everything but the love」MV

#MV #Lyrics Video #Black & White #Kinetic Typo # 3DCG #Graphical

Word as Image

リリックビデオ

ひとり旅 – 瀬名航 feat 鎖耶

#Lyrics Video #Shape Animation #Illustration #MV #女性ボーカル #Kawaii #写真 #Film Burn

うっせぇわ – Ado

#Lyrics Video #Typography #Texture Animation #2.5D #Glitch #Illustration #MV #女性ボーカル

「Baby you Can Cry」 – AI

#Lyrics Video #Typography #手書き文字 #Doodle #Wiggle Text #Liquid Animation #MV #女性ボーカル

DADA – RADWIMPS

Taylor Swift – Gorgeous(Lyric Video)

実写合成系

Night Scroll

#実写合成 #Tracking #Shape Animation #Glow

Armin van Buuren feat. Trevor Guthrie – This Is What It Feels Like (Official Lyric Video)

#実写合成 #Tracking #Shape Ainmation #Lyrics Video #Typography #Glow #MV

Easy Breezy / chelmico

#MV #実写合成 #3DCG #Deform #Digital Double #Pop #Geometric Pattern #Liquid Animation #Memphis #Comic #Sketch & Toon

GRADES – KING

Unleash your Fingers

HUD・UI系

Oblivion

Ender’s Game

3DCG系

Vanishing Point

Cornelius 『あなたがいるなら』If You’re Here

実写作品

Monolink – The Prey

※映像が切り替わりまくるので注意してください。

個人的に好きなモーショングラフィックス

ANA “Network”

 

個人的に好きなWillie Russellさんの作品。夫婦でWebと映像のフリーをしているようで、ポートフォリオではたぶんCinema 4Dで作られたと思われる作品も見ることができます。

Willieさんのモーションリール

 

知っておきたいモーショングラフィックスの会社(国内)

ALLd.(https://vimeo.com/user39327780
LIKI Inc.(https://vimeo.com/likiinc
GORAKU inc.(https://vimeo.com/user21228537
A4A(http://a4a.jp/
株式会社ナナメ(https://vimeo.com/naname
Onesal(https://vimeo.com/onesalstudio

知っておきたいクリエイター(国内)

レオルさん / いっしんさん / 12sさん / 朝倉するぐさん / ヨシダタカユキさん / Nateさん / bondbondさん / TatsuyaM™さん / 水野 開斗さん etc…

最後に

今回はパッと思いつくおすすめのモーションを紹介させていただきました。

また、機会があればジャンル別におすすめの作品を書ければと思います。

最後まで読んでいただきありがとうございました🙂

 

WaveWarpTrail
【チュートリアル】波形ワープを使ったWave Trailの表現(#After Effects)NoSleepCreativeさんから、波形ワープを使ってトレイルを作るチュートリアルが公開されています。 時々モーション作品で、...
DigitalAgingTutorial
【チュートリアル】FaceApp/EbSynth/AEを使ったエイジングエフェクト今回は、スマートフォンアプリ「FaceApp」と無料のAIソフト「EbSynth」 After Effectsを使ってエイジングエ...
After Effects使いが絶対に持っておきたいプラグイン/スクリプト/エクステンションまとめ【2021版】こんにちは!hiro(kotsuxkotsu)です。 After Effectsの機能を拡張するプラグインやスクリプト、エクステン...
thumbnail_AdobeCCをほぼ半額で使う方法
【45%オフ】全員知っておいてもらいたいAdobe CCをほぼ半額で購入する方法(商用可)今回は、全員に知っておいてもらいたいAdobe Creative Cloud(以下、Adobe CC)を、 最大45%オフで購入す...
\ Adobe CCを通常版で使っている人は必見 /

Adobe CCを通常版で購入している人は以下の買い方だと
月額費用を約6,000円→3,300円とほぼ半額まで節約できます。
節約した金額をプラグイン代などに当てた方が効果的なので、
よければ以下の記事を読んでみてください。

thumbnail_AdobeCCをほぼ半額で使う方法
【45%オフ】全員知っておいてもらいたいAdobe CCをほぼ半額で購入する方法(商用可)今回は、全員に知っておいてもらいたいAdobe Creative Cloud(以下、Adobe CC)を、 最大45%オフで購入す...