ただいまの人気記事はこれ!おすすめ記事いろいろ

【Aseprite】「Replace color」を使ってドット絵の色を置き換えてみよう

Aseprite

今回はAsepriteで「Replace color」を使った色の置き換え方法をお届けします。

この方法を使うと、ドット絵の任意の色を一発で置き換えることができます。

 

たとえば、このドット絵の帽子とスカートを別の色にしたい場合。

【Aseprite】色の置き換え

もっともオーソドックスなのは、手作業でそれぞれのドットの色を変えていく方法ですが、それなりの手間がかかり、なかなか大変です。

 

が、今回の方法を使えば、一発で好きな色に変更することができます。

【Aseprite】「Replace color」を使って色を置き換えてみよう

色の置き換えは、指定したレイヤーはもちろんのこと、すべてのレイヤーに適用することもできます。

ちなみに色の置き換えはパレットを使って行う方法もありますが、今回お届けする方法も便利です。

【Aseprite】ドット絵の「色の置き換え」がかんたんにできるモード
ドット絵ソフト「Aseprite」のパレットには様々な機能があります。 今回は、ドット絵の色の置き換えや色の交換がかんたんにできるモード、「Indexed」についてお届けします。 このモードを使う...

というわけで、さっそく「Replace color」を使った色の置き換え方法をやってみましょう。

Asepriteの記事一覧

色を置き換えてみよう

今回は例として次のドット絵の「帽子の色」を置き換えてみます。

色の置き換え箇所

この部分の色は、スカートに使っている色と同じです。

レイヤー構成は次の通りです。

レイヤー構成

「hat」が帽子のレイヤー、「body」がスカートを含む服のレイヤー、「leg」がブーツのレイヤーになっています。

手順

1.Asepriteで任意のドット絵を開きます。

任意のドット絵を開きます

 

2.色を変えたいレイヤーを選択状態にします。

レイヤーを選択

レイヤーをわけていない場合(レイヤーが1つだけの場合)は、そのレイヤーを選択すればOKです。

 

2.ツールバーにある「スポイトツール」を選択します。

「スポイトツール」

 

3.ドット絵の色を置き換えたい部分をクリックします。

色を置き換えたい部分をクリック

今回は例として、帽子の色を置き換えてみます。

 

4.画面上部のメニューバーの「Edit」から「Replace Color」を選択します。

「Edit」

「Replace Color」

 

5.すると、「Replace Color」のパネルが開きます。

「Replace Color」のパネル

 

ここでまず使うのは、赤色の線で囲んだ部分です。

「Replace Color」設定

「From」の横に表示されているのが現在の色(先ほどスポイトツールで拾った色)、「To」の横にあるのが置き換え後の色です。

というわけで、置き換え後の色を設定してみましょう。

「To」の横にあるボタンをクリックします。

「Replace Color」置き換える色の設定

 

6.すると、置き換え後のカラーを設定できるパネルが開きます。

「Replace Color」カラーの調整

 

このパネルで色を変えると、キャンバス内のドット絵の色もリアルタイムで変わっていきます。

「Replace Color」作業中の様子

それをみながら、任意の色を設定してみましょう。

 

7.色が決まったら「Replace Color」のパネルをみてみましょう。

「Replace Color」設定後

「To」の横にあるボタンの色が、今設定したカラーになりました。

あとはこれで「OK」ボタンを押せば、色が置き換わるわけですが、その前に「色の置き換えの範囲」をみてみましょう。

スポンサーリンク

「Selected」と「All」

ここで、パネルの右下のボタンみてみましょう。

「Replace Color」適用範囲

このボタンには「Selected」と「All」という2種類の表示があります。

それぞれ次のような性質があります。

Selected

「Replace Color」Selected

右下のボタンの表示が「Selected」になっているときは、指定したレイヤーの色のみが置き換わります

たとえば今回の例でしたら、「hat(帽子のレイヤー)」を選択しています。

レイヤー構成

ですので、帽子の色のみが置き換わります。

「Replace Color」Selected

 

元のドット絵では、スカートも帽子と同じ色を使っていますが、レイヤーが別なので色は置き換わらずに、そのままというわけですね。

All

「Replace Color」All

右下のボタンの表示が「All」になっているときは、すべてのレイヤーが色の置き換えの対象になります

たとえば今回の例でしたら、帽子とスカートとブーツは別々のレイヤーですが、同じ色の部分であればすべて置き換わります。

「Replace Color」Allを適用

このように、「Selected」と「All」にはそれぞれの性質があります。

必要に応じて使い分けてみましょう。

今回の記事で使用したツール

今回の記事で使用したツールは次の通りです。

Save 30% on Aseprite on Steam
Aseprite is a pixel-art tool to create 2D animations, sprites, and any kind of graphics for games.

ドット絵の制作に特化したソフトです。非常に使いやすく重宝しています。

今回はAsepriteで「Replace Color」を使った色の置き換え方法をお届けしました。

ちなみに色の置き換えは、パレットを使って行う方法もあります。

【Aseprite】ドット絵の「色の置き換え」がかんたんにできるモード
ドット絵ソフト「Aseprite」のパレットには様々な機能があります。 今回は、ドット絵の色の置き換えや色の交換がかんたんにできるモード、「Indexed」についてお届けします。 このモードを使う...

よかったら参考にしてみてください。

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