Aseprite レイヤーを分けて描画した画像をマージして1つのレイヤーに合成

ドット絵やアニメーションを作れる便利なエディタAseprite」のレイヤー機能を使って、2つのレイヤーに分けて描画した画像を1つのレイヤーに合成する手順を、例としてクリスマスツリーもみの木飾りの部分をレイヤーを分けて作りながら紹介します。

※ Aseprite (Steam 版) v1.3.10.1-x64 を使用しています。

レイヤー1のもみの木をコピー

編集する前に、作成したレイヤー1のもみの木の画像コピーしてオリジナルを残してから作業しました。
※バックアップの必要がない場合は特に必要ありません。

コピーするには、コピー元のレイヤーをウィンドウ下側のレイヤーのリストから選択して、右上の四角形の選択ツールを選択して、コピー元の範囲マウスドラッグで囲んで Ctrl + C を押します。
その後、 Ctrl + V同じ場所に貼り付けてからその枠線内マウスドラッグするとコピーした画像移動できます。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順1

次に、クリスマスツリーの飾りの部分を、レイヤー1のもみの木の画像に影響を与えないように描くために、一時的にレイヤー2を追加します。

レイヤーのリストから Layer 1 を右クリックして表示されるメニュー「New」→「New Layer」で Layer 1 の上にLayer 2が追加されます。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順2

レイヤーのリストから、追加した Layer 2 を選択して、もみの木の画像の上に飾りの絵を描画します。
レイヤーを分けてあるので、間違った部分を消しゴムで消してもLayer 1 のもみの木の画像を消すことがないので、効率よく描画できました。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順3

Layer 1 のもみの木の上に Layer 2 で飾りを描き足しました。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順4

作業が終わったらレイヤーを1つに統合します。
レイヤーのリスト上側にあるレイヤー Layer 2 を右クリックして表示されるメニュー「Merge Down」を選択すると下側のレイヤー Layer 1 と画像をマージして、1つのレイヤーにできます。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順5

レイヤーを分けて、効率よく作業をした後に、 Merge Down メニューによって再び1つのレイヤーに統合することで、クリスマスツリーの飾りを効率よく描画できました。

Aseprite レイヤーを分けて描画した後、レイヤーを合成する手順6

まとめ

今回は、ドット絵やアニメーションを作れる便利なエディタAseprite」のレイヤー機能を使って、2つのレイヤーに分けて描画した画像を1つのレイヤーに合成する手順を、例としてクリスマスツリーもみの木飾りの部分をレイヤーを分けて作りながら紹介しました。

参照サイト Thank You!

記事一覧 → Compota-Soft-Press

コメント

Ads Blocker Image Powered by Code Help Pro

お願い - Ads Blocker Detected

このサイトは広告を掲載して運営しています。

ポップアップを閉じて閲覧できますが、よろしければ

このサイト内の広告を非表示にする拡張機能をオフにしていただけませんか?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

タイトルとURLをコピーしました