土曜日, 5月 07, 2022

PhotopeaでWebPアニメーションを簡単に作成(その2)

WebツールのPhotopeaで、現状はPhotoshopでも作成できないWebPアニメーションを簡単に作成する・・・その2です。


今回は単なる移動では無く、細かい動作設定です。ただし、用意するには動かしたいパーツに分けたイラストです。それらを1つのフォルダーに納めてグループ化します。尻の手順はすべてのパーツを選択してレイヤーパレット下のフォルダーのアイコンをクリックするだけです。ここでは以下のパーツのレイヤーをグループ化しています。

・怒った表情(目と口)
・微笑んでいる表情(目と口)
・ピンクのシャツとスカート
・グリーンのシャツとスカート
・右手
・左手
・頭(顔と髪の毛)
・ピンクの靴を履いた右足
・グリーンの靴を履いた右足
・ピンクの靴を履いた左足
・グリーンの靴を履いた左足

スタート地点1のポース

地点2のポース

地点3のポース

地点4のポース

地点5のポース
 
webp形式で書き出したサンプル