【Aseprite】パレットの使い方

この記事の目標
基本操作
1. パレットカラーの編集、ロック/ロック解除【★★★】
2. プリセットの利用【★】
パレットのソート/グラデーション【★★★】
1. ソート機能
2. グラデーション機能：Gradient/Gradient by Hue 【★★★】
その他小ネタ/テクニック

この記事の目標

この記事では、Asepriteのパレットの基本操作と機能について解説します。

表記について

学習コスト低減のため、各項目の重要度/使用頻度を以下の形式で表示します。
【★★★】：重要でよく使うもの。初心者,スピード重視の方はここだけ覚えれば十分。
【★★】：覚えておくと便利 or やや難めかつ習得が必須でない内容
【★】：あまり使わない or 上級者向け機能*
　　＊可読性確保のため、上級者向け機能については原則的に別ページで詳細解説

基本操作

まずはパレットのカラー変更やプリセットといった基本的な機能から説明していきます。

パレットカラーの編集、ロック/ロック解除【★★★】

パレットの色を変更するときはロックの解除が必要です。
(忘れやすいので注意)
ロック/ロック解除はパレットの上にある錠前のボタンを押すことで可能です。

目的・効果	操作手順	動作イメージ
パレットの色変更	1. パレットのロックを解除　(上部左上の錠前アイコンをクリック) 2. パレットから変更したい色を選択 3. パレット下部のカラーピッカーから色を設定　(カラーの編集はCtrl＋Zで復元が可能)

補足：パレットロック中の色追加

ロック状態で違う色を使用しようとすると、カラーピッカー横に画像のような警告メッセージが出力されます。
ここで、［！］アイコンをクリックすると、パレットに色を追加する形で適用できます。

一言コメント

私はロックかけっぱなしで色をどんどん追加しながら書き込んでいって、後で使用されている色でパレットを整理しちゃうことが多いです。

プリセットの利用【★】

パレットの上部メニューにある　　ボタンからは、パレットのプリセットを利用可能です。
開くと以下のようにカラープリセットを選択することができます。ウィンドウ下部にLoadボタンがある通り、自作したプリセットなどを読み込むこともできます。

パレットのソート/グラデーション【★★★】

カラーの追加操作がわかったところで、そのソートやグラデーションの適用方法を説明していきます。

ソート機能

パレットの上部メニューにある　　ボタンから、パレットのソートとグラデーションの適用が可能です。単にパレットの配置を変えるだけでなく、Indexedカラーモードと組み合わせることで様々な効果を適用できます。

ボタンをクリックすると以下のようなメニューが展開しますが、一旦上三つは置いておいて、
まずは単純な各ソートについて解説します。

Sort by …
　・Hue：色相でソート
　・Saturation：彩度でソート
　・Brightness：明度でソート
　・Luminance：輝度でソート
　・Red：RGBのRの値でソート
　・Green：RGBのGの値でソート
　・Blue：RGBのBの値でソート
　・Alpha：透過度(α値)でソート
Ascending/Descending:ソートを行う際の昇順/降順を設定

グラデーション機能：Gradient/Gradient by Hue 【★★★】

ソートメニューのグラデーション機能を使用することで、選択範囲の色をグラデーションを適用させる形で編集できます。種類としては以下二種類です。

Gradient：
通常のグラデーション。選択範囲の始点から終点の色に向かって段階的に変化
Gradient by Hue：
色相情報に基づくグラデーション。変化の計算方法が色相になる以外は通常のものと同一の挙動。

グラデーション機能は、主にグラデーションパレットを作成するときに使います。

グラデーションパレットの作成手順

グラデーションパレットを作成したい範囲を用意する。
[||]マークをドラッグすると色の追加/削減ができます。
グラデーションの始点の色を設定する。左の例だと赤。
終点の色を設定する。左の例だと黄色や青。
適用範囲をドラッグアンドドロップで選択する。
ソートメニューから[Gradient]もしくは[Gradient by Hue]をクリックすると作成完了。
＊すでに色が存在する場所でも始点と終点があれば適用可能です。

一言コメント

グラデーションパレットは単に機械的な陰影を聞かせた色を用意することだけでなく、インデックスパレットと組み合わせると簡単に’それっぽい’色相変化の表現ができたりします。(楽しい)