2月 23, 2022

Photoshopでピクセルアートを作る(究極のガイドピクセルアートPhotoshop)

私達と接続して下さい

ほとんどの場合、私たちは高品質の写真や肖像画を必要としますが、時には私たちのデザインで使用するためにピクセル化された画像が必要です。 私はあなたの任意の画像から任意のオブジェクトや肖像画のピクセルアートPhotoshopを作る方法の正確な方法をお見せするつもりです。

今、あなたはあなたの写真をキャプチャしてきたし、あなたはそれが古い楽しみ、レトロ、8ビットのピクセルアートのように見えるピクセル化した

このような状況では、Photoshopがピクセルアートに画像を変換するためにPhotoshopがピクセル化しています。

ピクセル化されたロゴやアイコンを高解像度のアイコンに変換する方法を学びたい場合は、ここをクリックしてください!

今、あなたはPhotoshopでこのピクセルアートを作るための完全な技術を学びたい場合は、記事の最後まで私と一緒に固執する必要があります。

この記事では、ピクセルアートのPhotoshopを作成し、楽しい、レトロ、8ビットの古いピクセル化された画像のようなものを作る方法についての究極のステップバイステップガイドを紹介します。

目次

ステップ1:ピクセルアートファイルを設定する

Photoshopで、ファイル>新規に移動します。 選択した文書に名前を付けます。 ファイルを次の次元に設定します:

  • 幅を500pxに
  • 高さを500pxに
  • 向きを横に
  • 解像度を50
  • カラーモードをRGBに

作成をクリックします。

ピクセルアート-フォトショップを開く

ステップ2: 被写体の写真を開く

このプロジェクトに使用したい人や何かの写真を開きます。 これを行うには、ドキュメント上の被写体の画像をドラッグアンドドロップするか、ファイル>埋め込み場所に移動します。

Place Embended Pixel-Art-Photoshop

これは、画像の場所に移動して開くように求められます。

最初のステップは、必要な結果を得るためにサイズを変更することです。

被写体の下部を円形に切り抜きたい場合は、楕円形のマーキーツールを開き、角の近くに移動し、Shiftキーを押しながら円形の選択範囲をドラッグします。

CtrlキーまたはCmd+Jキーを押して選択範囲内の主題を切り取り、選択範囲の複製を作成し、下のレイヤーを非表示にすることができます。

下のレイヤーの横にある眼球アイコンをクリックして非表示にします。

ステップ3:背景の削除

次に、私たちは私たちの主題の背後にある背景の残りの部分を削除し、あなたの主題をマスクします。

これを行うには多くの方法があり、あなたの方法はあなたの写真の特性に依存する必要があります。

この例では、背景が純粋な白またはいずれかの色であれば、私の魔法の杖ツールを使用することができます。

許容値を10にして、”Contiguous”がチェックされていることを確認することができます。 “Contiguous”は、被写体の外側の白い領域のみが選択されることを保証します。

だから私はPhotoshopで選択ツールの異なるタイプを持っており、そのうちのいくつかはまた、選択を完了するためにAIを使用しています。

  • 長方形マーキー: このツールを使用すると、画像の長方形の部分を選択できます。
  • なげなげ:この選択ツールを使用すると、選択したいものの独自のフリーフォームのアウトラインを描画することができます。 これは形として修飾しないそれらの区域のために最もよく働く。
  • クイック選択:このツールは、エッジが明確に定義された領域で最も効果的な点を除いて、投げ縄ツールと同様に使用されます。 マウスをドラッグすると、輪郭が端に”スナップ”します。

クイック選択ツールを使用して選択を行うことができ、選択について完全に正確にしたい場合は、ペンツールを使用して選択を行うことができます。

しかし、選択を行う方法はチュートリアルではないので、オブジェクトを選択する方法を学ぶ時間を無駄にすべきではありません。

使用する選択ツールのいずれかを使用して背景を選択し、キーボードのdeleteキーを押して被写体から背景を削除するだけです。

選択

選択を解除するには、キーボードのCtrlまたはCmd+Dを押します。

ステップ4:ストロークを追加する

今、私たちはそれがより多くの8ビットのレトロなピクセルアートのように見えるように私たちの主題の周りに黒

ストロークを適用するこのステップをスキップできます。

ストロークを追加するには、対象レイヤーを右クリックし、ブレンドオプションを選択します。

ストローク

ブレンドオプションでストロークとストローク設定を選択します。

色を黒に、サイズを5ピクセルに、位置を”外側”に設定します。 次に、「OK」をクリックするか、EnterまたはReturnキーを押します。

ステップ5:ピクセルアートに変換するPhotoshop

今、私たちは、画像をピクセル化するために私たちのフィルタを適用する必要があります。 しかし、画像をピクセルアートに変換する前に、画像をスマートオブジェクトに変換する必要があるため、非破壊的にフィルタや調整を追加できます。

これを行うには、レイヤーパネルから対象レイヤーを右クリックし、”スマートオブジェクトに変換”をクリックします。

フィルタを非破壊的に適用できるようになったので、Filter>Pixelate>Mosaicに移動します。

フィルタピクセル-アート-Photoshop

セルサイズを10平方にするか、好みに応じて任意の値を使用できます。

