kakokawabox.prpr

madの作り方と動画の紹介・まとめ

#50『MOTHERLAND』メイキング(2/2)技術編

 

 『MOTHERLAND』メイキング(1/2)企画編に続いての技術編です。何かの参考になれば幸いです。

oomugi.hatenablog.com

  

――――――――――――――――――――――
目次
1.技術解説
 1.1.冒頭MGパートの画面の乱れ
 1.2.火
 1.3.うねうねと脈動を打つなにか

 1.4.ちゃまねっとりタッチ
 1.5.波形が3色に分離して乱れる
 1.6.ぐちゃぐちゃに変形した球面
 1.7.UMBILICAL UNIT 149(意味不明)

 1.8.薫ちゃん・仁奈ちゃんバキバキ破壊

2.おわりに
―――――――――――――――――――――― 

 

1.技術的なこと
1.1.冒頭MGパートの画面の乱れ
(冒頭に限らず至る所で使用していますが...)ノイズを適用するための元素材を複数種類作成([フラクタルノイズ])し何重にも適用しています。
▼最終形f:id:oomugi839:20180415141458p:plain

▼ノイズ適用素材。[フラクタルノイズ]で作成
大きさ、動き方、形に変化をつけて作成。

f:id:oomugi839:20180415141428p:plain f:id:oomugi839:20180415141434p:plain f:id:oomugi839:20180415141438p:plain

f:id:oomugi839:20180415141442p:plain f:id:oomugi839:20180415141446p:plain

▼白黒動画素材に予め作成しておいたMG素材を重ねるf:id:oomugi839:20180415141505p:plain

▼ノイズ用素材を調整レイヤーとして上乗せ[モザイク]、[時間置き換え]適用f:id:oomugi839:20180415141516p:plain

f:id:oomugi839:20180415141521p:plain

 

1.2.火
▼以下のBlenderチュートリアルを参考に。f:id:oomugi839:20180419200118p:plain

www.youtube.com

 

1.3.うねうねと脈動を打つなにか
▼有機的な動きは[タービュレントディスプレイス]、[輪郭検出]を50%程度適用すると[モザイク]の輪郭が浮き上がるのでなんとなくデジタル感UP。ちなみに元の画像はNASA無人探査機ジュノーの撮影した木星表層の画像。綺麗です。f:id:oomugi839:20180415141627p:plain

 

1.4.ちゃまねっとりタッチ
▼気持ち悪い感じの手の動きはグリーンバック撮影したもの。数フレーム遅らせて指動画を別に配置し、調整レイヤー化し、[ae pixcel sorter]を適用して指で擦った跡が残るように演出。キモい。GOOD!f:id:oomugi839:20180415141735p:plain

 

1.5.波形が3色に分離して乱れる
▼シェイプレイヤーにパスのウィグルを適用してうねうねさせる。レイヤー複製し[ブラシストローク]を適用して線を乱れさせる。RGB3種を用意する。はじめ[ラフエッジ]を使おうとして、間違えてブラシストロークを使ってしまったけど、想定よりもいい感じだった。f:id:oomugi839:20180415141822p:plain

f:id:oomugi839:20180415141829p:plain

 

1.6.ぐちゃぐちゃに変形した球面
▼以下のBlenderチュートリアルを参考に。
f:id:oomugi839:20180419200209p:plain

www.youtube.com

 

1.7.UMBILICAL UNIT 149(意味不明)
▼最終形

f:id:oomugi839:20180415141912p:plain

▼Trapcode Mirで帯の素材4種作製、Particularで細いラインを作成
f:id:oomugi839:20180415141921p:plain f:id:oomugi839:20180415141927p:plain

f:id:oomugi839:20180415141937p:plain f:id:oomugi839:20180415141944p:plain

f:id:oomugi839:20180415141951p:plain f:id:oomugi839:20180415153319p:plain←テクスチャ用素材
↓重ねるf:id:oomugi839:20180415141958p:plain

 

1.8.薫ちゃん・仁奈ちゃんバキバキ破壊
▼最終形

f:id:oomugi839:20180415142010p:plain

▼[シャター]破壊パターンを2種作製。肌とその他の部分を[抽出]で分けている。
f:id:oomugi839:20180415142046p:plain f:id:oomugi839:20180415142051p:plain

▼シャター素材をもとにMirで線、Ae pixel sorterでノイズ素材作成
f:id:oomugi839:20180415142033p:plain f:id:oomugi839:20180415142028p:plain

▼背景を[フラクタルノイズ]と[輪郭検出]で作成f:id:oomugi839:20180415142058p:plain

▼合成f:id:oomugi839:20180415142106p:plain

 

