おとあんの制作日記

VRや動画で作った作品の制作後記や学習した事、試したことを記事にします！

月星通信・お月見カジノ配信の動画制作のこと 後篇

前回の記事の続きでーす。

otoan010.hatenablog.com

AfterEffectsでの、まわるスロット台の作り方について解説していきますよ。

目次

プロジェクトファイルの配布

プロジェクトファイルは、以下からダウンロードできますので、よろしければ参考にしてください。立ち絵や外部から取得した素材は、再配布に当たる為削除してあります。
https://ux.getuploader.com/otoan010_blog2019/download/1

※動画素材として使用して頂いても構いませんが、自己責任でご利用頂ければと思います。

使用した素材

作品内でのクレジット表示義務のない素材のみを使用しましたが、めっちゃお世話になったので、以下に記載します。

BGM

DOVA-SYNDROME様には、本当にいつもお世話になってますw

画像（立ち絵以外）

スロット台の作り方

f:id:otoan010:20190929190003p:plain
Scene2_Slotmachine_Hikari.png

AfterEffectsで立体的なスロットを作ろう！【字幕解説】

After Effectsで作るMOTION GRAPHICS入門　Vol.8「色々応用して使える スロットアニメーション」 ->この２つの解説のうちわかりやすい方を参考にしてください。
おとあんは、前者を参考にしました。
では、スロットルを上げてスロットを回していきましょう。

