映像制作

Keynoteのスケールとマジクムーブで虫眼鏡!

  • このエントリーをはてなブックマークに追加
%e8%99%ab%e7%9c%bc%e9%8f%a1

 

こんにちは、今回はUdemyで公開しているコースの中で出てきた

successの虫眼鏡のところで使っている虫眼鏡の作り方を

お伝えしていきます。

 

またまた、動画で学びたい方は下からどうぞ。

 

それではここからは文章と文字です。

張り切って見ていきましょう!

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-43-52

まずはですね、普通にこのような感じで円を描いて、中は色はつけずにこのような感じで虫眼鏡を描いていってください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-44-17

はい、こんな感じですね。

 

ま、ここは個人の好きなように虫めがねを描いていけばいいと思います。

画力にもよるでしょうし・・・

 

で、このように虫めがねを描いたらですね、

画面のファイルのところから書き出すを押して

イメージを選択します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-44-53

そして開始でページ数をまぁ、1枚だけなんで1枚

2ページ目ですねこれは。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-45-33

そして保存をしていきます。

 

で、ここで書き出したらですね、

この画像が画像として保存されてますので

そちらを見てみてください。

 

はい、これなんですけれども

こっからですねこの画像を加工していきたいと思います。

 

ここでですね、虫めがねの中をくりぬいていきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-46-12

ペンで削除することができるかとは思うんですけれども

まぁ、このような感じでですね、削除していきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-46-53

はい、こんな感じですね。

すると中だけくり抜かれた虫めがねができますので

そちらをKeynoteの中にインポートしてください。

 

はい、こんな感じでですね

中だけくり抜かれてます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-47-09

そしてですね、虫眼鏡に移したい文字なのところに

くりぬいた虫眼鏡を置いてください

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-47-39

ここから虫眼鏡なんでね、文字を大きくしていきたいと思います。

 

文字のサイズはですね、まぁ適度に入る程度なんで

今回はですね、文字のサイズは200pxにしたいと思います。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-48-17

で、こんな感じでですねそしたら続いてですね

このアクションのところから移動を選択して

こんな感じで虫眼鏡でいい感じに見えるように

アクションの移動先を選択します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-48-39

はい、こんな感じですね。

 

で、もう一個 二個、3個とですね

移動を増やしていきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-48-54

はい、一つづつこうやって増やしていきますね。

 

こんな感じで、虫眼鏡の中身を見ながら

このように確認していって移動先を決めていってください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-49-23

はい。

 

で、移動先が決まったらですね

今度はこのようにアクションを続けてやって

移動時間を設定していきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-49-31

 

移動時間最初は移動時間ちょっと長めですね。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-49-36

そして、2番目がちょっと短め

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-49-46

そして三つ目がまた長め。

 

という風にしていきます。

 

するとですね、プレビュー見るんですけれども

スムーズな感じで虫眼鏡でみられると思います。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-50-29

はい、いい感じですね。

 

はい、これで虫眼鏡のエフェクトは完成なんですけれども

続いてこの虫眼鏡を外す段階に入りたいと思います。

まずはこの画面自体をコピーして、

次のページにペーストしておいてください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-50-33

するとですね、同じ画面が二つ現れると思います。

 

そしたらこのペースとした画面で

この文字のサイズを小さくしていきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-50-45

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-01

はい、こんな感じでですね。

 

これはですね、あとでマジックムーブで小さくしていく

という風になります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-52-06

はい、こんな感じでまぁ、選択してですね

置いておきます。

はい。

 

 

こんな感じですね。

 

こんな感じで文字を置いたら今度は

アニメーションのところからアクションを選んで

虫眼鏡をスケールで大きくして外していきます。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-34

この時に先ほどくり抜いた円の中にこの

画面全体が全て入るようにしておいてください。

 

どんどんどんどん、スケールしていきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-41

はい、そしてこのくり抜いたところに

全部入ったら、全て外れると思いますので

ここでですね、前のページに戻って先ほどのやつに

マジックムーブをつけたいと思います。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-52-06

こうすることによってですね、

再生してみるんですけれども

シュイーーーン!っとこう・・・

虫眼鏡で、見るよー見るよー見るよぉ〜!

虫眼鏡で見て・・・(動画参照・・・)

ギュイーン!

 

戻って、しゅわーん!

 

っていう感じですね。

 

はい、こんな感じでできるわけです。

 

それでは真似してみてください!

ありがとうございます!

 

  • このエントリーをはてなブックマークに追加

コメントを残す

*