はじめに

ピクセルアートは、主にビデオゲームに関連するデジタルアートの一分野であり、近年非常に注目されています。このアートスタイルは、色のブロックを組み合わせてキャラクターや世界全体を表現することを特徴としています。

 

この記事では、ピクセルアートの基本的な概念と、CLIP STUDIO PAINTが提供するツールをこのスタイルで作業するためにどのように設定できるかを説明します。

基本概念

ピクセル:

画面上の点で、異なる色や透明度を持つことができます。

線:

複数のピクセルが互いに接続された連続であり、ピクセルが結合するほど長さが増します。

曲線:

複数の線が互いに接続され、その長さが徐々に短から長へと変化し、望む最大長に達すると徐々に短くなります。

ジャギー:

ご覧いただいたように、ピクセルアートは基本的にパターンに従う線を作成して形を作るものです。ジャギーとは、パターンを崩し、形を奇妙に見せる1つまたは複数のピクセルです。

 

ジャギーは常に悪いわけではないので、どれを削除し、どれを残すかは私たちの裁量にかかっています。それは私たちが目指すアートディレクションによってすべて決まります。

ダブルピクセル:

これらは2つ以上のピクセルに接続されたピクセルで、通常は見栄えが良くないため削除する必要があります。削除するには、単に消去するか、色を変更して別のピクセルに変換することができます。

アンチエイリアス:

中間色を持つピクセルを追加したり、元の色の透明度を減らしたりして、滑らかさの感覚を作り出すプロセスです。

 

注: CLIP STUDIO PAINTのツールにはアンチエイリアスのオプションが付いています。ピクセルアートで作業する場合は、これを無効にするか、最小限に減らす必要があります。

ピローシェーディング:

描画時に光と影が適切に適用されない場合に発生します。これは、オブジェクトの周りに影を適用し、光を中央に配置することで、オブジェクトが枕のように見えるようにするものです。その名前の由来もそこにあります。

ディザリング:

ディザリングとは、パターンを作成し、2色のみを使用してグラデーションが生成するさまざまなトーンをシミュレートすることです。

解像度:

解像度とは、基本的に画面に表示されるピクセル数です。フルHD解像度は横1920ピクセル、縦1080ピクセルを表示しますが、この解像度は非常に高いため、個々のピクセルを区別することは非常に困難です。このため、ピクセルアートをより良く表現するためには、低い解像度で作業する必要があります。

 

個人的には、一枚の画像全体で640 x 360ピクセルを超えない解像度で作業することをお勧めします。キャラクターは、この解像度の小さな部分を占めることになり、画面上のサイズによってすべてが決まります。

ツール

キャラクター作成に使用するプログラムはCLIP STUDIO PAINTです。ここでは、私が使用する基本的なツールとその設定方法をリストアップします。

 

•ドットペン: 一度に1ピクセルだけ描画するブラシです。「マーカー」セクションで見つけることができます。

 

•Gペン: グラフィックタブレットに適用する筆圧に応じてサイズが変化するブラシです。「ペン」セクションにあります。

 

•自動選択: このツールは、ワンクリックで同じ色の複数のピクセルを選択するのに役立ちます。「自動選択」セクションにあります。

 

•投げなわ選択: このツールを使用すると、領域を作成し、その中にあるすべてのピクセルを自動的に選択できます。「選択範囲」セクションで見つけることができます。

これらのツールはデフォルトでアンチエイリアスが有効になっているため、「ツールプロパティ」ウィンドウから無効にする必要があります。このウィンドウは、Windows > ツールプロパティ をクリックして有効にできます。

ツールプロパティからアンチエイリアスのオプションが表示されない場合は、設定アイコンをクリックしてアンチエイリアスセクションを見つけ、表示させてパラメータを修正できるようにする必要があります。これは、ブラシから選択ツールまで、ほとんどのCLIP STUDIO PAINTツールで実行できます。

最後に、オブジェクトを変形する際に奇妙なアーティファクトが生成されないように、変形ツールを変更します。これを行うには、変更したいレイヤーを選択し、編集 > 変形 > 拡大・縮小・回転（またはショートカット CTRL + T を押します）。これにより、ツールプロパティウィンドウに変形プロパティが表示されます。このウィンドウで「補間方法」オプションを探し、「ハードエッジ（ニアレストネイバー）」に変更します。