2.おわりに
かわいい女の子の画像を壊すのが楽しかったです(
昨年の8月から製作し始めて約8か月かかったわけですが、なんとか完成してよかったです。反省点として、構成がわからない、内容が入ってこない画作りで全体的に何がしたいかわかりにくい映像になってしまったなと思います。次はもっとシンプルで具体的な表現ができるように頑張ります。やりたいことを表現するため、伝えるための創造力・想像力を鍛える必要があると実感した本作でした。


ここまでお付き合いいただきありがとうございました。
また、たくさんの広告を頂きありがとうございました。この場を借りて謝意申し上げます!

ロリに幸あれ!それでは~ノ

 

#50『MOTHERLAND』メイキング(1/2)企画編

こんばんは。いつものごとく製作したmadの簡単なメイキングを書かせていただきます。今回は少し内容がかさむので、「企画編」と「技術編」の前後編2回に分けてお送りします。前半では、本作の製作背景やデザインリファレンスのピックアップ、後半では具体的な映像効果の作り方や参考にしたチュートリアル動画などをご紹介します。

 

後編(技術編)はこちら

oomugi.hatenablog.com

 

 

―――――――――――――――――――――――――――――――――――
企画編目次
1.『MOTHERLAND』とは結局何なのか(妄想)
2.リファレンス
 2.1.デジタルノイズ
 2.2.ニコニコ動画関連
 2.3.WEB記事
 2.4.Twitterモーメント
 2.5.お借りしたもの
―――――――――――――――――――――――――――――――――――

 

1.『MOTHERLAND』とは結局何なのか(妄想)
端的に言えばロリコン隔離システム。ロリコンコンテンツの需要拡大とロリコンへの不信感を募らせた社会の反発に対応するために生み出された高度シミュレーションコンピュータ。幸福な夢の無限供給...システムと同期していく中で、消費者たちの無自覚なロリ支配構造は徐々に逆転し、システムの被支配者となっていく。

社会から隔絶されても、支配されても、いままで叶わなかったことが実現できるなら喜んでシステムに飲み込まれようとする人っていそうだなと思って作りました。そしてそれがテクノロジーの進歩によって簡単に・低コストに実現できるなら倫理的に悩ましくても社会もまたそれを推進するだろうと。自由と引き換えにシステムの庇護をうける...最高にママーーッ!!って感じです。

以下は、各カットのイメージ
 

▼徐々にシステムと脳が同期していく。脳とコンピュータが接続するイメージでワイヤーフレーム使うのはもう古いでしょうか。f:id:oomugi839:20180419200045p:plain

▼同期後、急速に励起。インフレーションする妄想世界f:id:oomugi839:20180419200051p:plain

f:id:oomugi839:20180419200056p:plain

▼徐々に蒸発して消耗していくf:id:oomugi839:20180419200101p:plain

▼世界に蔓延る消費物としてのロリアイドル。Google検索よりf:id:oomugi839:20180419200107p:plain

▼妄想に鍵をかける、見えなくするイメージf:id:oomugi839:20180419200112p:plain

▼ロリ消費への社会の反発。燃やせ!f:id:oomugi839:20180419200118p:plain

▼黒色のレターと”招待状”。封筒はデレステのガシャよりf:id:oomugi839:20180419200124p:plain

▼ぼこぼこと湧き上がる消費衝動f:id:oomugi839:20180419200131p:plain

▼システムにより暗号化と復号が繰り返されている、すべての妄想はヒトの脳に直接保存される。f:id:oomugi839:20180419200136p:plain

▼胎動するグロテスクな胚。元の画像はNASA無人探査衛星ジュノーによって撮影された木星の姿。f:id:oomugi839:20180419200141p:plain

▼被支配者のバイタルログ。スマホで閲覧・操作可能ってちょっとこわい。波形はδ波。ぐっすり眠っているときの波形らしい。f:id:oomugi839:20180419200146p:plain

▼うろたえる手。背景はエロ同人誌の表紙とかをランダムに配置f:id:oomugi839:20180419200150p:plain

▼触れた瞬間。支配する側から支配される側へ(どこかで聞いたことあるな...)f:id:oomugi839:20180419200155p:plain

▼脳神経を模したワイヤーフレームは血痕に変形する。f:id:oomugi839:20180419200200p:plain

f:id:oomugi839:20180419200203p:plain

 

▼黒の核とズタズタの膜。なにとは言わないf:id:oomugi839:20180419200209p:plain

▼システムと脳をつなぐ通信網(へその緒)。毒々しくも鮮やかで美しい情報が流れている。なんやねんUMBILICAL UNITって...
f:id:oomugi839:20180419200214p:plain

▼破損するロリと内側に見え隠れする毒々しい本質f:id:oomugi839:20180419200221p:plain

▼MOTHERf:id:oomugi839:20180419200228p:plain

▼ママ。昨年のニコニコ動画でのデレマス一挙放送の時のキャプチャ。ばぶみ勢の叫びがいい味出してる!f:id:oomugi839:20180419200233p:plain

▼お腹の中の赤ちゃん。Youtubeにエコー撮影動画を上げてる人がいたので拝借。まさかこんな動画に使われるとは思ってもみなかっただろうな。ごめんなさい!大きく育つことを祈ります!f:id:oomugi839:20180419200238p:plain

▼透明な核と優しく包む青い布。純粋な心と聖母の羽織をイメージ。f:id:oomugi839:20180419200242p:plain

▼膿をまき散らしながらうごめく黒い核。条理にそぐわぬものは力尽きて地面に落ちる。空間は適当なデザイン。f:id:oomugi839:20180419200246p:plain

▼MOTHERLANDの正体。巨大なメモリ群と散らばるメモリたち。形は2001年宇宙の旅を参考にパクった()。f:id:oomugi839:20180419200251p:plain

f:id:oomugi839:20180419200035p:plain

▼冒頭のモノクロMGパートと同様のカットを用意。完全にシステムと同期した状態ではノイズもなく色彩も穏やか。システムの支配に身を任せる。死f:id:oomugi839:20180419200040p:plain

 

 

2.リファレンス
2.1.デジタルノイズ
イメージ破壊のリファンレンスとしてグリッチ、ディスプレイス系の効果を多用した作品を参考にした。いずれも素晴らしい作品なので是非ともご視聴頂きたい。
  

 ▼Olga Bell - ATA /  橋本麦
みんな大好き橋本麦さんのMV。画像の変形、破壊の仕方が特徴的です。変形の3次元曲面的な処理が楽しい。

www.youtube.com

 

▼The Others / Hiroshi Kondo
ハイスピードカメラを利用した空間全体の静と動の演出にくわえ、空間の伸び縮みにより自己と他者の持つ時間の差を浮き彫りにする演出にしびれる。どうやって作ってるんだろう。謎過ぎる。vimeo.com

 

▼GIK_ / Fede Maksimiuk
モノクロと青の色彩が美しい。グリッチタイポグラフィのモーション、レイアウト、タイミングの調整が絶妙。ノイズを完全に制御してやろうという強い意思を感じる。
vimeo.com

 

▼Reel - 2017 / 駿
新進気鋭のクリエイター、駿さんのリール動画。画面全体にフィルターのように適用されたノイズを真似してみた。フラクタルノイズ最高!vimeo.com

 

▼2017 cut / Pershin
ピクセルソート効果が少し前に流行していましたが、こちらの動画では3次元の建築物をとかすように演出されている。2次元の画像処理効果が3次元空間上で再現されるととても不思議な感覚に陥る。vimeo.com

 

▼Zurich 2.0 / Dirk Koy
360度動画からフォトグラメトリ技術を駆使して3D空間モデルを起こした映像(?)メッシュの穴や千切れたような輪郭がいい味を出している。360度動画なので回してみるだけでも楽しい。vimeo.com

 

▼Ataxia "Glitch" / bif
3Dモデルの断面の描写が好き。波形ワープやピクセルソートなどなどポストエフェクト的に処理しがちなエフェクトも3D上で再現されたらこういうふうに見えるのかなと楽しくなる。

vimeo.com

 

▼MUSIC SAVES TOMORROW / 
スリットスキャンという手法を用いた映像。画面の一部分が時間差で再生されることで、不思議な映像に仕上がる。
vimeo.com

 


2.2. ニコニコ動画関連

 

2.3.WEB記事

wired.jp

wired.jp

wired.jp

www.gizmodo.jp

news.nicovideo.jp

j-th0610.jellybean.jp

 

ニコニコ大百科: 「ロリコン」について語るスレ 1番目から30個の書き込み - ニコニコ大百科

875 : ななしのよっしん :2012/06/06(水) 11:30:57 ID: GC5GtMn7o2
幼女が好きだ。
幼女を好きになるのに性的な欲望を心に秘めて付き合ってはいけないと思って性欲と一時期決別して、もうおよそ8年ぐらい子供大好きなんだけども、そのせいか付き合うっていう言葉ですら一緒にいたい、一緒にどこかに出かけてたくさん喋ってみたいな、性的なもの抜きでの意味合いでしか捉えなくなって、付き合うってそういう意味だったの!?ってもうすぐ二十にもなるのにようやく気づき始めてるんだけど、付き合うって最終的には やっちゃうみたいなのが含まれてるもんなの?

876 : ななしのよっしん :2012/06/08(金) 10:56:42 ID: xISdHuUCHV

>>875
もうすぐ20だというのに情けないやつだな。自分で答えを出すんだ。

877 : ななしのよっしん :2012/06/24(日) 23:51:39 ID: MQjNtbAvTP

>>875 それは努力の方向が逆だと思われる。
癖をつけるなら性欲と異性への愛情を分離しようと努めるんじゃなく、むしろ伴うようにすべき好きと思った瞬間胸や……を触りたいと欲し、触りたいと欲した瞬間ずっと大切にしたいと思う、そうなるべき
性欲に異性への愛情が常に伴うように癖をつければ、異性として楽しめるのは結局、見た目・性格の好みだけでは足りず、精神的に大人の女だと感じるだろう(女は元から分離しないためか、ショタコンなど幼児性愛者は少ない)
エロゲとかで愛されるロリキャラは、よく見ると設定・見た目・口調とかの記号がロリなだけで、精神的には悟りを開いた如く成熟した、自分自身は満たされて他者への慈愛に満ちた性格が多い(だから現実味がない)

茶化してすまんな。
コメント欄にはファッションロリコンや創作における作者のあるべき姿勢なども批判・議論されている。思っているより深い問題のよう。

 

claranomor.exblog.jp

 

2.4.Twitterモーメント
(その他影響を受けた記事や作品、進捗画像など雑多にまとめてます。エロあり注意)
twitter.com

 

 

2.5.お借りしたもの

www.nicovideo.jp

 

 

前半はここまで。技術編はこちら

oomugi.hatenablog.com

 

#49 『Moonlight』メイキング

www.nicovideo.jp

↑はお借りした動画です。どれもかわいいです。この中だと曲は冬空プレシャス、映像はWonder goes on!!の躍動感あるカメラがすき。

以下はちょっとした感想です。

 

1.何かを成すときの勢い、これ大事。
 努力を怠たるのは勿論よくないことと思いつつ、理想ばかり肥大化させてしまい、手が動かないことが最近続いています。具体的な解決策が見つからないときはもう「平凡」に舵を切ってしまうのが最近の私のやり方です。(どっかのザッカーバーグ氏も言っていたが…)「出来上がらない神MAD」より「出来上がった凡MAD」のほうがはるかにマシと自分に言い聞かせ、甘えと妥協全開で制作しました。甘えすぎるとそのうち逆の志向になると思うけどその時はまた舵を切りなおすだけ。

 

2.構成不良はさすがに甘えすぎ/選曲はひらめきを大切に
  特に構成は考えてないけど、出だしのサビ(しぶりん~~~~☆)とサビ入り周辺の音と映像のはめ方は自分でも気に入っている(しゅがは~~~~♡)。Aメロがダレているのは私の根性が足りないから。動画素材ベースのMADは動きがあってなんやかんや音に乗ってしまうだけに構成の吟味を甘めにしてしまう悪い癖がある。

  銀河と迷路は神曲。久しぶりに聴いてみたらい~~ねっ!って感じでひらめいた。情熱的だけど暑苦しくない。むしろ月の静けさ・美しさ・切なさ・冷たさみたいな要素があって二次元アイドルが大好きでたまらない永遠の片思い病絶賛発症中のオタクのちょっと儚い恋(?)心とぴったり合うと思う。ジャズチックなので、同種のイリュージョニスタ!の映像を冒頭にねじ込み高揚感を出した。成功したかは知らない。

 

3.やっぱりロリが一番では?
  今回、しっとり恋愛雰囲気を醸したかったので登場するキャラは思春期真っ盛りからちょっと成長していそうな高校生以上の年齢層に絞った。逆に言えばロリは出さない方針でいた。で、いたのだが、好きなキャラがいればぶち込まずにいられないのが私の性で、ついついありすちゃん、薫ちゃん、佐々木千枝さんを組み込んでしまった。私はロリコンじゃないと思ってたんだけど...なんなんだろうな彼女らの引力は。

 

4.コマ飛ばしでさよならもっさり感!
  今回は既存動画素材ベースのMADであるため、映像と楽曲のシンクロにちょっとだけ気を遣った。長めの尺のカットでかつカメラがゆっくり動くカットでは意図的に数フレーム飛ばして画面の速度感を調整した(1:06~、1:39~)。(よくある方法!)

 

以上です。それではまた!

 

 

 

#48 『The New Ruler』メイキング

皆様あけましておめでとうございます!&お久しぶりです。
本稿は約1年ぶりのMADとなる「The New Ruler」のメイキングとなります。
以下目次…

――――――――――――――――――

1.制作の経緯
2.テーマ、コンセプト的なこと
3.技術的なこと
4.リファレンス
5.おわりに

――――――――――――――――――

 

1.制作の経緯
  本作は約4年前の2014年3月に投稿したまどマギMAD 「Last piece」(4.リファレンスにて記載)の続編として制作したものです。叛逆の物語劇場公開以降、何度か制作を試みてはいたのですが思うような形にならず、昨年11月ごろにやなぎなぎさんの歌う「時間は窓の向こう側」に出会ってから作業が進み、ようやっと完成にこぎつけた次第です。個人作の制作に限定していえばNEWGAME! MAD以降1年ぶりとなります。

 

2.テーマ、コンセプト的なもの
  特にはないです。意識したのは前作「Last piece」との対比として全体的に赤みがかった色調に調整していることくらいです。

 

3.技術的なこと
3.1.フレア+ノイズのつくりかた

f:id:oomugi839:20180122203215p:plain▲完成形
フラクタルノイズで作成したフレアを着色して素材とし、複製したレイヤーを合成モードを変更してベース素材に重ねています。

 

f:id:oomugi839:20180122203116p:plain
▲ベース素材

 

f:id:oomugi839:20180122203128p:plain  f:id:oomugi839:20180122205132p:plain
▲フレア素材×2

*****

f:id:oomugi839:20180122203138p:plain
▲(手順1)[フラクタルノイズ]で大本のフレア素材を作成する(+unmultで黒色を透明化してます)

 

f:id:oomugi839:20180122203133p:plain
▲(手順2)[塗り]エフェクトを追加


f:id:oomugi839:20180122203149p:plain f:id:oomugi839:20180122203142p:plain
▲(手順3)[フラクタルノイズ]をもう1つ追加する。エフェクト内の合成モードを「色相」に設定する。

 

f:id:oomugi839:20180122203122p:plain
▲(手順4)[ブラー(カメラレンズ)]でなじみ具合を微調整

 

f:id:oomugi839:20180122203128p:plain + f:id:oomugi839:20180122203116p:plain

f:id:oomugi839:20180122203242p:plain
▲(手順5)手順4で作成したレイヤーをモード「ビビッドライト」で合成。さらに、レイヤーを複製し、フラクタルノイズのパラメーターを適当に設定したものをモード「比較(明)」で合成。

 

f:id:oomugi839:20180122203224p:plainf:id:oomugi839:20180122203215p:plain
▲(手順6)手順2の要領で光が差したような[フラクタルノイズ]素材を作成し、モード「スクリーン」で合成。

 

f:id:oomugi839:20180122203202p:plain
▲(手順7)Magic Bullet Looksでパパッと青っぽく色調補正しておわり

 

3.2.プリズム
 こちらのBlenderプラグインを使用しました。とてもきれい。お手頃(1000円くらい)なのでおすすめです。

f:id:oomugi839:20180122203206p:plainPrism - Fast & advanced glass shader for Cycles - Blender MarketPrism - Fast & advanced glass shader for Cycles - Blender Market

 

4.リファレンス


▲キャラモーションやカメラ、空間の使い方など何から何までやばいやつ。Live2Dを利用したアニメーションにぜひ注目してほしい!

 


▲気だるい曲調で、作品世界から1歩引いた視点でまどマギという作品を客観視させてくれるよう。曲に乗りまくって「感動」性を押し出す作品(悪いという意味ではない)とは一線を画している。2次創作であるMADの作られ方としては私の好きな距離感を持っている作品だと感じます。

 


▲木や時計のオブジェクトやテクスチャーの数々。雰囲気作りが素晴らしい。読ませるテキストの出し方も多種多様で学ぶところが多いです。

 


▲前作
あれからもう4年も経ったんだなぁ…。ちなみに本作The New Rulerでは、ほむらが「いままでの出来事すべてをひっくり返す」という意味を込めて、前作Last pieceの映像をノイズエフェクトまみれにして使用しています(恍惚顔ほむらの次のカット)。

 

5.おわりに
 とりあえず完成してよかったです。ここ数年は延々終わらない作業を繰り返してきたので、高望みせずきっぱり終わらせるのも1つのやり方かなと思いました。無限に時間をかけても無限に質が向上するのか…と言われれば、NOだというのは自明の理だと思うので、質とスピードの良いバランスをとれるように今後は計画的に制作していきたいと思います。

 

 

 

 

 

 

 

 

それでは恒例のぉ~~~~~~~~~☆彡☆彡☆彡

 こん’ず と!

 

 

 

 

 

 

 

 

 

 

 

\ ば  ぶ  み /

 

(♪) おぎゃあッ!オッオギャア!!オギャア!!オギャッ!バブバブッ!!

 

f:id:oomugi839:20180122213253p:plain

 [出演]ちえママ(11)、ももかママ(12)、かおるママ(8)、になママ(9)、みりあママ(11)

 

 

 

 

犯罪臭漂いますが大丈夫です!(何が

次回もよろしくお願いいたします。

それでは~~~ノ

 

 

『cell』メイキング

お久しぶりです。

下記、Everybody One MotionというエイプリルフールイベントにてモーショングラフィックスGIFを投稿しました。今回は投稿させていただいた動画のちょっとした技術的解説を行います。

イベント詳細

 

こちら拙作になります。登場するなんかちかちか光ってる奴は最近話題のアニメ『けものフレンズ』のセルリアンを意識したモンスター?です。

 

以下解説

**********************************************
もくじ。

1.せるりあんのつくりかた
2.ほそく
***********************************************

 

1.せるりあんのつくりかた
f:id:oomugi839:20170401175851p:plain
f:id:oomugi839:20170401175817p:plain
▲完成形

 

f:id:oomugi839:20170401181149p:plainf:id:oomugi839:20170401181158p:plain
▲模様の作成
平面レイヤーに[セルパターン]を適用し、細胞っぽい模様を作る。
[コロラマ]を適用し、明度を色相に変換して着色する。

 

f:id:oomugi839:20170401181822p:plainf:id:oomugi839:20170401182121p:plain
▲変形
[タービュレントディスプレイス]を適用し平面に穴をあける。
[レンズ補正]を適用し、四角を球状に変形させる。

 

2.ほそく(補足)
せるりあんの目:シェイプレイヤーで作り、手付けでアニメーションさせてます。
背景の鳥の巣みたいなものはparticularでぶわ~~っと作成したものです。

以上です。

 

短い動画はあんまり作ったことがなかったので新鮮で楽しかったです。
また機会があったら勉強もかねてやってみようと思います。

さいごに…えぶりでいわんもーしょんのフレンズさん!たのしいいべんとをありがとう!
えいえんにつづけ~

エロゲOP・MADムービーのパペット表現まとめ(2017年版)

[2017年2月記]
[2017年4月9日 はにデビ!OP追加]

はじめに
本稿は、筆者がMAD制作のためにパペットアニメーションを勉強したいと思ったが、都合の良いまとめ記事を見つけられなかったため、だったら自分で作ればええやん的なノリでエロゲOP・MADムービーをベースに、パペットアニメーションが特徴的な映像を抜粋した、まとめ記事となっております。
 選定は筆者の独断と偏見(いつもの)と一部Twitterで頂いた情報をもとに行っておりますので、偏りがあるかもしれません(ご協力くださった方に、この場をお借りしてお礼申し上げます)。
 記事後半にはパペットアニメーションに準じる表現技術(Live2D)や制作ツール・チュートリアルも併記しておりますので参考程度にご覧ください。
※注意 本稿ではAfter Effectsにおけるパペットピンツールを用いて製作された映像のみならずLive2D等、もともと静止画である素材を変形させるなどしてアニメのように表現する手法全般を便宜的にパペットアニメーションと呼ぶこととしますのであらかじめご了承願います。 

 

********************************************
目次
1. パペットアニメーションとは?
2. 作品まとめ
  2.1. エロゲOP編
  2.2. MADムービー編
  2.3. その他編
3. 制作ツール、チュートリアル紹介
********************************************

 

1. パペットアニメーションとは?
平たく言うと…
『静止画を編集してアニメーションさせた映像』
となりますが、要は絵を何枚も書かなくても編集ソフトの補完機能を使ってアニメを作ってしまえる技術のことです。制作サイドから、製作費が足りずにアニメは作れないけど動かしてインパクトを与えたいとか、逆に、イラスト完成後になんか足んねぇよなぁ…と半ば無茶ぶりでこの絵動かして!のような要求に応える、ムービー製作者にとっては諸刃の便利技術なのです。たぶん。

 

2. 作品まとめ
2.1. エロゲOP編 ※並び順は適当です

www.youtube.com
▲とてもよく動く!

 

www.youtube.com
▲43s~キャラの肩が動くのは結構珍しい気がします。呼吸表現の参考になりそう

 

www.youtube.com
▲髪・袖・目・胸・腕…動かせるところは大体動かしている教科書的な映像

 

www.youtube.com
▲16s~ 今回選んだ中では最も柔らかそうな髪モーションを実現している 。つまりエッチだ

  


www.youtube.com
▲yo-yuさんは上下左右のモーションに加え、奥行きや回転を感じさせるモーションをよく作られている印象。1枚絵では見えるはずのない部分を補完する、そういう編集魂を感じる。

  


www.youtube.com
Live2Dを利用した映像  →E-moteでの制作との指摘あり。訂正いたします

 


www.youtube.com
▲54s~、 1:12~など、パペットアニメーション+コマ落とし演出でかわいらしく印象的なカットになっている。

 


chobit.cc
▲『ディズニー(エロ)』って感じのぬるぬるモーション。ありえんぬるみが深い。

 

アマツツミオープニングムービー - YouTube

『あの晴れわたる空より高く』オープニングムービー - YouTube

恋愛0キロメートルV オープニングムービー - YouTube

花咲ワークスプリング! OPムービー - YouTube

お家に帰るまでがましまろです OP - YouTube

プラマイウォーズ OP 1080p - YouTube

プライマルハーツ2 オープニングムービー - YouTube

フローラル・フローラブ OP ムービー (2016サガプラネッツ最新作 歌:fripSide ムービー:yo-yu) - YouTube

 

 

 2.2. MADムービー編

 

 

 

 

 

 

 


2.3. その他編

www.youtube.com

 


www.youtube.com

 


www.youtube.com

 

PS Vita「神獄塔 メアリスケルター」 オープニングムービー - YouTube

NORN9 ノルン+ノネット OP - YouTube

 

 

 

ここからはLive2Dを利用した作品

twitter.com 

 

twitter.com

 


www.youtube.com

 

【Live2D_2015】 Nekomimi Maid - YouTube

《Live2D 2014》 Distance on Vimeo

 

 

3. 制作ツール、チュートリアル
ツール


ae-users.com

 

Live2D Cubism 2.1

www.youtube.com

  


www.youtube.com

 

 

チュートリアル


www.youtube.com

 

After Effects Tutorial: Eye Animation - YouTube

Adobe Edge: 2009年8月 ポエ山さんに聞く、Flash+After Effectsの魅力とテクニック

 

 

~まとめおわり~

 

 

 

『月曜日のアステリスク*』メイキング

【2017.2.2記】

動画を投稿したのでいつも通りメイキング書きます。何かの足しになれば幸いです。

 

 

********************************************************************* 

目次

1. 制作経緯

2. 技術的なこと
 2.1. カット別メイキング(After Effects / Blender
 2.2. 色彩とエフェクト
 2.3. フォント

3. 参考文献・映像

4. 反省と今後の課題

********************************************************************* 

 

 

1. 制作経緯
漫画版NEWGAME! 3,4巻を読んで青葉ちゃんに元気と勇気をもらったので、「2次元キャラが人類(私)を救う」というテーマ(?)で制作を始めました。曲にアニメ版EDのNow loading...!!!!を選んだのは単に気に入っていたからです。

画作りに関しては、SHAFT尾石達也さん的な映像を真似して作ってみたいと常々考えていたのでモノトーン実写×彩度高めのCG合成でいこうと決めました(3. 参考文献・映像にて後ほど紹介)。

 

 

 

2. 技術的なこと(カット別)

2.1. カット別メイキング

 [***]でくくったものはAEのエフェクト名です

 

2.1.1. 動く背景
空撮ぽい映像を取り入れたいと思い、Google マップの空撮写真(立体表示)をマウス移動させたものをデスクトップキャプチャーした映像を取り入れました。ちなみに場所は阿佐ヶ谷駅横の大通りを南進して南阿佐ヶ谷駅東京メトロ)方面に向かうところで、青葉の通勤ルートのモデルとなっているとのこと。

f:id:oomugi839:20170130203530j:plain

 

 

2.1.2. メンバー
気に入っているカットです。各キャラが何かしら物思いにふけっていそうなシーンにしたかったので、こちら側に注意が向いていない(=カメラ目線でない)絵を使用しました。場所は阿佐ヶ谷駅からすぐの阿佐谷パールセンターの入り口付近です。背景の2つの数字はこの写真が撮影された位置(Googleストリートビューで参照可)です。

f:id:oomugi839:20170130203534j:plain

 

 

2.1.3. 電光掲示板
青葉が乗ると思しき京王線新宿行の電光掲示板をイメージしてます。新宿行の下には「***行」とありますが、夢とか希望を暗示しているつもりです。

f:id:oomugi839:20170130203535j:plain
▲最終形

 

f:id:oomugi839:20170130211801p:plain ↓ +[CC Ball Action] LEDぽく見えるようにテキストレイヤーを粒状に加工。

f:id:oomugi839:20170130211815p:plain ↓ +[グロー]

f:id:oomugi839:20170130211809p:plain ↓ +[ディスプレイスメントマップ] ノイズ表現

f:id:oomugi839:20170130210948p:plain▲別コンポジションで作成した電光掲示板
 映らないからと言って新宿・京王線方面とかよくわからない単語を書くのはやめよう

 

 

 2.1.4. 地球と月
隕石(苦しみ)が地球に向かって落ちてゆくシーンです。実際の隕石ではなく漢字の「月」にしたのは端的でわかりやすいからです。それから、なんとなくこの文字を目にすると憂鬱な気分になりませんか。そしてそれが空から降ってくる…恐怖です。

Blenderで作成。Blender Guru氏のチュートリアルを参照してください。そのまんまです。

f:id:oomugi839:20170130203536j:plain
▲最終形

 

www.youtube.com

 

 

2.1.5. 漫画っぽい効果
夢うつつな青葉のカットです。
カートゥーン]+[抽出]+[塗り]+[ブラインド]の組み合わせ技です。

f:id:oomugi839:20170130203539j:plain▲最終形

 

 

f:id:oomugi839:20170130203540j:plain
▲[抽出]で元画像の白っぽい部分を残して[塗り]でべた塗り

 

f:id:oomugi839:20170130203541j:plain
▲上よりも少し暗い部分を[抽出]で抜き取って上に重ねる。着色は同様に[塗り]。

 

f:id:oomugi839:20170130203542j:plain
▲上のレイヤーを複製し[塗り]で濃い青に着色し、[ブラインド]を2回適用してトーンぽくする

 

f:id:oomugi839:20170130203544j:plain▲[カートゥーン]エフェクトで線画を抽出し上に重ねる

 

f:id:oomugi839:20170130203539j:plain

▲ [Magic Bullet Looks]でパパッと色調補正&色収差追加

 

 

2.1.6. スカイツリー
スカイツリーよりも高みを目指して伸び続ける4人をイメージ。
Blenderで作成。縦に伸びるラインは円形メッシュをモディファイア[スクリュー」で螺旋状にして上側に伸ばしつつZ軸回転させて上昇してる様に見せてます。

f:id:oomugi839:20170130203546j:plain▲最終形

 

f:id:oomugi839:20170130223851p:plain

f:id:oomugi839:20170130223856p:plain

f:id:oomugi839:20170130223858p:plain
▲パラメーター

 

 

2.1.7. *キューブ
社会人の希望の力を集めて作った結晶をイメージしたもの。平たく言えば元気玉です。
Blenderで作成。手順は以下の通りです。
① 4色の*を作成し、グループ化する
② ICO球にパーティクルを適用して、ICO球の内部に①のグループを発生させる
  (このときすべての*は任意の軸に対して正面を向いている…はず)
③ X,Y,Zすべての軸方向に*が向くようにICO球をあと2つ複製して角度を変えて配置する
④ パーティクルの初期方向のランダム値にキーフレームを打ち、
  *の方向が整っていくアニメーションを作成する

f:id:oomugi839:20170130203548j:plain

f:id:oomugi839:20170130203547j:plain

f:id:oomugi839:20170130225734p:plain

 

 2.1.7. 浮かぶ*キューブとクソでかキャラ
生成したキューブが「月」を打ち壊す直前のシーン。凛々しく神々しく佇む4人の姿が気に入っています。上手くは言えませんが、4人の前へ進もうとする意志が僕たちの小さな意思(*)を集め、壁を作り、町を守ってくれている…そういう感じです。
また、月が落ちてくるということで、特には関係がないのですが構図がN64ゼルダの伝説ムジュラの仮面のラストシーンのオマージュになってます。キャラの向きとかも揃えられれば良かったんだろうけど、都合のいい画像が見つけられませんでした…。

f:id:oomugi839:20170201200923j:plain▲[CC Light Burst]で光差す画に。
 

f:id:oomugi839:20170201204027p:plainゼルダの伝説ムジュラの仮面のラストシーン。味方の巨人が落ちてくる月を受け止めようとしているところ
 私の青春のゲームソフトのうちの1つです。懐かしい

 

 

2.2. 色彩と雰囲気づくり
映像ラストのクレジットにも記載しましたし、そうでなくても見た目でお気づきの方は多いと思いますが、本作はSHAFTの演出家、尾石達也さんの映像を意識してます。具体的にはモノトーン背景に彩度の高いオブジェクトやキャラ絵などを配置していき、色に対する印象が強くなるようにしました。

 

f:id:oomugi839:20170130230929p:plain

キャラクターのイメージカラーとして、RGB [200,0,0]の赤色をベースに、色相を変化させたものを4色用意しました。基本はこの4色+うすい灰色を使っています。(しかしながら、mp4エンコードの際に彩度が著しく劣化するのでとても悔しいです)

 

また、実写映画っぽさを演出するためにシネマスコープ(2.35:1)を採用し、やや全体を暗めに、白色は薄い黄色に、黒色は青み掛かるようにトーンカーブで調整しました。

 

補足ですが、今回はいつもと違ったノイズ表現(特別な意図はない)のためにAE Pixcel Sorterというプラグインを利用しています。 

www.youtube.com

https://www.flashbackj.com/aescripts/ae_pixel_sorter/

 

以下は参考映像。というかもろぱkrました

www.youtube.com

化物語ひたぎクラブ」OP
白黒モノトーンの背景に彩度高めのシェイプが合成されており、色彩が対照的で美しいです。
画面全体の色を抑制することで、色に対して敏感になれる気がします。放映当初は手抜きと言われていましたが、アニメOPでは真新しく興味をそそる映像に仕上がっていたのでOPとしては成功していたのではないでしょうか。

 

 

2.3. フォント
今回は以下のフォントを主に使用しました。マキナスがとてもかっこいい。いずれもフリーフォントです。

・Bellerose
・游ゴシック
・超極細ゴシック
・マキナス
・数式フォント
・Bummer Condensed Italic

f:id:oomugi839:20170130233808p:plain

 

 

 

3. 参考文献・動画

ch.nicovideo.jp

blog.livedoor.jp

www.youtube.com

 

 

ここからアニメOP/ED

www.youtube.com

ネギま!? OP v1
 無限に積まれた机に中二心をくすぐられます

 

www.youtube.com

ネギま!? OP v2
 こちらは漫画っぽい演出のバージョン。トーンはいい意味で卑怯な表現であることに気が付きました

 

www.youtube.com

まりあほりっくOP
 カラフルでいて主張しすぎない色遣いがすこ

 

www.youtube.com

▲これはゾンビですか 2期 OP
 フォントから尋常でないダサさが滲み出ていますが実写とサビのカメラワークがかっこいいです!

 

www.youtube.com

東京レイヴンズED
 EDゆえか動きは少なめ。実写を取り入れておしゃれな雰囲気を演出。良いですね

 

www.youtube.com

ひだまりスケッチ×☆☆ ED
 曲と相まってサビ直前の桜が舞うカットには高揚感があります。
 参考というよりはインスピレーションを受けたという言い方の方が正しいかも。

 

 

おまけ


▲制作中に10周くらい観た。狂おしいほど好き

 

 

 4. 感想と反省点
制作期間は4か月。いつもよりは丁寧に作れたような感じがします。色彩や各カットの構成も時間をかけて練った甲斐がありました。

ただ、積極的に導入したBlenderですが、モデリング周りは全く手を付けてないので技術向上とはいかなかったように思えます。次はもう少しその辺りに挑戦してみます。

それはさておき、冒頭でもお話しした漫画版NEW GAME! 3,4巻がとにかく素晴らしいので是非読んでみてください。青葉の夢に対するひたむきな態度と周囲のメンバーとの温度差、そして才能や努力でもってしても越えられない壁があるという現実が端的に描かれています。なぜ青葉はそんなにも頑張れるのか?私にもわかりませんが、ただ一つ言えることはそんな真直ぐに頑張る人を見ると自分も不思議と頑張れる気がしてくることです。日常系漫画なんてただの甘やかしだという人もいるかもしれませんが、頑張る気を起こしてくれた分、確かにこの漫画は私の糧になった気がします。「月曜日のアステリスク*」を最後まで作りきれたことが、なによりもその証左となるでしょう。

 

それでは、少し長くなりましたがお付き合いいただきありがとうございました!またお会いしましょう。