月曜日, 5月 20, 2024

Photopea Basic Operation 08
PtotopeaでWebPアニメーションを簡単に作成(その4)

質問がありましたので・・・
内容は以前の続きです。


以下も参考にしてください。
レイヤー名の頭に[_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に書き出した状態です。

ここで化ぬフォルダー内のオブジェクトの位置を変更したり、必要であればデフォルメを行ってもアニメーションに影響するので面白いです。

位置関係を調整した結果。

もちろん色を変更すること子可能です。

色替えを調整した結果。