00:01
iPadのお絵かきアプリのProcreateというのがあって、私は絵を描くときにはメインでこのProcreateを使っています。
Procreateでアニメーションを作ることもできるんですが、アニメーションを作ることに特化したProcreate Dreamsというアプリが
2023年の11月22日にリリースされました。3000円で買い切り型です。
Procreateのアプリもそうなんですが、サブスクとかではなく買い切りなところがいいですね。
Procreate Dreamsは、基本的には手書きの絵を動かしていく。
ある程度はたくさんのコマの絵を描いていく必要も出てくると思うので、私の画力では結構難しいだろうなと。
何かこういうものを作りたいという目的がある状態で使わないと、もてあましそうだなと思ってまだ使っていません。
とりあえず買っておくと。ちょっと使ってみればネタになるだろうとも思うんですが、ちゃんと使いたいと思ったタイミングで購入する方がいいような気がしてまだ購入していません。
むしろモーショングラフィックス的なもの、テキストとか図形とかが移動したり拡大縮小したりするようなちょっとしたアニメーションを作ることの方が仕事に使えるんだけどなと思っていたところで、
リニアリティムーヴというツールがモーショングラフィックスに使えそうなアニメーションツールが今年2024年の1月15日にリリースされるという情報を手に入れました。
で、こっちの方が今の私にとっては良さそうだと思い、その日真っ先に購入するぞと思ったんですが無料でした。
このリニアリティムーヴを作っているところは、リニアリティムーヴの前にリニアリティカーブというツールを出していて、リニアリティカーブはグラフィックツールなんですね。
ベクターが使えるグラフィックツールで、iPadでベクターが使えるツールとしてアフィニティデザイナーと並んで有名なベクターネーターというツールがあったんですが、このベクターネーターが名前を変えてリニアリティカーブになっているんですね。
で、このベクターネーターもリニアリティカーブもずっと徹底して完全無料なんですね。無料でも使えるけど有料プランもあるとかではなくて、全く無料で提供しています。
03:15
2021年の9月16日の私のツイートなんですが、無料で大丈夫なのかと謎だったiPad用カッコiPhone版Mac版もありカッコ閉じるベクターデザインツールベクターネーターが約22億円調達とのこと。
そしてなんと創業者はまだ21歳で17歳でベクターネーターの開発を始めたという驚きの事実もと書いてました。
チンプな言い方ですが、若き天才プログラマーが作ったアプリを無料で提供しているけど、しっかり資金調達はしているということですね。
で、リニューアリティカーブをiPadとMacに入れたんですが、基本Macで使ってみています。
この手のツールは当然のことながら動画で見てもらった方がわかりやすいと思うんですが、まだ何もこのツールについてはSNSなどで情報発信はできていません。
ポッドキャストで音だけで聞いてもらっても伝わりにくい部分もあるとは思いますが、これが私のリニューアリティムーヴに対する情報の発出しということになりそうです。
動画とかせめて画像とかを使っての紹介もいずれしていきたいと考えています。
まずこのリニューアリティムーヴのいいところというか特徴としては、ベクター画像が扱えるアニメーションツールということですね。
Figmaと連携して、Figmaのデザインファイルをそのまま読み込めるのが便利です。
アドビイラストレーターのファイルも読み込めますし、もちろん本来的にはリニューアリティカーブ、元ベクターデータのファイルを読み込んで使うというのが一番連携が取れているということになるでしょうね。
まず最初に使ってみた印象はすごくシンプルなんだけど、そこまで好機能じゃないなと感じました。
CanvaやAdobe Expressのアニメーション機能の部分だけを単独のツールにしたような感じかなと思ったのが第一印象です。
06:01
CanvaやAdobe Expressと同じようにアニメーションがあらかじめ割り当てられたパネルみたいなボタンが用意されています。
ジャンプするとか回転するみたいなそのボタンを選んで割り当てるとアニメーションが簡単につけられると。
あとインとアウトのアニメーション。左から現れるとか右から現れるとかフェードインして現れるとか。
あるいは消えていく右に消えていく上に消えていくとかアウトのアニメーションとかそういうものを簡単に割り当てられるんですね。
で、その後実際に仕事としてレクチャー動画的なものを作るときにLinearity Moveを使ってみることにしました。
そこでまずはLinearity Moveの公式のYouTubeのレクチャー動画をいろいろ見たんですけども、
どの動画でも先ほど紹介したアニメーションがあらかじめ割り当てられたパネルボタンを使っていませんでした。
全部動きをつけるときはタイムラインで細かく操作をしていました。
Adobe After Effectsに近い感じですね。
Adobe After Effectsはまさにベクター画像も扱えますし、モーショングラフィックスを作るプロが使っているツールです。
私はAdobe Creative Cloudのコンプリートプランのユーザーなので、After Effectsを使うことはできるんですが、
プロ向けの高度なアプリなので、ちょっとお手軽に使うみたいなツールではないので、なかなか敷居が高いというか、あまり使ってないんですね。
もっと手軽なツールということでCanvaやAdobe Expressのアニメーション機能を使ったり、このLinearity Moveを使おうとしていたんですが、
結構しっかりタイムラインをいじっていかなきゃいけないんだと面倒そうだなと感じました。
最初の印象のシンプルでそこまで高機能じゃないというものではなくて、結構ガッツリアニメーションを細かくコントロールして作れるツールという印象に変わりました。
で実際に使ってみたんですが、After Effectsよりは断然とっつきやすい印象で、あらかじめ用意されているパネルから動きを選びつつ、細かいコントロールはタイムラインでやってみたんですが、そんなにストレスになることなく結構スムーズに操作することができました。
移動させるアニメーションを作るときにすべてが同じ速さで動くよりも、最初ちょっと加速して動いて、最後減速して終わるみたいな動きの環境みたいなものがあるほうが自然でいい感じになるんですが、
09:13
これEase In, Ease Outとか言うんですが、最初の設定でEase In, Ease Outになるように設定されていて、後から変えることもできるんですが、その辺しっかりちゃんとアニメーションのことが分かっている人が作っているツールだなと、初心者の人が何も考えなくてもいい感じの動きができるというところもいいなと思いました。
あとFigmaからの読み込みの話なんですが、これ1回ファイルを書き出したりする必要なく、Figmaの自分のアカウントと連携させれば直接ファイルを読み込むことができます。
で、Figma上で複数のフレームを作っておくとフレームごとに読み込ませることができるんですが、同じ要素をフレームごとに移動させたり拡大縮小したりして配置しておくと、Linearity Moveに読み込んだ時点で自動的にアニメーションするということができるのも便利ですね。
Figma上で何フレームかに分けて移動したり拡大したりしておけば、移動したり拡大したりするアニメーションが自動で作られます。先ほど言ったようにEase In、Ease Outとかが効いてるいい感じの動きになります。
あと、Linearity Move上で図形を描いたり文字を入力したりもできるので、ちょっとしたテキストアニメーションとか丸とか四角とか三角がその背景で動くとか、そういうアニメーションはLinearity Moveだけで作ることもできたりします。
今回は以上です。足利浩二がお届けしました。
