ベクターレイヤーに描いた「目」の文字

ストロークを消していくことで、書き順のアニメーションを再現することができます

 

同じことをラスターで消しゴムすると消したところが不自然になるのですが

ベクターの場合は描きかけ状態のまま消すことができます

はじめに

新規イラストを用意します

ベクターレイヤーにサブツールの墨「粗め」で「目」を描きます

五画の字なので助かりました

画数が多くなると24コマのアニメでは命取りになります

 

オブジェクトツールを選びます

このベクターレイヤーの一画ごとを選んで

編集メニューの「切り取り」

レイヤーパレットで「新規ベクターレイヤー」を作成

編集メニューの「貼り付け」を繰り返して

「目」の文字を一画ごとの５枚のベクターレイヤーに分けます

アニメーションフォルダー

１）

あちこち散乱しないようにベクターレイヤーをフォルダーにまとめておきます

 

新規タイムラインを作成します

フレームレートを８、再生時間を３秒 + ０コマにします

 

「新規アニメーションフォルダー」を追加します

レイヤーフォルダーを追加する

２）

レイヤーパレットで「アニメーションフォルダー」の名前を「１画目」とします

「レイヤーフォルダー」を追加します

フォルダーの名前が「１」になっています

 

タイムラインの２コマ目を選んで

右クリックしてセルレイヤーの一覧から「１」を選びます

タイムラインの２コマ目に「１」が入力されました

１コマ目には何も表示しないようにしたいので２コマ目に１枚目を作成します

 

「新規アニメーションセル」を続けて３枚追加し４枚にします

４枚目もフォルダーに「目」の一画目のベクターレイヤーを移動させます

各フォルダーの終わりにベクターレイヤーを移動

３）

続けて同じように

「２画目」の「新規アニメーションフォルダー」を追加します

「２画目」タイムラインの１画目の終わりのコマのとなりを選んでおいて

２画目は「新規アニメーションセル」を６枚作成します

６枚目のフォルダーに２画目のベクターレイヤーを移動します

 

終わりのコマのとなりに

「３画目」と「４画目」は「新規アニメーションセル」を３枚作成して

それぞれの終わりのコマに３画目、４画目のベクターレイヤーを移動させます

 

「５画目」も同じ「新規アニメーションセル」を４枚作成します

残ったベクターレイヤーを移動させます

 

コマが残ってますが、書き終わりを見せるためです

ベクターレイヤーをまとめていたフォルダーを削除します

ベクターレイヤーを複製して消しゴムをかける

４）

消しゴムのサブツール「ざっくり」を選びます

「ベクター消去」にチェックを入れて、アンチエイリアスは切ります

 

レイヤーパレットで

「５画目」のベクターレイヤーを複製します

複製したベクターレイヤーを一つ前のフォルダーに移動させます

キャンバスで描き終わりを消します

 

レイヤーパレットで

少し消したレイヤーを複製して、一つ前のフォルダーに移動させます

キャンバスで続けて少し消します

 

先頭のコマまで続けます

５画目の先頭のコマには５画目の描き始めのベクターレイヤーが出来上がります

５）

残りの４画も複製しては一つ前のフォルダーに移動させて消しゴムします

完成

６）

出来上がりはこんな状態になります

消しゴムで消す幅を、自分なりに考えるともっと生き生きとした表現ができると思います

一番大変だと思ったのは「目」という文字を描くことだったかもしれません

思いの外、力が入り太っとい線になったりして難しかったです

 

作品中でもタイトルの表現とか文字を書くとか壁にペンキを塗るとか猫を伸ばすなど

面白い使い方ができるのではないかと思います

大変かもしれないけど