スロット台は、シェイプで作成していきます。長方形とか楕円とかを組み合わせて作っています。
デザイン力というかデッサン力って言うんでしょうか、おとあんにはなくて結構きつかった_:(´ཀ`」 ∠):

金属感のあるテキストの作り方
->スロット台の枠に適用しています。STEP5で描画モードが、ソフトライトになっていますが、私はハードライトにしています。

スロットが当たった時の演出

https://photos.google.com/photo/AF1QipN5rtFpl0fzUvif4wNWSPHv8vn0_cKEMd5UjT4M

スロットの柄が揃った時の、コインがドバーッと出てくる演出はCC Particle World を使用します。(五千兆円ほしい。)　　

Particle Worldでは、自分で作った作ったテクスチャを指定できるので、まずコインを作ります。.aiで作っても大丈夫ですが、私はシェイプで作ったものをプリコンポしたものを指定しています。
詳しくはプロジェクトファイルのPrecompフォルダ内CoinShowerTXTとCoinShowerを参考にして頂ければと思います。

全体的な画の調整など

最後に完成した画に対して、雰囲気を出していく様な効果を付けるとリッチな表現になります。
動画全体で色相を統一したり、光の当て方を工夫（ライティング）したり、今回の様に影を当てたりなどなどすると良いとか。おとあんもまだまだまだ勉強中ですがｗ

スロット台全体に「左上からライトが当たっている」という設定でエフェクトのドロップシャドウを追加していきます。今回は以下の様にしましたが、影具合はお好みで掛けてくださいｗ
f:id:otoan010:20191005141906p:plain

After Effects四隅を黒くするビネットで映像をカッコよく仕上げろ！
->最後に全体にビネットを掛けていきます。
ビネットと言うと、まずはじめに全人類共通で漫画・アニメ作品「ガヴリールドロップアウト」の登場人物ビーネちゃんの本名をまず思い浮かべるかと思いますが、ここではデザイン用語というか映像用語で「中心よりも周囲のほうが暗くなっている（状態）」を指します。
特にccVignetteを使用すると簡単に雰囲気のある画が作れるのでコスパいいぞ！

おわりに

今回はカジノのスロット演出として使用しましたが、パチスロのスロット風演出にも使えそうですね。
尚、AfterEffectsだったら、Adobe Creative Cloud代を払えば、スロットを何度回しても無料！！やったねタエちゃん！！

おわりに2

ふぅ...はじめての技術ブログ書き終わった...
そして、公開してしまったorz

動画制作技術の向上もさることながら、わかりやすい記事が書けるようにも努力していきますので、
ここまで読んで頂いた方がいらっしゃいましたら、今後ともよろしくお願いいたします(切実)。

また、ここまでで質問や間違っている部分のご指摘がありましたら、お知らせくださいね(//∇//)
ここはこうするといいよ的なアドバイスも歓迎です（やさしくしてね）(´っ･ω･)っ

それでは、またお会いしましょうﾉｼ

月星通信・お月見カジノ配信の動画制作のこと 前編

おとあんは、ほぼ月1でYoutubeで生配信しているVtuberの水月せなさん、星野光さんの「月星通信」内で使用されるショートムービーを制作したりしています。
今回は、9/23に配信された「月星お月見カジノ配信」で制作したコーナー切替ムービーの作り方について解説していこうと思います。
配信内での画像やエディタ画面のスクショ等は、画像使用の許可を頂いて投稿しています。

目次

プロジェクトファイルの配布

プロジェクトファイルは、以下からダウンロードできますので、よろしければ参考にしてください。立ち絵や外部から取得した素材は、再配布に当たる為削除してあります。
https://ux.getuploader.com/otoan010_blog2019/download/1

※動画素材として使用して頂いても構いませんが、自己責任でご利用頂く様お願いいたします。

制作環境

OS : windows10 / App : After Effects CC16.1

使用した素材

作品内でのクレジット表示義務のない素材のみを使用しましたが、めっちゃお世話になったので、以下に記載します。一先ず前編で解説する分だけ。

BGM

DOVA-SYNDROME様には、本当にいつもお世話になってますw

画像（立ち絵以外）

配信された作品

月1の生配信は、毎月トークテーマ2つを事前に決めて、配信時にテーマに沿って 喋っていく、という番組スタイルになっており、次のコーナーへ切り替わる前にムービーを挟んでいます
(私が番組構成決めている風に聞こえますが、私じゃないですw)

トークテーマ : お月見の世界

トークテーマ : カジノの世界

演出について

9月の配信テーマについて、お月見>うさぎ>バニー>バニーガール>カジノという連想から、「お月見とカジノ」ということが8月度の生配信中のトークから決まったのですが、私的には「カジノつったらスロットだよな(異論は大いに認める)」となり、スロットが全て揃ったら、確変演出？的な感じでコーナー名が表示させる様にしよう！という事でこの様な演出にしてみました。
あと、月星のお二人がトランプになったら可愛いだろうなと妄想して、くるくる回したり跳ねたりする演出も加えました。

トランプの回し方とか

スロット台以外の部分から解説していきます。

f:id:otoan010:20190929210403p:plain
Scene2_Slotmachine_Sena.png

緞帳の作り方
->背景の緞帳(カヤじゃないよ、どんちょうだよw)の作り方です。この記事通りに全部を作る必要がないので、STEP4くらいで止めておきます。

1レイヤー完結！金属テキストの作り方【After Effects チュートリアル】
->「TsukiHoshiTsushin September Live」のフォントに使用しています。みんな大好きダストマンさんの神解説です。キラキラ。　　

エクスプレッションで作る3Dレイヤーの裏表
->トランプの回し方。エクスプレッションを記事通りにコピペするとエラーが出るので(エクスプレッションが、Javascriptに準拠した書き方に変わったのでそのせいかも知れません)、以下をコピーしてエクスプレッションを記述して下さい。

if(toCompVec([0,0,1])[2]>0)　100;
else　0

また以下のエクスプレッションを位置に記述してください。フワフワします。 X、Yそれぞれの位置を調整する場合は、エクスプレッションの[　]内の値（x+232の232の数字）を変更してください。

x=Math.sin(time*2)*0;
y=Math.sin(time*4)*50;
[x+232,y+550]

おわりに

意外にもボリューミーになってしまったので、次回に続きます。
次回は、スロット台の作り方になります。

プロジェクトファイルを参考にしながら読んで頂くとよいかと思います。
説明が下手で申し訳ありません...

また、ここまでで質問や間違っている部分のご指摘がありましたら、お知らせくださいね(//∇//)
ここはこうするといいよ的なアドバイスも歓迎です（やさしくしてね）(´っ･ω･)っ

otoan010.hatenablog.com

ブログ執筆について

はじめに 日記

プロフィールにも同じ事を書きましたが、初回の投稿なので所信表明的なサムシングをば...

目次

おとあんプロフィール

"Planet"※というVtuber活動チームで動画を制作したり、個人で動画やVoxel Artやアプリを作ったりしています。

※Planetでは、Vtuberの水月せなさん、星野光さんの活動サポートを行なっています。

コンセプト

他の映像作家さんのチュートリアル記事を見て作った動画の作り方を解説していきます。

ブログ執筆にかける思い

こんな動画が作りたい！を元に先を行かれる素晴らしい映像作家さん達の色々なインターネットのハウツー記事を読み漁り、参考にしながら動画を制作しています。

が、しかし、その元となる発想力と言うか「モノを見る力」（っていうとカッコいいなw）= コンテ力というかデザイン力?みたいなのがないといけない(限界がある)というのが最近の悩みです。

動画ではVtuberさんの動画を中心に色んな人の動画を見ますが、
楽しい気持ちになったり、元気を与えられたり、発想力に驚かされたり、
あるいは嫉妬したり、焦燥を感じたりもします。

そんな自分の悩み、あるいは課題と向き合うべくブログをやっていきたいと思います。
「この記事をもとにこんな発想をして作品を作ったぜ！」と言う記事を発信していれば
自分の中で何かが起きるのではないかと目論んでいます。

あわよくば私と同じ発想力に悩ませられている人へインスピレーションを与えたり、
悩みを共有したりできればとも考えています。

マイペースでやっていきますので、ゆるゆるとお付き合い頂けますと幸いです。