ピクセルアートは素晴らしいです

21,134

BrayanMenchu

BrayanMenchu

導入

ピクセル アートは、主にビデオ ゲームに関連するデジタル アートの分野であり、近年非常に関連性が高まっています。 このタイプのアートは、色のブロックをつなぎ合わせてキャラクターや世界全体を表現するのが特徴です。

 

この記事では、ピクセル アートの基本概念とは何か、そしてこのスタイルで作業するために CLIP STUDIO PAINT が提供するツールを設定する方法について説明します。

基本概念

ピクセル:

これは、さまざまな色や透明度を持たせることができる画面上のポイントです。

ライン:

これは、互いに接続されたいくつかのピクセルの連続であり、より多くのピクセルが接続されると、その長さは長くなります。

曲線:

これらは互いに接続された複数の線であり、長さが短いものから長いものまで徐々に変化し、必要な最大長に達すると徐々に短くなります。

ジャギー:

ご覧のとおり、ピクセル アートは基本的に、パターンに従って線を作成して形状を作成します。ギザギザとは、パターンが崩れ、形状が奇妙に見える 1 つまたは複数のピクセルです。

 

ジャギーは必ずしも悪いものではないので、どれを削除しどれを残すかは私たち次第であり、すべては私たちがとりたい芸術的な方向性によって決まります。

ダブルス:

これらは 2 つ以上のピクセルと接続されているピクセルです。一般に、見た目があまり快適ではないため、削除する必要があります。削除するには、単に削除するか、色を変更して別のピクセルに変えることができます。

アンチエイリアス:

中間色のピクセルを追加したり、元の色の透明度を下げて柔らかな印象を与える処理です。

 

注: CLIP STUDIO PAINT では、ツールにアンチエイリアシング オプションが付属しており、ピクセル アートで作業するには、このオプションを無効にするか最小限に抑える必要があります。

枕のシェーディング:

これは、ペイント時に光と影が正しく適用されていない場合に表示されます。これは、オブジェクトの周囲に影を適用し、ライトを中心に配置することで、オブジェクトが枕のように見えることからその名前が付けられています。

ディザリング:

ディザリングは、パターンを作成し、それを実現するために 2 色のみを使用してグラデーションによって生成されるさまざまなトーンをシミュレートすることで構成されます。

解決:

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

 

個人的には、完全な画像に対して 640 x 360 ピクセルの解像度を超えない解像度で作業することをお勧めします。文字はこの解像度のごく一部であり、すべては画面上の文字のサイズに依存します。

ツール

キャラクターの作成に使用するプログラムは CLIP STUDIO PAINT です。ここで、私が使用する基本的なツールと、それらが機能するように構成する方法のリストを示します。

 

•ドット ペン: 一度に 1 ピクセルのみをペイントするブラシで、「マーカー」セクションにあります。

 

•タンピン ペン: グラフィック タブレットに加える圧力に応じてサイズが大きくなるブラシ。 「ペン」セクションにあります。

 

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

 

•なげなわ: このツールを使用すると、領域を作成し、その中にあるすべてのピクセルを自動的に選択できます。これは「選択エリア」セクションにあります。

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

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

最後に、オブジェクトの変換時に奇妙なアーティファクトが生成されないように変換ツールを変更します。これを行うには、変更するレイヤーを選択し、編集 > 変換 > 変換 / 回転に移動するか、ショートカット CTRL + T を押す必要があります。これを行うと、ツール プロパティ ウィンドウにプロパティが表示されます。このウィンドウで、補間方法オプションを選択し、「ハード エッジ (ニアレスト ネイバー)」に変更します。

キャラクターのデザイン

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

シルエット

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

 

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

線画

このプロセスでは、基本的にドットペンまたはタンピンペンツールを使用して各詳細の輪郭を描画します。開始時にラインが奇妙に見えることを心配する必要はありません。ここで重要なのはポーズをキャプチャすることです。結果に満足したら、ラインから二重やギザギザを取り除くことができます。

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

このキャラクターに選択された色は 4 つのトーンで構成されており、それぞれがベースカラー、ライト、シャドウ、ラインに対応しています。

これで、ライトとシャドウの追加を開始できます。これを行うには、ピクセル アートを他のタイプのデジタル ペインティングと同様に扱い、原点を尊重し、ピロー シェーディング テクニックを避けるようにしてシャドウとライトを適用することをお勧めします。

 

個人的には、デザインをより統一するために線画を影よりも暗いトーンで着色するのが好きですが、線画を単色のままにするか完全に黒のままにすることも完全に有効です。すべてはプロジェクトに望む芸術的な方向性によって異なります。

研磨詳細

あとは細部を磨き上げるだけです。このキャラクターでは、マスクは頭を完全に覆うのではなく、目を覆うだけにすることに決め、さらに個性を与えるために小さな羽の房も追加しました。武器もポーズに合わせてヌンチャクに変更しました。

 

どのプロセスでも必要な変更を加えることができることを忘れないでください。重要なのは、それが取り組んでいるプロジェクトに適合し、達成したデザインに満足できるかどうかです。

エクスポートして共有する

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

 

CSP では、ファイルをエクスポートするときに、最終イメージを再スケールするオプションが提供されます。これは最良のオプションではありません。サイズを大きくすると、ピクセルの比率を考慮しないフィルターが適用され、ピクセルが歪められ、アンチロックが適用されるためです。自動的にエイリアスを設定します。これは高解像度の画像には便利ですが、ピクセル アートにはあまり役に立ちません。

 

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

まず、[編集] > [画像解像度の変更...] に進み、このウィンドウからスケール オプションを探し、スケールする値を変更します。私の場合は 48 x 48 ピクセルのキャンバスで作業しました。それを 20 倍に拡大して 960x960 の画像を取得しました。

 

最後に、[補間方法] オプションを [ハード エッジ (最近傍)] に変更して、スケーリング時に各ピクセルの比率を維持します。

ドキュメントを希望の解像度にスケール変更したら、通常の手順に従ってエクスポートできるようになります。[ファイル] > [単一レイヤーのエクスポート] > [.png (PNG...)] をクリックし、スケール 100% を選択します。

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

 

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

•画像の解像度をスケーリングするときは、必ず整数を使用してください。これにより、ピクセルの歪みが防止されます。

• PNG 形式を使用してエクスポートすると、色が尊重され、画像に奇妙なアーティファクトが生成されません。

•ソーシャル ネットワークで共有するには、ファイルを 512x512 ピクセル以上の解像度に拡大縮小します。

ピクセル アートは私が最も楽しんでいるスタイルの 1 つであり、私の知識を少し共有したいと思いました。投稿が役に立ったかどうかをコメントでお知らせください。

 

読んでいただきありがとうございます!

 

ソーシャルネットワーク:

コメント

新着

公式 新着