ステップ6: ピクセルアートに機能を追加するPhotoshop

ご覧のように、ピクセルアートはほぼ準備ができていますが、肖像画やオブジェクトを正しく表示する必要がある場

次に、キャラクターの特定の特徴を強調するために黒と白の正方形を追加します。 私はあなたにそれを行う2つの方法をお見せします。

まず、CCよりも前のバージョンを使用している場合の方法を紹介します。 次に、正確な方法を持つCC以降を使用してそれを行う方法を示します。

:

CCより前のバージョンを使用している場合は、CtrlまたはCmd+Nを押して新しいドキュメントを作成するか、ファイルと新規に移動します。 幅と高さをそれぞれ10ピクセル、解像度を50ピクセル/インチにします。 色は黒です。 次に、「作成」または「開く」をクリックします。

キャンバスに最大サイズで表示するには、CtrlまたはCmd+0を押します。 編集と”ブラシプリセットの定義”に移動します。 このウィンドウが表示されたら、OKをクリックします。

ピクセルアートドキュメントを開きます。 あなたが使用しているバージョンに関係なく、あなたのキャラクターの端に沿って最も軽い正方形を削除してみましょう。

選択し、”色の範囲”に移動します。 “ハイライト”を選択します。 あいまいさを0%にし、範囲を1にします。

レイヤーマスクアイコンをクリックして、アクティブなレイヤーの横に選択範囲のレイヤーマスクを作成します。

Ctrlキーを押しながらクリックするか、Cmdキーを押しながら新規レイヤーのアイコンをクリックして、アクティブなレイヤーの下に新しいレイヤーアイコンを作成します。 このレイヤーを背景として使用します。

今のところ、白で埋めてみましょう、そして白は私たちの背景色なので、CtrlまたはCmd+Deleteを押します。 一番上のレイヤーをクリックしてアクティブにし、その上に新しいレイヤーを作成します。

CCより前のバージョンの場合は、鉛筆ツールと鉛筆ピッカーを開きます。 最後のサムネイルは、以前に保存したプリセットです。

クリックしてアクティブにし、不透明度が100%であることを確認します。

この最初の方法は、その下の正方形の上に直接整列する際に細心の注意を必要とします。

正確に整列されていない場合は、CtrlまたはCmd+zを押して最後のステップを元に戻し、もう一度やり直してください。

ブラシを白くするには、キーボードの”x”を押して前景色と背景色を反転させます。

Photoshop CC以降:

CC以降をお使いの方は、”表示”と”新しいガイドレイアウト”に移動してください。 列と行で、それぞれ50ピクセルを入力し、他のすべての塗りつぶしとチェックを外したままにします。

ガイドラインが表示されない場合は、CtrlまたはCmd+Hを押します。

“長方形マーキーツール”を開き、”選択に追加”アイコンが有効になっていることを確認します。 これにより、画像を作成するときに画像に追加の選択が追加されます。

ビューに移動し、”スナップ”がチェックされていることを確認します。 これにより、追加した選択がグリッドにスナップされます。

選択したクラスタを作成したら、黒で塗りつぶして選択を解除します。

ガイドラインなしでキャラクターを表示したい場合は、CtrlまたはCmd+Hを押します。

ステップ7:色と明るさを調整する

アートをよりポップにするには、画像に少し彩度とコントラストを追加する必要があります。

これを行うには、レイヤーパネルに移動し、明るさ/コントラスト調整レイヤーを作成し、その設定でコントラストを約20+から40+に増やします。 また、より良い結果を得るために明るさで遊ぶことができます。

次にレイヤーパネルに移動し、色相/彩度調整レイヤーを作成し、その設定で彩度を約10+から20+に増やします。

ステップ8:新しい背景色を追加する

今、私たちはそれを文書にインポートし、被写体レイヤーの下に背景のレイヤーを配置することにより、私たちのピク

単色レイヤーを作成して新しい色を選択し、被写体レイヤーの下のレイヤーを使用して任意の色の背景色を作成することができます。

背景

結論

これらは、あなたが従ういくつかの手順ですAdobe Photoshopでピクセルアートを数秒で作ることができます。 ただ、一度記事を読んで、それを試してみて、あなたが行ってもいいです!

記事に関するご意見やご提案は必ずコメントしてください。

よくある質問

  • ピクセルアートとは何ですか?

: ピクセルアートは、画像がピクセルレベルで編集されるソフトウェアを使用して作成されたデジタルアートの一形態です。 この種のグラフィックスの美学は、グラフ電卓などの他の限られたシステムに加えて、8ビットおよび16ビットのコンピュータおよびビデオゲームコン

  • どこでピクセルアートを作るのですか?

回答:それを行うには多くのオンラインツールがありますが、Adobe Photoshopでピクセルアートを作ることができる最も汎用性の高いソフトウェアです。

アブドゥルムタカバーラヤーズ

私は5年以上の経験を持つグラフィックデザイナーです。 Adobe Photoshopに特化しています。

任意のPhotoshopの編集、Photoshopの操作、ロゴデザイン、チラシ、名刺、漫画の肖像画や仕事の任意のタイプについての情報を取得-グラフィックデザインとPhotoshopの編集に関

私達と接続して下さい

コメントを残す

メールアドレスが公開されることはありません。