キャラクターをデザインする

基本的なことをすべて理解したところで、キャラクターのデザインを始めることができます。そのためには、テーマと、デザインに個性を与える特徴を選択する必要があります。私はマスクと忍者武器を持ったアヒルを選びました。

シルエット

シルエットは、ピクセルアートであろうと高解像度アートであろうと関係なく、キャラクターをデザインするために使用されるテクニックです。シルエットは、影を見るだけでキャラクターを認識するのに役立ち、デザインに特徴を与える詳細を追加することを可能にします。

 

キャラクターをシルエットからデザインし始める必要はありませんが、デザイン中にそれを念頭に置くことは重要です。

線画

このプロセスでは、基本的にドットペンまたはGペンツールを使用して、各詳細の輪郭を描きます。開始時には線が奇妙に見えることを心配する必要はありません。ここで重要なのはポーズを捉えることです。結果に満足したら、線のダブルピクセルとジャギーを削除できます。

色

ピクセルアートは限られた解像度が特徴であり、色は例外ではありません。カラーパレットは少なく、限られています。現在、最新のハードウェアではより多くの色を再現できますが、ピクセルアートの本質を維持し、多くの色で奇妙に見えるのを避けるために、1色あたり5色に制限することをお勧めします。

このキャラクターのために選択された色は4つのトーンを持っており、それぞれがベースカラー、光、影、線に対応しています。

さて、光と影を追加し始めることができます。そのためには、ピクセルアートを他の種類のデジタルペインティングと同じように扱うことをお勧めします。光源を尊重し、ピローシェーディングのテクニックを避けながら影と光を適用してください。

 

個人的には、デザインをより統一するために、線画を影よりも暗いトーンで着色するのが好きですが、線画を単一の色または完全に黒のままにすることも完全に有効です。すべてはプロジェクトに求めるアートディレクションによって異なります。

細部を磨く

さて、あとは細部を磨くだけです。このキャラクターの場合、マスクが頭全体を覆わず、目だけを覆うようにしました。また、個性を出すために小さな羽の房を追加しました。武器もポーズにより合うようにヌンチャクに変更されました。

 

どのプロセスでも好きなように変更できることを忘れないでください。重要なのは、作業しているプロジェクトに合致し、達成したデザインに満足していることです。

エクスポートと共有

キャラクターが完成したら、あとはエクスポートして共有するだけです。

 

CLIP STUDIO PAINTでファイルをエクスポートする際、最終画像をリサイズするオプションが表示されますが、これは最善の選択肢ではありません。なぜなら、サイズを大きくすると、ピクセルの比率を尊重せずに変形させ、自動的にアンチエイリアスを適用するフィルターがかかるからです。これは高解像度画像には役立ちますが、ピクセルアートにはあまり有用ではありません。

 

正しくエクスポートするには、まずドキュメントの解像度を変更する必要があります。

まず、編集 > 画像解像度の変更... に移動し、このウィンドウで「拡大・縮小」オプションを探し、拡大したい値に変更します。私の場合、48 x 48ピクセルのキャンバスで作業し、20倍に拡大して960x960の画像を得ました。

 

最後に、拡大時に各ピクセルの比率を維持するために、「補間方法」オプションを「ハードエッジ（ニアレストネイバー）」に変更します。

ドキュメントが希望の解像度に拡大されたら、通常の手順に従って、ファイル > レイヤーを書き出し > .png (PNG...) をクリックし、100%のスケールを選択してエクスポートできます。

エクスポート時の推奨事項:

 

•解像度を拡大する前にドキュメントのコピーを作成するか、必要に応じて元の解像度を使用して編集を続行できるように、保存する前に変更を元に戻してください。

•画像の解像度を拡大する際は、整数を使用してください。これによりピクセルの変形を防げます。

•色を尊重し、画像に奇妙なアーティファクトを作成しないため、PNG形式を使用してエクスポートしてください。

•ソーシャルメディアで共有するために、ファイルを512x512ピクセル以上の解像度に拡大してください。

ピクセルアートは、私が最も楽しんで作成するスタイルの1つであり、私の知識の一部を皆さんと共有したいと思いました。この投稿が役立ったかどうか、コメントで教えてください。

 

お読みいただきありがとうございます！

 

ソーシャルメディア: