WebツールのPhotopeaで、現状はPhotoshopでも作成できないWebPアニメーションを簡単に作成する・・・その2です。
以下も参考にしてください。
PhotopeaでWebPアニメーションを簡単に作成(その3)2022/05/15●
PhotopeaでWebPアニメーションを簡単に作成(その2)2022/05/07●
PhotopeaでWebPアニメーションを簡単に作成 2022/05/06●
今回は単なる移動では無く、細かい動作設定です。ただし、用意するには動かしたいパーツに分けたイラストです。それらを1つのフォルダーに納めてグループ化します。尻の手順はすべてのパーツを選択してレイヤーパレット下のフォルダーのアイコンをクリックするだけです。ここでは以下のパーツのレイヤーをグループ化しています。
・怒った表情(目と口)
・微笑んでいる表情(目と口)
・ピンクのシャツとスカート
・グリーンのシャツとスカート
・右手
・左手
・頭(顔と髪の毛)
・ピンクの靴を履いた右足
・グリーンの靴を履いた右足
・ピンクの靴を履いた左足
・グリーンの靴を履いた左足
スタート地点1のポース
地点2のポース
地点3のポース
地点4のポース
地点5のポース
webp形式で書き出したサンプル