Design
vol.3 空を飛ばそう
さがねです
LINEスタンプの続きです
今回は空を飛ぶアニメーションにしましょう
まずはイラストを用意します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/61c15581f809688a367fc5600786c074-864x576.jpg)
雲が流れるアニメーションにするので
イラストは横長にしてたくさん描いておきましょう
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/971b0a04fa5c3f005879cfecef64ecee-864x576.jpg)
次にわたるさんのイラストを
羽がぱたぱた動くように2パターン用意します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/9b34fd70d2323c93712caf15ce5aa6d3-864x576.jpg)
雲の画像をPSDデータ(レイヤーは保持)に書き出します
ここからphotoshopでの作業になります
横長サイズのカンバスをLINEの規定の320pxのサイズにカットします
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/0e9511f22c886332121a5f63bff38a22-864x576.jpg)
わたるさんのイラストデータをペーストします
2つのデータがきっちり重なるように注意しましょう
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/1e121ab4f7c33f131cb62fdbe2580f89-864x576.jpg)
メニューバーの「ウィンドウ」から「タイムライン」を選択
わたるさんのイラストを左の画面外に移動します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/ffd819d88a9447c8ba7882061051e019-864x576.jpg)
フレームを複製します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/e3a6863267cbe4fee16f2fb5e5f83c69-864x576.jpg)
2フレーム目を選択し雲のレイヤーは左に移動
わたるさんレイヤーは右に移動します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/729d548db1b41a118c40f317697fd6bc-1-864x576.jpg)
「アニメーショントゥイーン」を選択すると
中間部分が自動に生成されます
秒数も指定できるので好きな数値に設定しましょう
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/3237cb7e10c2254fe1860d5269dfbd1b-864x576.jpg)
奇数と偶数のフレームでそれぞれ
わたるさんのイラストのレイヤーを表示/非表示に設定します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/b5299ec6b10cb1e22b73fe39902c0a58-864x576.jpg)
再生ボタンを押すと動きがチェックできますので
おかしいポイントがあれば修正してみてください
問題なければ書き出します
メニューバーの「ファイル」から
「書き出し」の「ビデオをレンダリング」を選び
「photoshop画像シーケンス」を選択します
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/badad3904dcc98d7329a46ea349dd2dc-864x576.jpg)
あとはおなじみ「アニメ画像に変換する君」を使って変換しましょう
![](https://www.o-design2011.com/cms-system/wp-content/uploads/2020/11/stampA.png)
別にillustratorで作成できるのですが
アニメーショントゥイーンでかなり時間が短縮できるので
使い分けてみましょう
今回はここまでです
また次回