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

16,904

BrayanMenchu

BrayanMenchu

序章

ピクセル アートは、主にビデオ ゲームに関連するデジタル アートの一分野であり、近年非常に関連性が高まっています。このタイプの芸術は、一緒に結合された色のブロックを使用してキャラクターと世界全体を表現することを特徴としています.

 

この記事では、ピクセルアートの基本的な概念と、このスタイルで作業するためにClip Studio Paintが提供するツールを構成する方法を紹介します.

基本概念

ピクセル:

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

ライン:

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

曲線:

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

ジェイギーズ:

ご覧のとおり、ピクセル アートは基本的に、パターンに従って線を作成して形状を作成します。ジャギーとは、パターンを壊して形状を奇妙に見せるピクセルまたはピクセルです。

 

ジャギーは常に悪いわけではないので、どのジャギーを取り除き、どのジャギーを残すかは私たち次第です。

ダブルス:

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

アンチエイリアシング:

中間色のピクセルを追加したり、元の色の透明度を下げたりして、滑らかな感覚を作成するプロセスです。

 

注: クリップ スタジオ ペイントでは、ツールはアンチエイリアシング オプションを提供します。ピクセル アートで作業するには、このオプションを無効にするか、最小限に抑える必要があります。

ピロー シェーディング:

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

ディザリング:

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

解決:

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

 

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

ツール

キャラクターの作成に使用するプログラムは Clip studio paint です。次に、使用する基本的なツールのリストと、それらを機能させるための構成方法を示します。

 

•ドット ペン: 一度に 1 つのピクセルだけをペイントするブラシです。[マーカー] セクションにあります。

 

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

 

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

 

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

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

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

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

キャラクターのデザイン

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

シルエット

シルエットは、ドット絵、高精細アート問わず、キャラクターをデザインするための技法です。シルエットは、影だけを見る必要なくキャラクターを認識するのに役立ち、デザインに独特のキャラクターを与えることができる詳細を追加することができます.

 

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

線画

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

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

このキャラクターのために選択された色は、ベースカラー、ライト、シャドウ、およびラインに対応する 4 つのトーンを持っています。

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

 

個人的には、デザインをより統一するために、線画を影よりも暗い色合いにするのが好きですが、線画を単色または完全に黒のままにしておくと、それは完全に有効です。

研磨の詳細

あとは細部を磨くだけです。このキャラクターのマスクは頭を完全に覆うのではなく、目だけを覆うことにしました。また、小さな羽の房を追加して個性を出しました。武器もポージングに合わせやすいヌンチャクに変更。

 

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

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

私たちの完全な性格で、残っているのはそれをエクスポートして共有することだけです。

 

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

 

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

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

 

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

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

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

 

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

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

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

•ファイルを 512x512 ピクセル以上の解像度にスケーリングして、ソーシャル ネットワークで共有します。

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

 

読んでくれてありがとう!

 

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

コメント

新着

公式 新着