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