スリットアニメのTIPS

1,202

けも

けも

白いはずの背景がピンクになっているのはCLIPの仕様です

この辺りは改良して欲しいです

こんなにも色数が少ないのに!!!

レイヤーマスクが「レイヤーのキーフレームを有効化」に対応しているのを利用して

スリットアニメーションを作成します

3枚のシルエットを用意します

1)

新規イラストで

幅を800px 高さを600 解像度72dpi でキャンバスを作成します

 

走っている3枚の絵をシルエットで描きます

3組のトレスと塗りをそれぞれフォルダーに入れました

 

フォルダーを閉じますが、フォルダーは下から動いている順番になっています

スリットを作成します

2)

サブツールの長方形選択を選びます

ツールプロパティパレットで

「縦横指定」にチェックを入れます

「横」を「3px」にします

「縦」は「キャンバスよりも大きく」します

アンチエイリアスは切ります

 

キャンバスをはみ出したところを適当にクリックします

 

キャンバスの上から下まで縦に細い選択範囲ができました

3)

選択範囲メニューの「選択範囲をストック」を選びます

 

レイヤーパレットに「選択範囲レイヤー」が追加されています

「選択範囲レイヤー」を複製します

サブツールの「レイヤー移動」を選びます

右に「9px」移動します

「下のレイヤーに結合」します

 

結合した「選択範囲レイヤー」を複製します

右に「18px」移動します

「下のレイヤーに結合」します

 

結合した「選択範囲レイヤー」を複製します

右に「36px」移動します

「下のレイヤーに結合」します

 

結合した「選択範囲レイヤー」を複製します

右に「72px」移動します

「下のレイヤーに結合」します

 

何度か繰り返して影絵よりも大きく作ります

シルエットを切り刻みます

4)

レイヤーパレットで

「選択範囲レイヤー」をダブルクリックします

キャンバスに選択範囲ができます

レイヤーパレットの一番下のフォルダーを選びます

「レイヤーマスクを作成」します

フォルダーにマスクのサムネイルが追加されます

 

「選択範囲レイヤー」を選んで右に「3px」移動させます

「選択範囲レイヤー」をダブルクリックします

2番下のフォルダーを選びます

「レイヤーマスクを作成」します

フォルダーにマスクのサムネイルが追加されます

 

「選択範囲レイヤー」を選んで右に「3px」移動させます

「選択範囲レイヤー」をダブルクリックします

一番上のフォルダーを選びます

「レイヤーマスクを作成」します

三つのフォルダーにマスクのサムネイルが追加されました

 

「選択範囲レイヤー」を削除します

スリットアニメーションのためのマスク

5)

レイヤーパレットで三つのフォルダーを選択しておいて

レイヤーメニューの「フォルダーを作成してレイヤーを挿入」を選びます

(windowsでしたら ctrl + G macでしたら command + G のショートカットが用意されています)

 

一番下のフォルダーのアイコンの隣のレイヤーマスクのサムネイルを

windowsなら altキーを、macなら optionキーを押しながら

三つのフォルダーを挿入しているフォルダーにドラッグします

レイヤーマスクが一番上のフォルダーにコピーされました

 

一番上のフォルダーに貼り付けたレイヤーマスクは

一番下のシルエットを表示しているレイヤーマスクなので

一番下のシルエットが表示されています

ここからタイムラインでの作業です

6)

タイムラインを表示します

アヌメーションメニューの「タイムライン」の「新規タイムライン」を選びます

フレームレートを「8」に、再生時間を「0+3(秒+コマ)」に設定します

 

3コマです

7)

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

 

レイヤーパレットで

一番上のフォルダーを選びます

 

タイムラインの「レイヤーのキーフレームを有効化」のアイコンを押します

タイムライン左のフォルダー名の左の(+)を開きます

フォルダー名の下の「マスク」という名前をクリックします

 

レイヤーパレットのフォルダーの「レイヤーマスク」が選択されていると思います

 

タイムラインの「キーフレームの補間」を「等速」に設定します

「キーフレームの追加」アイコンを押します

タイムラインの一番上のフォルダーの「マスク」の1コマ目にキーフレームが追加されたと思います

 

「マスク」の最後コマ(3コマ目)をクリックします

カーソルキーの右を6回押してマスクを右へ「6px」ずらします

8)

「再生」します

こちらの背景はちゃんと白いです。なんでだろ?

アナログでこれをやると大変なんだけど・・

デジタルって、ホントいいですね♡

保存もできるし

 

おまけ

カラーでやってみた「踊るドリルちゃん」4コマ(メイキングよりも1コマ多いです)

動いていないはずの背景は動いて見えるのは、考えものです

 

おしまい

コメント

新着

公式 新着