1. ゴロゴロトーキング
  2. 71. Keynoteという最強の動画..
2020-08-24 10:31

71. Keynoteという最強の動画作成ツールを全力でオススメする

Keynoteを使ったアニメーション動画制作について話しました。

作った動画はこちらです
https://www.dropbox.com/s/pj7dv73fhhmrgm8/movie.mp4?dl=0

Keynoteデータはこちら
https://www.dropbox.com/s/r6gc1l5kw2tg081/movie.key?dl=0

yui540さんのTwitter
https://twitter.com/yui540

KeynoteでDroidKaigi 2016のオープニング映像を作った話 | area[nothing] : diary
http://nothing.sh/blog/archives/600

ハリー https://twitter.com/HRM_09/
ヤーマン https://twitter.com/HIRO28416523

お便りはこちらから
https://forms.gle/FjfvyGc9Ua8uBPR99

00:01
ユーチューブ、TikTok、ニコニコ動画、面白フラッシュ走行。
ほうほう。
僕らのインターネットは動画と共に歩んできたじゃないですか、ヤーマンさん。
どうしたんですか、ハリーさん。
やっぱり今、動画の時代じゃないですか。
いや、マジでそうですね。
でね、YouTuberとかね。
ほんまにそう思いますわ。
プロモーションムービーとかもね、僕らもあったらいいなとか思うことあるじゃないですか。
思いますね。
ただ、そういう時にやっぱりプロの人に頼むと結構ハードル高いと。
そうそう、お金かかりますからね、あれね。
まあね、もちろん良いものはできるんですけど、自分で手軽に作れたらいいなというのを結構思っているんじゃないかなと思いまして。
確かに確かに。
私見つけました、ついに。
お!
素人でも扱える最強の動画作成ツールを。
マジで?
そうなるんや。
自信を持ってお届けしたい。
あれ?編集ができるってやつ?
いや、編集とかじゃないんですよ。
ちょっとね、じゃあまずはこちらをご覧ください。
お!すごいすごい。
おー、くるくる回ってる。
うわ、弾けた。
はいはいはい。
へー。
これね。
おー、すげー。
お隣で聞いてる人はさっぱり何のこっちゃ分からんと思うんですけど。
あー。
なんかあのゴロゴロトーキング紹介ムービー。
これちょっと概要欄に貼っときますんで、良かったら見てください。
うんうん。
モーショングラフィックス入ってましたね、軽く。
そうそうそうそう。
で、これを何で作ったかというと、キーノートで作ってるんですよ。
えー。
キーノートでできんの?
そう、知らないでしょ。
知らないですね。
まあ、パワポでもいいんですけど、今回ちょっとキーノートで。
うん。
えー、キーノートというのはMacのパワポみたいなソフトですね。
そうやね、うん。
これにね、知ってる人は知っている、このムービー書き出しっていうのがあるんですよ。
ほー、はいはいはいはい。
で、これをすると、そのキーノートで設定したアニメーションあるじゃないですか、文字をふわっと出すとか。
うんうんうん。
そういうのをまとめて動画にして書き出してくれるんですよ。
へー。
で、もうこれがめちゃくちゃ便利で。
すごいですね。
あのパワポでも動画書き出しあるんで、パワポの人はまあパワポでもできますと。
最後の扉絵以外は全部キーノートのなんか図形とかを駆使して作ってるんですよ。
うーん。
多分こういうの作ろうと思ったらアフターエフェクトとか?
そうですね。
アドビアニメーションとか。
まあ、プレミアムプロとアフターエフェクトを駆使しながらやらんとあかんでしょうね、多分。
がなんとね。
無料のソフトで。
まじでね、便利なんで。
ほんとおすすめですよ、これは。
で、これを動画の拡張紙で書き出して撮った動画とつなげることもできますよね、別に。
そうですね、動画ファイルになるんで、使ってる動画編集ソフトがプレミアとか使ってるんやったらそれに読み込めるんで。
うーん、なるほどなるほど。
YouTubeとか上げるんだったらやっぱ音声つけたいと思うんで、その場合はね、そういう動画編集ソフトかましてやってもらったらもうYouTubeもつけますよ。
ジングル的な感じでこれ使えそうですね。
そうそうそうそう。
え、これどこで知ったんすか?
いや、もともとは何年か前にそういうのができるという記事を見たんですよ。
03:04
あ、キーノートで?
キーノートでアニメーション作れますみたいな、なんかイベントのオープニング作りましたみたいな記事見て、それを最近思い出して作ってみようと思って。
30分ぐらいかかりましたけど。
まあでも30分でこれできんやったら全然いいじゃないですか。
で、作り方は普通にオブジェクト、文字なり図形用意して、アニメーションっていうのがあるんで、そこから色々選んで設定したらできるっていう、まあそれだけなんですよ。
なるほど。
で、それをいい感じに組み合わせるといい感じのができるっていう。
これはね、ちょっと仕事とかでね、ちらっと作らなきゃいけないぜみたいな時は是非。
確かに確かに。
意外にね、グラフィックデザイナーってこういうモーショングラフィックとか簡単なやつでも作るの難しいんすよね。
いや難しい。
作り方わかんないですもんね普通に。
わかんないですよね。
逆にアフターエフェクトとか機能多すぎて覚えるの大変なんですよ。
うんうんうん。
ところがね、キーノートやったらもうできること限られてるんで、それを駆使してやるっていう方が学習コスト低くて。
えーいいっすねこれ。
でね、まあ結構ね使い方は簡単なんですけど、僕も作ってて思ったのが、難しいのが2個ぐらいあって、
1つは前々回ぐらいにも話したんすけど、色がね難しい。
うん、色ね。
色がね結構悩みました。
配色?
やっぱね動画結構ポップな感じにしようと思ったら、色をねいっぱい使いたいじゃないですか。
そうですね。
それがね悩んでしまったんで、まあそういう時はね、僕も前回の放送を聞き直しながら、そうか色相感だと思って。
ありがとうございます。
役立ちました?
そりゃもう、いっぱい使うからパステル系にしなきゃなって、変な声が聞こえたんで。
聞こえました。それ多分僕の声ですね、それ多分。
で、そうそう。で、まあ色がちょっと難しかったというのと、もう1個が、動画作り慣れてる人じゃないとどういうのを作ったらいいかっていうイメージが湧かないんすよね。
でね、そういう時に僕おすすめしたいのが、このね、キーノートで作るアニメの動きって、あれに似てるんすよ。
あの、CSSアニメーションというのがありまして。
CSSアニメーション?
ホームページとか作る時に使うCSSでアニメーション設定できるんすよ。
こう写真をふわっと表示させるとか、点滅させるとか、まあそういうのができるんすけど、それとすごい似てて、
CSSアニメーションのいい感じのやつを見つけて、それをまあちょっと、あの参考に。
パークルと。
いい感じに言い直そうとしたのに。
あのそう、参考にしながらやると結構いいです。
うーん、なるほどなるほど。
いやー、これから動画の仕事ね、どんどん増えていくと思うんでね。
そうそうそうそう。
CSSアニメーションのすごい人というのがね、ツイッターにいますんで。
僕は今回ね、Yui543っていうのかな。ちょっとね、読み方わかんないですけど。
06:04
Yui543?
そう、この人CSSアニメーションのすごい人なんで。
この人の作った作品を参考にしながら今回作りましたので、めっちゃ似てます。
おー、この人ね。
そう、いやすごい人なんですよ。
へー。
ぜひね。
なるほどなるほど。ちょっとまたゆっくり見させてもらいます。
っていう2つがちょっと難しかったのと、
あと作るときにね、気をつけた方がいいかなというのも2つありまして、
動きの方向を統一させようと。
動きの方向?
意味わかります?
ほう。
これとかかな。
文字が左から来て右に消えていくじゃないですか。
あー、はいはいはいはい。
この方向を、左から来て左に行くっていうのでもいいんですけど、
まあ、スタンダードなら左から来て真ん中で止まって、また消えるとき右に消えていくみたいな。
そうね。
とか、上から落ちてきたら下に降りていくとか。
これをこのX軸Y軸混ぜてしまうとちょっと美しくないかなと思ったんで。
あー、なるほどね。
方向を合わせるとだいぶいい感じですね。
うーん、左から入ってきて右に抜ける。
左から右へ受け流す。
ふふっ。
なんかどっかで聞いたフレーズやな、それ。
ムーディーさんですね。
ムーディーや、ムーディー。
でね、まあ気をつけるポイントもう1個が、
キーノートのね、このアニメーションにちょっと派手なやつが結構あるんですよ。
えーっと、例えば、
おおー、見えた見えた。
燃えてるじゃないですか。
こんなのあるんや。
とかなんか爆発みたいな。
こういうエフェクトがあるんか。
そうそうそう。
で、まあシンプルなやつはフェードして表示されるとかなんですけど、
ちょっと派手なやつがね、下の方に溜まってるんで、
なるほど、ブワッて燃えてから画像出てくるとかね。
これをね、使いすぎると、
チープになっちゃう。
これもまた美しくないかなと、個人的には思いますね。
基本的にはシンプルなやつを積み重ねて、どっかここぞっていうところで、
この派手なやつバーンってやったら、
おおーって。
うん。
ここが大サビかっていう。
なるほどね。
ここテストに出るよぐらいの感じになるんで。
でも確かに、エフェクト効きすぎてるよりも、
なんかサラッサラッサラッって言ってる方が、
なんとなく洒落てますよね。
やっぱだんだん盛り上がって、
うん。
はいって言うのが。
なんかあれっすね、今日テンション高いっすね。
最近聞き直してたら、テンション低いなと思って。
今日結構頑張ってますよ。
今日アゲアゲっすね、なんか。
はい、ということですわ。
なるほどね。
いや、これはでもお役立ち情報ですね、完全に。
これ簡単なムービーってSNSとかで上げれましたよね?
あ、上げれますよ。
キーノートがね、拡張子が、
なんたかな、M4Vかな?
あのー、iTune用、iTune用だったかな。
あ、Movね、はいはいはいはい。
なんかなんで、MP4とかに変換したかったら、
また別のツールかまさないといけないかもしれないですけど。
まあでも基本は。
そうですね。
なんかちょっと自分で撮った、
iPhoneとかで撮ったムービーと組み合わせてね、
09:01
この辺でタイトル周りやるとかね、全然いけそうですね。
でも確かに、最近やっぱ動画の仕事増えてきましたね。
いや僕動画の撮影もやる、仕事でたまにあるんですけど、
ていうかまあなんなら今週ずっと動画の撮影で、
ずっと撮影してたんですけど、
ドローン飛ばしたんですけど、
そのドローンも結構あのー、
申請の許可がいらない小型のやつ。
あ、許可いるんすか、あれ。
そうそう、飛ばすのに許可いるんですよ、あれ。
へー。
なんだけど、それをいらないギリギリのサイズのやつ飛ばしたんですけど、
全然、全然いけましたね、それで。
全然いけました。
なんか7万ぐらいで売ってるらしいんですけど、
まあちょっと高いけど、
でも全然それで普通にいい画撮れたんで。
いいですね。
てことでね、まあこれから動画案件増えると思うし、
モーショングラフィックちょっとね、ペロってできるようになってたらね、
便利だと思うしね。
こうグラフィックデザイナーが簡単にモーショングラフィック作れるって結構嬉しいっすもん。
うん。
なんか自分が作った気に入ってるロゴでモーション入れるとかね。
あー、いいっすね。
うん、できたらめっちゃいいかなと思いますね。
気になる人はリンク貼っとくんで、
キーノートも配ろうかな。
キーノート配るけどちょっとね、フォント崩れるかもしれないですけど、
そこは適当に直して使ってもらって大丈夫。
自分のね、パソコンに入ってるフォントに入れ替えてね。
うん。
まあぜひぜひね、キーノートなりパワフォンなりで作ってみてはいかが?
ということで、チャンネル登録、コメント、高評価よろしくお願いします。
てことで、
さよなら。
10:31

コメント

スクロール