iPadで手書きしたSVGをVideoScribeで表示させる方法【Vectornator活用編】

なるほど、SVGならVideoScribeの手書きを自作できると判明しました。

Btuber

【VideoScribe】SVGで自作アニメーションを作る方法〜Illustrator編〜

https://btuber.jp/videoscribe-svg-illustrator

 VideoScribeで動画制作していると、自分で手書きアニメを作ってみたいと思うこともあるでしょう。それは十分に可能で、SVGファイルを活用すると、手描きアニメーションを再現できます。 SVGファイルとは？「SVG」とは何の略でしょうか。それは、Scalable Vector Graphicsで、Wikipediaによると、XMLベースの二次元ベクターのイメージファイル形式です。 XMLコードを編集することで、グラフィックス表現ができるファイル。「ベクター形式」なので、いくら拡大しても画質は劣化しません。2001年にW3C勧告となって標準化...

こうなると、やってみたくなるのが

iPadで手書きしてSVGを作ること。

パソコンだと「マウスで」手描きするので、手書き感にも限界があり、平仮名を書くのがやっと。

より自然に書くならば、ペンで作成したいところです。

一方、iPadならば「Apple Pencil」という魔法のツールがあります。

これなら正真正銘の手書きを生み出せそうです！

さて、今回使ったのはiPadの「Vectornator」という無料アプリです。

App Store

 

1 User

2 Pockets

‎Vectornator: Vector Design

https://apps.apple.com/jp/app/vectornator-vector-design/id1219074514

‎Vectornatorはベクターグラフィックデザインに必要なすべてを1つで網羅するMac対応の強力な味方です。ベクターツール、詳細な機能、直感的なユーザインターフェースのための機能、高度なパフォーマンス、それらすべてが組み合わさったVectornatorは、あなたのグラフィックデザインのあらゆる作業のホームベースとなるでしょう。ブランディング、イラスト、インターフェース、ウェブサイト、タイポグラフィから、想像できる限りのあらゆるものに。優れた機能の一部をご紹介しましょう:• ペン、ノード、ブラシ、およびシェイプツールを...

鉛筆ツールで描く

使うツールは「ペンツール」または「鉛筆ツール」。

つまりは「ベジェ曲線」で描けるツールに絞ります。

似たものにブラシツールがありますが、残念ながらベジェ曲線を生み出せず、VideoScribe向きではありません。

オススメは「鉛筆ツール」。

ペンで書いた通りにすらすらベジェ曲線を生み出せます。

一方、ペンツールはベジェ曲線に慣れたクリエーターにおすすめ。

SVGファイルで書き出す

かけましたら、左上から書き出し。

どの方法を使ってもかまいませんが、おすすめはイラストレーターに転送できる「Send to Illustrator」。

ものの数秒でパソコンのイラストレーターに転送できます。

パソコンのイラストレーターで書き出す

ただし、iPadで生み出した「生のSVG」では細かく設定できません。

パソコンのイラストレーターで再度読み込み、専用の設定を施して書き出します。

「SVGで自作アニメーションを作る方法」でも紹介しましたが、VideoScribe用に書き出すときに以下の設定が必須。

最終的にパソコン経由で書き出したSVGを読み込むと、iPadで描いた通りに表現できるでしょう。

この方法を活用すれば、ドラえもんのようなイラストも、あら簡単。

iPadはVideoScribeと相性の良いデバイスです。

お持ちの方はiPadでSVGを作成してみてください。

それでは！

Ken

ケンサワイ

動画制作のノウハウを自ら学び、わかりやすくアウトプットすると心がけています。

好きなものはアナゴのたれ。

LINEで動画制作のヒントをお届けしています！