スクリーンショット_2018-05-27_12

15,000RT越えしたスクリーンキャプチャ動画のつくりかた

ある日「Photoshopできれいな線を引くのがむずかしい」という質問をもらいました。わたしはイラストのほとんどをIllustratorで描いているので、そう答えると、後日質問者の方から「Illustratorを使ってみたらやりたいことができた!」という、うれしい報告をもらいました。なるほど、IllustratorってPhotoshopほど知名度がないのかも、よし、特徴を動画に撮ってみよう。でも…

画像1

いや、Illustratorなんだからテキスト置けば字幕になるのでは?ということで作った動画がこちら。

Illustrator愛のおかげで、たくさんの方に見てもらえました、ありがとうございます。どうやって作ったの?と何度か聞かれたので、作り方を書いておきます。

スクリーンキャプチャ

アプリケーションはKapを使っています。Macのみのオープンソースです。使い方は非常に簡単です。

画像2

Illustratorのアートボード

Illustratorにはパーツを並べておき、手のひらツールで移動してストーリーを作りました。ペンツールのベジェ曲線、色変更、回転、テキスト入力、拡大縮小など、Illustratorの一部の機能を実践できるように流れを考えました。キャプチャの範囲外に線や色を置いてスポイトで変更しています。

画像3

動画のポイント

スマートフォンで見やすいものはPCでも問題なく見えるので、スマートフォンで見やすいように、基本的なことですが、長くなりすぎて飽きられてしまったり、読むのに疲れないように短め、少なめにしています。

・左から右に流れる
・なるべく縦構図に
・文字は少なめ、大きめ
・尺を長くしすぎない

画像4

動きを見せるのは、絵で説明するよりもっとたくさんの情報量を含みます。動画はやってみたいけど編集とかむずかしそう、という方はここから始めてみるのどうでしょうか(あと、noteにもMP4貼れるようになるとうれしいな)。

その後盛り上がった、すてきなIllustrator愛ハッシュタグもぜひどうぞ!


この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

サポートより、どこかでお会いしたらぜひ話しかけてくださいね

ありがとうございます!明日いいことありますように
220
大阪の株式会社キテレツで、デザイナーとイラストレーターをしています。 イラスト制作、デザイン制作お受けしています。 こ連絡はTwitterDMでどうぞ。 https://twitter.com/spicagraph

こちらでもピックアップされています

note編集部お気に入りマガジン
note編集部お気に入りマガジン
  • 18920本

様々なジャンルでnote編集部がおすすめしている記事をまとめていきます。

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。