パート1：適切なツール
パート2：直線と曲線
パート3：展望
パート4：影と光
パート5：カラーピッカー
パート6：スムージング
パート7：テクスチャとぼかし
パート8：タイルの世界
パート5：カラーパレット
1.いつ、なぜパレットを選択するのですか？
良い質問です。なぜこれについて始めたのですか？ パレットが作品の品質の50％であるという理由だけで。 ゲーム全体を通して、一貫したパレットを持つことが重要です。パレットは全体的な雰囲気に大きく貢献するからです。 一般的に、良いグラフィックと悪いグラフィックの違いを作るのは、ほとんどパレットです。 「まあ、良い選択をすることが重要です。最後にやるつもりです。」 ああ、もちろん違います！ パレットは、ピクセルアートを描くときに最初から最後まで機能します。 私にとって、これが最初で最後のことです。まず、画像の隅に開始パレットを作成し、次に移動しながら調整し、最後に改善に時間を費やします。 改善は主に「フレア」によるものです。ここで学んだことは疑問に思われるかもしれません。これは単なる出発点です。
2. HSLの魔法
a。 復習
コンピューターでは、すべての色は6文字の16進コード（文字0 1 2 3 4 5 6 7 8 9 ABCDEFを使用）で表されます。 たとえば、コード＃000000は黒、白は＃FFFFFF、＃FF0000は純粋な赤です。 複雑なことは何もありません。 このコードは、2桁の3つのセグメントに分割できます（＃は単なる記号です）：最初の2桁は赤の色成分、次の2桁は緑、最後の2桁は青を示します。 これら3つの値を組み合わせることで、任意の色を取得できます。 たとえば、赤い部分が最大化（FF）され、緑と青の部分がゼロであるため、＃FF0000は純粋な赤です。 16進コードは議論を容易にするために10進に変換できます（誰もがあなたや私のような16進コードを読むのが好きというわけではありません）-各ペアは00からFFの間で、0から255までの数字です。アルテ、例えばマゼンタ＃6A146A（赤106-緑20-青106）。 さて、この色は悪くありませんが、私にはあまり合いません...もっと生き生きと、より強烈なものが欲しいです。 私はそれをもっと強くするために、3つの成分を増やす必要があると自分に言います...あなたはそれが色をより白く淡くするだけだと言います。 悪い、私は少し暗くし、各コンポーネントを10ずつ減らします...もう一度ミス！ 私は自分の色を暗くしましたが、グレーが欲しくありません...ああああ。 この方法で正確な色を選択することは困難です。 しかし、ゾロは救うようです！ （この場合、ZorroはHSLパレットです）。 もちろん、脳が色を3つのコンポーネント（RGB-赤緑青、つまり赤緑青）に分割するのは不自然であることがわかっています。 HSLパレットは色を指定するもう1つの方法です。ここではRGBコンポーネントは使用されませんが、肉眼で表示および認識できる3つのコンポーネント、Hue-色相、Saturation-彩度、Brightness-明度です。 0と360の間の色相は単なる色です：赤（0）、黄色（60）、緑（120）、シアン（180）、青（240）、ピンク（300）、赤（360）。 よく見ると、端の2つの色が同じであることがわかります。 もちろん、私が言及した色の間の中間色はすべて存在します。 0〜100の彩度。これは色の強度です。 色の彩度が高いほど、より強くなります。 彩度0はグレーです。 また、0〜100の明るさを理解するのが最も簡単です。色が黒か白かを判断します。 1部で紹介するすべてのピクセルアートプログラムでは、HSLを使用して色を選択できますが、これを使用しない理由はありません。 少し練習すれば、想像した色を簡単に得ることができますが、RGBでは時間がかかります。
b。 ランプとシェード
色を選択するためのツールがわかったところで、次に主な質問であるパレットの選択に移りましょう。 パレットは多くの「ランプ」で構成されています。ランプは、色合いが隣接する色のグループです。 たとえば、パレットには、赤いランプ、緑のランプ、茶色のランプが含まれる場合があります。 例を見てみましょう。
これはひげを生やした小人であり、作成に使用されたパレットの下にあります。 このパレットには、青、赤、オレンジの3つのランプが含まれています。 （小さな発言ですが、私のようなパレットを整理する必要はありません。通常、これよりもはるかに面倒です）。 各ランプで、暗い（左）から明るい（右）に色を注文しました。 純粋な白と純粋な黒（大きな長方形）は私の2つのランプの一部であることに注意してください：これらの2つの色の彩度は0（白と黒、これは純粋なグレー）であるため、他のグレーと同様に任意のランプに属することができます。 最古の人はすでにコモドール64ゲームの画像を見たことがあるかもしれませんが、このマシンには、アーティストがさまざまなランプを作成できるように、多くのグレーの陰影を含むカラーパレットが表示されました。 -今、基本を知っているとき、色合いを変える基本概念に興味があります。 私たちは、すべての色が同じ色相と彩度を持ち、あなたが明かりや日陰にいるときだけ明るさが変わると信じがちです。 しかし、これはそうではありません！ 最後の部分で私が言わなかったことは、あなたのオブジェクトは青い空と黄色い太陽に照らされているということです。つまり、ランプの間に日陰が少し変わるということです。 ほとんどの場合、物事の現実は非常に複雑であり、私が言及しなかった照明の知識が必要ですが、ピクセルアートでは次のルールを安全に使用できます。
-暗くなると、彩度が上がります
-明るくすると、彩度が低下します
-暗くなると、色相がより青くなります
-明るくすると、色相がより黄色になります
ドワーフパレットの赤いランプをよく見ると、これらの傾向がわかります。 数字は一目瞭然で、すべてが上記の原則に準拠していることを確認できます。 彩度に関するルールを逆にすると、ソフトな外観になります。
これが私たちのプロの友人からの小さな例です。黄色から紫色に変化する色の巨大なパレットを含む聖剣伝説3の木です。 画像には範囲全体ではなく、最も明るい色と2つの暗い色のみが表示されます。
c。 ゼノドロゲン法
発明者にちなんで名付けられたXenodrogenメソッドは、ランプの正確な色を（大きすぎる）エラーなしで選択する方法です。 この方法は従うべき絶対的なルールではありませんが、色の感覚があれば、美しいランプを作成できます。 この方法は、作成するのは難しいが、使いやすいルールに基づいています。「ランプでは、色相、彩度、および一方向の色の変化。 それらの変化（数学的に言えば二次微分）も一方向に変化します。」 最初の表現についてはすでに説明しましたが、色相と彩度をどの方向に変更するかについても説明しました。 2番目の式を使用すると、これらの変更の数を決定できます。ランプでは、ランプ（コンポーネント）の各変化（色相、彩度、明るさ）がランプ中にますます増減します。 A、B、C、D、およびEと呼ばれる5色のパレットを想像してください。たとえば、彩度をAとBの間で1、BとCの間で5、CとDの間で5ずつ変更できます。一方、DとEの間の12で。23 2 1 4のようなことをするのは間違っているでしょう。これは一種の「ヨーヨー」効果につながる可能性があります。 要約すると、色相または彩度を変更する速度を変更できますが、同じ方向に速度を変更する必要があります。
例として緑のランプを考えてみましょう。ここでは、色が増加するにつれて減少し、彩度がますます増加し、輝度がますます増加します。 前の段落で説明したように、明るさと彩度の関係を逆にすることができます。これにより、より柔らかく（パステル調の）レンダリングが可能になります。このランプでは、これらはより鮮やかな最も鮮やかな色です。 ゼノドロゲン法の最後の詳細：ランプの色が多いほど、小さな変更を加える必要があります。 この緑のランプの色は5色なので、少し変更を加えます。 3色しかない場合は、15〜20単位の範囲にばらつきがあります。
3.良い味
a。 黒と白
白黒を使用する問題は、段落全体に値します。 通常、これらの2色を純粋な形で使用することはお勧めしません。 ただし、2つの例外（各色に1つ）があり、このガイドの冒頭のgnomeはこれらの例外に関連しています。 非常に明るい表面（効果と魔法の呪文）または非常に鏡面（金属、宝石）に純粋な白を使用できます。 小人と彼の金属鎧のような。 純粋な黒の場合はさらに微妙です。実際には完全な黒は存在しないため、シャドウには使用できません。 通常、かすかな色（紫色）があります。 宝石や輪郭には使用しないでください。 唯一の適切なケースは、ゲーム内でキャラクターをより目立たせ、環境と区別するためのストロークです。 それにもかかわらず、黒はスプライト内の詳細を分離し、ラフなスケッチのように見せるため、黒の「内側」の使用には厳しく警告します。
b。 トラップ
初心者には2つの傾向があります。
-過飽和色の使用
-観察の代わりに、仮定に基づいた色の使用。
草が常に緑であるとは限らず、水と空が常に青であるとは限らず、キャラクターの色は肌の色調や照明によって異なる場合があることに注意してください。 時刻と周囲の光-色を変更します。 あなたの周りを見て、学びましょう。 （RGBで色を見る場合、草の色（たとえば）は赤と青の成分に対して00であってはなりません。海と空は純粋な青であってはならず、灰色に見える石でさえ色のバリエーションがあるはずです。これらのルールに従う：HSLを使用すると、このtrapに陥ることを防ぐことができます）私は始めたときにこの部分を完了することにし、これらのルールは石に刻まれているのではなく、ヒントに過ぎないことを思い出させます。 このパートでは、優れたカラーパレットを選択するための多くのルールを提供しますが、最も重要なことは優れた味と練習です。 また、ルールを超えてパレットを改善できると思われる場合は、お気軽にそうしてください。 最終的に、主な結果。