8 ビット フラッシュバック NES のさまざまなピクセル アートは、The Incident や Sword & Sworcery などのゲームでも、ウェブ上のアバターでも、現在大流行しています。美しいピクセル アートがどのように作成され、どのように自分で作成するのか疑問に思っている場合は、ほぼ瞬時にピクセル アートを作成するためのヒントをいくつか紹介します。 OS X のズーム機能である Pixelfari を使用し、Photoshop を構成して独自のレトロ ピクセル アートを作成し、他の方法の結果をクリーンアップします。

1) Mac OS X ズームを使用して画像をピクセル化し、即座にピクセル アートを作成する

おそらくご存知のことと思いますが、Control キーを押したままトラックパッドを 2 本指で上下にスワイプすると、画面がズームインします (または、Control キーを押しながらスクロール ホイールを使用します)。外付けマウス）。 OS X ズーム ツールでアンチエイリアシングを無効にすると、この機能を使用して、何からでもピクセル化された画像を作成できます。方法は次のとおりです:

• Command+Option+\ を押して、画面ズームのアンチエイリアスを無効にします
• すぐにピクセル化したい画像の上にマウス カーソルを置きます
• Ctrl+画像を拡大して、ピクセルの成長を観察します
• Command+Shift+3 で画面全体のスクリーンショットを撮る

このテクニックを使って、このピクセルアートの MacBook を即座に作成しました:

必要に応じて、この記事で説明した Photoshop のテクニックを使用して Photoshop で画像をクリーンアップし、正確なピクセル単位のレベルで編集できます。この方法のヒント:

• ベース画像は小さい方が良いです。画像からアイコンを作成し、それらにズームインするのは素晴らしいです
• 一般的にコントラストが高いほど良い
• さまざまなレベルのズームを試す

フルスクリーンのスクリーンショットを撮ることも重要です。これにより、画像が完全なピクセル化された栄光でキャプチャされます.

2) これらの設定のヒントに従って Photoshop でピクセル アートを描画する

Photoshop をお持ちの場合は、いくつかの設定を調整して、ピクセル アートの描画と編集に適したものにすることができます:

• 「画像補間」環境設定を「最近隣 (ハード エッジを保持)」に調整して、Photoshop が画像をスケーリングする方法を変更します
• 環境設定でグリッドを有効にする > ガイド、グリッド スライス & カウント > 1×1
• 鉛筆ツールを 100% の硬度で直径 1px に適切に設定します
• クローズアップピクセルビューと目的の最終解像度の両方に複数のズームレベルを使用

Photoshop のセットアップは次のようになります:

これらの Photoshop テクニックは、iOS 開発者の Brandon Trebitowski 氏によるものです。ピクセル アートのデザインに興味がある場合は、この問題に関する彼のブログ投稿を強くお勧めします。BrandonTreb.com で読むことができます。 .

3) Pixelfari でインスタント ピクセル アートを作成する

. Pixelfari は開発者の Nevan Morgan によるもので、ここからすぐにダウンロードできます。

基本的に必要なことは、画像を Pixelfari にドラッグするだけで、画像がピクセル アートとして自動的にレンダリングされ、Pixelfari ウィンドウのスクリーンショットが撮られます。これは完璧ではありませんが、Brandon が言及した上記のテクニックを使用して洗練できる良い出発点を作成します。

.

出力をクリーンアップしたい場合は、上記の Photoshop のヒントを使用するか、OS X のズーム機能を使用して Pixelfari で結果をハイパーピクセル化することもできます。

もちろん他にも方法はありますが、素早いピクセル化には Zoom と Pixelfari テクニックが最適です。Photoshop の設定は、最初から描画したり、ピクセル化された画像をクリーンアップしたりするのに最適です。MSPaint のクローンである Paintbrush を使用することもできますが、そのアプリで価格を取得するのは困難です。最後に、Natomic には、シェーディング、ライティング、線の使用などに関する一般的なヒントがいくつかあります。古い情報ですが、ピクセルは長い間存在しているため、技術は依然として非常に関連性があります。