質問がありましたので・・・
内容は以前の続きです。
PhotopeaでWebPアニメーションを簡単に作成(その3)2022/05/15●
PhotopeaでWebPアニメーションを簡単に作成(その2)2022/05/07●
PhotopeaでWebPアニメーションを簡単に作成 2022/05/06●
以下も参考にしてください。
レイヤー名の頭に[_a_]を付けるのがPhotopeaでのアニメーションの基本ですが、レイヤーで分かれている複数のオブジェクトのレイヤーをShiftキーを併用して選択し、レイヤー下のフォルダーのアイコンをクリックしてグループ化ッします。これでレイヤー内に複数のオブジェクトが収まります。
ここでふぉフォルダー名の頭に[_a_]を付けます。後はフォルダーを選択してControl(Command)Jにて複製を作成し、Shiftキーを併用して選択し位置を調整します。Shiftキーは選択直後に離しても大丈夫です。
構造的には以下の様になります。
_a_フォルダー4
fish_c
fish_b
fish_a
_a_フォルダー3
fish_c
fish_b
fish_a
_a_フォルダー2
fish_c
fish_b
fish_a
_a_フォルダー1
fish_c
fish_b
fish_a
Background
この段階でWebPに書き出した状態です。
ここで化ぬフォルダー内のオブジェクトの位置を変更したり、必要であればデフォルメを行ってもアニメーションに影響するので面白いです。
位置関係を調整した結果。
もちろん色を変更すること子可能です。
色替えを調整した結果。