SHARE:

ChatGPTでピクセルアートを作成する方法

1、今流行りのピクセルアート(ドット絵)作成する方法

最近、X(旧Twitter)やInstagramなどのSNSで、
ChatGPTで作成したピクセルアート(ドット絵)が人気です。

とくに韓国で、写真に写っている自分の姿をピクセルアートにし、
その写真に入れ込んでシェアするのが流行しています。以下のような投稿です。

ChatGPTでピクセルアート(ドット絵)作成が流行中!(実際に作成したInstagramストーリーの画像と投稿)

全体像だけでなく、
髪型やアクセサリー、表情、手の位置、持っているものまで忠実に描けます。

ChatGPTでのピクセルアートの作り方をマスターすれば、SNSでのシェアだけでなく、
以下のようなさまざまな場面で「ピクセルアートにした自分」を活用できます。

  • LINEなどメッセージアプリのアイコン
  • ブログの挿入画像
  • バナー広告やスライドの人物写真の代わり
  • クラウドソーシングなどのプロフィールアイコン

さらにアプリ開発ができる生成AIと組み合わせれば、
自分をゲームキャラクターとして登場させることも可能になるでしょう。

ステップ1:題材にする画像をアップロードする

まずは題材にする画像(自分の写真)をChatGPTにアップロードします。
今回使用するのは筆者の実際の写真です。

ChatGPTのチャット入力欄にある「+」のボタンから、
アップロードする写真を選びましょう。

【5ステップ】ChatGPTで作ったピクセルアート(ドット絵)を写真に入れて投稿するまで(STEP1:題材にする画像をアップロードする)

ステップ2:作成するピクセルアートの仕上がりを決める

どのようなピクセルアートにしたいか、仕上がりを決めていきます。
今回採用したのは以下の要素です

プロンプトの項目詳細
キャンバスサイズ・解像度・128×128 px
・ドット等倍表示
カラーパレット・色数AAP-64
画像のスタイル・描き方・黒アウトライン
・セルシェーディング
構図や人物の状態正面
演出ピクセルドロップシャドウ
その他細かい指示・背景透過PNG
・余白 4 px
・中央寄せ

 

ステップ3:アップロードした画像をピクセルアートにするよう指示する

アップロードした画像と先ほど考えた仕上がりを使って、
ChatGPTでピクセルアートを作っていきます。

ChatGPTで生成する時点で「背景透過」を指示するようにしてください。

仕上がりの詳細を反映したプロンプトは以下の通りです。

添付画像をピクセルアート化してください。 
 
【キャンバスサイズ・解像度】
- 128×128 px  
- ドット等倍表示

【カラーパレット・色数】
- AAP-64

【画像のスタイル・描き方】
- 黒アウトライン
- セルシェーディング
- 人物が含まれる場合は、顔をそのまま再現せず、特徴をデフォルメしてアニメ/ゲーム風キャラクター化する
- 顔は誰か特定できないようにシンプルなアニメ調にする
- 服や小物は特徴を残す 

【構図や人物の状態】
- 正面

【演出】
- ピクセルドロップシャドウ 

【その他細かい指示】
- 背景透過PNG
- 余白 4 px
- 中央寄せ

※人物が映っているとそのままピクセルアート化することはできないため、
必ず「人物はデフォルメしてキャラ化する」旨を伝えておきましょう。

基本的には【画像のスタイル・描き方】の部分に
- 人物が含まれる場合は、顔をそのまま再現せず、特徴をデフォルメしてアニメ/ゲーム風キャラクター化する
- 顔は誰か特定できないようにシンプルなアニメ調にする
- 服や小物は特徴を残す
と入れておけばOKです。

上記のプロンプトを送信すると、以下のピクセルアートが生成されました。

【5ステップ】ChatGPTで作ったピクセルアート(ドット絵)を写真に入れて投稿するまで(STEP3:アップロードした画像をピクセルアートにするよう指示する)

ただし、イメージ通りの背景透過にならない場合もあります。

その場合は、スマートフォンにもともとある「切り抜き機能」を使ったり、
アプリや画像編集ツールで背景透過にします。

ステップ4:保存したピクセルアートをコピー

背景透過で生成、あるいは切り抜きが完了したら、
ピクセルアートを保存してコピーします。

  • iPhone:共有ボタンからコピーを選択 or 画像を長押ししてコピー
  • Android:画像を長押ししてコピー
  • Google Pixel:写真アプリから画像を選択→
    画面下からスワイプでアプリスイッチャーを表示→画像を長押し

ステップ5:Instagramの投稿画面にペースト

ピクセルアートのコピーが完了したら、
Instagramの投稿画面に移動します。

元画像を投稿にセットし、画面を長押しすると「ペースト」が出てきます。
この「ペースト」をタップすれば、
さきほどコピーしたピクセルアートの貼り付けが完了です。

元画像(写真)にピクセルアートを入れるとき、
「元画像の人物より小さめ」「写真に写っている人物の右下」
に配置するのがトレンドになっています。

【5ステップ】ChatGPTで作ったピクセルアート(ドット絵)を写真に入れて投稿するまで(ステップ5:Instagramの投稿画面にペースト)

ピクセルアートを写真に入れ込んだ投稿は、
ストーリーだけでなく通常投稿でもできます。

以下の画像は実際の投稿のスクリーンショットです。

【5ステップ】ChatGPTで作ったピクセルアート(ドット絵)を写真に入れて投稿するまで(Instagramの投稿画面にペースト-実際の投稿)

ただしGoogle Pixelユーザーの場合、
ピクセルアートをストーリーに入れ込む際には一手間必要です。

以下の手順で入れ込みましょう。

  1. ストーリー画面「写真スタンプ(顔のアイコン)」を選択
  2. 「写真」を選択
  3. ピクセルアートを選んでサイズ変更

2、ピクセルアート(ドット絵)をSNSに投稿してみよう!

 

ChatGPTで作成したピクセルアート(ドット絵)を実際の写真に入れこむ投稿が、
とくにInstagramで大人気です。あなたも作成した画像を投稿してみましょう。

しかしピクセルアートは、写真に入れ込む以外の方法でも使えます。

工夫した画像や使い方をして、
みんなが思わず「いいね」してしまうような投稿をしてみてください。

さきほどの「写真にピクセルアートを入れ込んだ投稿」以外でできる工夫を紹介します。

  • ピクセルアートの組み合わせ
  • アイコンをピクセルアートに変更

例として、東京ディズニーシー「タワー・オブ・テラー」の前で踊るピクセルアートにしてみました。

ピクセルアート作成のプロンプトと
元画像・生成画像は以下のとおりです。

添付画像をピクセルアート化してください。 
 
【キャンバスサイズ・解像度】
- 128×128 px  
- ドット等倍表示

【カラーパレット・色数】
- AAP-64

【画像のスタイル・描き方】
- 黒アウトライン
- セルシェーディング
- 人物が含まれる場合は、顔をそのまま再現せず、特徴をデフォルメしてアニメ/ゲーム風キャラクター化する
- 顔は誰か特定できないようにシンプルなアニメ調にする
- 服や小物は特徴を残す 

【構図や人物の状態】
- 正面

【演出】
- ピクセルドロップシャドウ 

【その他細かい指示】
- 背景透過PNG
- 余白 4 px
- 中央寄せ

 

作ったピクセルアート(ドット絵)をSNSに投稿してみよう!(例として使用した元画像・生成画像)

1、ピクセルアートの組み合わせ

ピクセルアートとピクセルアートを組み合わせるには
「背景に入れるほうの画像」を背景透過にする必要があります。

「実写の写真&ピクセルアート」のときと同様に以下どれかの手段を取りましょう。

  • 背景透過で生成する
  • スマートフォンの「切り抜き機能」を利用する
  • アプリや画像編集ツールを使う

今回は、2つの画像を組み合わせて以下のように作成してみました。

作ったピクセルアート(ドット絵)をSNSに投稿してみよう!(ピクセルアートの組み合わせ)

のちほど紹介する「満開の一本桜」を背景に、筆者が小躍りしている様子の画像になりました。

2、アイコンをピクセルアートに変更

せっかく作成したピクセルアートですから、アイコンにするのもよさそうです。

Instagramだけでなく、LINEなどのメッセージアプリでも変更すれば、
友人や家族からリアクションをもらえるのではないでしょうか。

実際に、LINEのアイコンをピクセルアートにしてみました。

作ったピクセルアート(ドット絵)をSNSに投稿してみよう!(アイコンをピクセルアートに変更)

アイコンを変えたところ、早速友人や家族から
「変えたんだね」「なにこれカワイイ!」とメッセージが来ました。

今回は服装が黒目なので白背景にしてみました。

かわいらしくなってテストだけにするのはもったいないので、
今後もアイコンを使っていこうと思います。

3、写真をアップロードしなくてもChatGPTでピクセルアート(ドット絵)を作れる!

プロンプトのみで指示する

元画像などを参照せずにプロンプトのみで作成する方法では、
以下の手順で行ってみてください。

  1. 作成するピクセルアートの題材を考える
  2. 作成するピクセルアートの仕上がりを決める
  3. プロンプトを作成して生成する
  4. 生成された画像を修正する

STEP1:作成するピクセルアートの題材を考える

まずは作りたいピクセルアートの題材として、
用途やモチーフなどを決めてみましょう。
浮かばない場合はChatGPTに案を出してもらうのもおすすめです。

今回は「パンダが片手を挙げてニッコリしている様子」を題材にしてみます。

STEP2:作成するピクセルアートの仕上がりを決める

次に、どのようなピクセルアートに仕上げたいか詳細を決めていきましょう。
この段階で決める詳細は、このあとプロンプトに組み込んでいきます。

今回は以下表のように詳細を決めてみました。

プロンプトの項目詳細
キャンバスサイズ・解像度48×48 px
カラーパレット・色数DawnBringer-16
画像のスタイル・描き方・16 bit(スーファミ風)
・黒アウトライン
・フラットシェーディング
構図や人物の状態正面
演出ネオン発光(弱め)
その他細かい指示・中央寄せ
・余白4 px

 

STEP3:プロンプトを作成して生成する

ピクセルアートの仕上がりを決めたらプロンプトを作成していきます。

プロンプトのみで指示する方法では、
冒頭に「以下の条件でピクセルアートを作成してください。」と記載し、
その下に先ほど決めた仕上がりを書いていきましょう。

今回は以下のプロンプトになりました。

以下の条件でピクセルアートを作成してください。

【題材】
- パンダが片手を挙げてニッコリ

【キャンバスサイズ・解像度】
- 48×48 px

【カラーパレット・色数】
- DawnBringer-16

【画像のスタイル・描き方】
- 16 bit(スーファミ風)
- 黒アウトライン
- フラットシェーディング

【構図や人物の状態】
- 正面

【演出】
- ネオン発光(弱め)

【その他細かい指示】
- 中央寄せ
- 余白4 px

上記プロンプトで以下の画像が生成されました。

ChatGPTでピクセルアート(ドット絵)を作る方法は3つ(プロンプトのみで指示する-1回目の生成)

「パンダ」「片手を挙げて」「ニッコリ」の要素が反映され、
仕上がりの指示も表現されたピクセルアートが出来上がりました。

STEP4:生成された画像を修正する

STEP3で生成されたピクセルアートに満足が以下なければ、
プロンプトを編集して再度生成してみましょう。

このとき、プロンプトの冒頭で「生成してください」ではなく
「編集してください」と伝えるのがおすすめです。

今回は以下のように編集し、明るい昼間の公園にいるパンダを描くよう指示してみました。

以下の条件でピクセルアートを編集してください。

【題材】
- パンダが片手を挙げてニッコリ

【キャンバスサイズ・解像度】
- 48×48 px

【カラーパレット・色数】
- DawnBringer-16

【画像のスタイル・描き方】
- 黒アウトライン

【構図や人物の状態】
- 正面
- 明るい昼間の公園

【演出】
- ネオン発光(弱め)

【その他細かい指示】
- 中央寄せ
- 余白4 px

上記プロンプトに編集して、以下の画像が生成されました

ChatGPTでピクセルアート(ドット絵)を作る方法は3つ(プロンプトのみで指示する-プロンプト修正後の生成)

描き方のテイストも変わり、
新たに指示した「明るい昼間の公園」も反映されたピクセルアートになりました。

生成した画像をピクセルアート(ドット絵)に修正する

ChatGPTで生成した画像をピクセルアートにしていく方法では
以下の手順で行っていきます。

  1. 作成する画像の題材を考えて生成する
  2. 作成するピクセルアートの仕上がりを決める
  3. プロンプトを作成して生成された画像をピクセルアートに変換する

STEP1:作成する画像の題材を考えて生成する

今回もまずは土台となる画像の題材を考えていきましょう。
今回は以下の「満開の一本桜」を生成して使いました。

ChatGPTでピクセルアート(ドット絵)を作る方法は3つ(生成した画像をピクセルアート(ドット絵)に修正する-ChatGPTで生成した通常画像)

STEP2:作成するピクセルアートの仕上がりを決める

次にピクセルアートの仕上がりを考えていきます。
今回採用した仕上がりは以下のとおりです。

プロンプトの項目詳細
キャンバスサイズ・解像度64 × 64 px
カラーパレット・色数AAP-64
画像のスタイル・描き方・8 bit(ファミコン風)
・カラーアウトライン
・ディザリング
構図や人物の状態 3/4ビュー
演出セピアトーン(弱め)
その他細かい指示なし

 

STEP3:プロンプトを作成して生成された画像をピクセルアートに変換する

ピクセルアート作成用のプロンプトを作り、
ピクセルアート生成に移りましょう。

今回の方法では直前に画像を生成しているので、プロンプトの冒頭では
「先ほど生成した◯◯のイラストをピクセルアートに修正してください。」と指示します。

先ほど生成した桜の木のイラストをピクセルアートに修正してください。

【キャンバスサイズ・解像度】
- 64 × 64 px

【カラーパレット・色数】
- AAP-64

【画像のスタイル・描き方】
- 8 bit(ファミコン風)
- カラーアウトライン
- ディザリング

【構図や人物の状態】
- 正面

【演出】
- セピアトーン(弱め)

【その他細かい指示】
- なし

上記プロンプトで以下の画像が生成されました。

ChatGPTでピクセルアート(ドット絵)を作る方法は3つ(生成した画像をピクセルアート(ドット絵)に修正する-ピクセルアートに変換するよう指示して生成した画像)

桜の様子や枝のわかれ方、背景、そして散っている桜もしっかり描写されました。
鮮やかな描き方から弱めのセピアトーンになり、ファミコン感も出ています。

2、作ったピクセルアート(ドット絵)は動かせる!

ChatGPTで作成したピクセルアート(ドット絵)は、
「Midjourney」を使えば、なんと動かすこともできてしまいます。

1、Midjourneyの公式サイトにアクセスしましょう。

https://www.midjourney.com/home

作ったピクセルアート(ドット絵)は動かせる!(STEP1:Midjourneyにアクセス)

2、サブスクリプションを選択

Midjourneyは現在、有料プランのみの提供であるため、
利用するにはサブスクリプションへの登録が必要です。プランはさまざまですが、ピクセルアートの動画化で利用したいのであれば、
最も安価な「Basic Plan(月額10ドル)」で問題ないでしょう。

作ったピクセルアート(ドット絵)は動かせる!(STEP2:サブスクリプションを選択)

3、使用するピクセルアートをアップロード

プロンプト入力欄の左側「画像アイコン」をクリックすると、
アップロードする画像の選択ができます。

まずMidjourney自体にアップロードされるので、
使用したい画像を選択してプロンプトに入れ込みましょう。

作ったピクセルアート(ドット絵)は動かせる!(STEP3:使用するピクセルアートをアップロード)

以下のように、プロンプト入力欄の左に選択した画像が表示されていればOKです。

作ったピクセルアート(ドット絵)は動かせる!(STEP3:使用するピクセルアートをアップロード-プロンプト入力欄左に表示)

4、プロンプトを入力

画像のアップロードが完了したら、
ピクセルアートをどのように動かすかをプロンプトにして入力します。

Midjourneyは英語のプロンプトに対応しているので、
ChatGPTや翻訳サイトなどを利用して英訳しましょう。

※日本語プロンプトでも生成は可能ですが、
プロンプトの内容に合った生成はされにくいです。

今回は「Woman side-stepping without changing facial expression and body position.
(表情や体勢を変えずにサイドステップを踏む女性)」と入力してみました。

作ったピクセルアート(ドット絵)は動かせる!(STEP4:プロンプトを入力)

必要に応じて設定を変更して送信

ピクセルアートを動画化する際に変えたい設定は「Motion」の「Low」か「High」のみです。
他の部分はとくに変更不要ですが、お好みに合わせて編集してみてください。

  • Motion「Low」:静かめの動きでプロンプトに忠実
  • Motion「High」:よりダイナミックな動き

Low・Highでの出力結果の違いは以下の通りです。
Highのほうが、より動きの幅や種類が多いとわかります。

以上の設定が完了したら、
プロンプト入力欄右側の矢印マークをクリックして送信しましょう。
動画は数十秒で生成されます。

好きな動画を保存

 

Midjourneyでは、1回の送信につき4種類の生成が出力されます。
お好きな動画をクリックし、動画右上のダウンロードアイコンから保存しましょう。

作ったピクセルアート(ドット絵)は動かせる!(STEP6:好きな動画を保存)

さらにMidjourneyでは、生成した動画の長さをのばせます。
より長くしたい場合は、生成結果一覧から
対象の動画にカーソルを合わせ、
以下どちらかを選択してください。

  • Extend Auto:延長後の動きをAIが考える
  • Extend Manual:延長後の動きをユーザーが指示する

今回は「Extend Auto」を選択してみました。

生成結果は以下のとおりです。

Midjourneyをあわせて活用すれば、静止画のピクセルアートの命を吹き込めます。
ぜひあなたも試してみてください。

3、ピクセルアート(ドット絵)作成のプロンプトやワード集

ピクセルアート作成に使用するプロンプトの基本構造と、
プロンプトの要素として使えるワード集を紹介します。

コピペOKですので、ぜひ使ってみてください。

  • 基本の構造
  • 【キャンバスサイズ・解像度】ワード集
  • 【カラーパレット・色数】ワード集
  • 【画像のスタイル・描き方】ワード集
  • 【構図や人物の状態】ワード集
  • 【演出】ワード集
  • 【その他細かい指示】ワード集

要素を明確にしてプロンプトを組み立てれば、
あなたの理想通りのピクセルアートを作成できるでしょう。

基本の構造

ピクセルアート作成に用いるプロンプトの基本構造は以下の通りです。

何を作っていくかの指示(作成方法による)

【キャンバスサイズ・解像度】
- [ 要素1 ]
- [ 要素2 ]

【カラーパレット・色数】
- [ 要素1 ]
- [ 要素2 ]

【画像のスタイル・描き方】
- [ 要素1 ]
- [ 要素2 ]

【構図や人物の状態】
- [ 要素1 ]
- [ 要素2 ]

【演出】
- [ 要素1 ]
- [ 要素2 ]

【その他細かい指示】
- [ 要素1 ]
- [ 要素2 ]

冒頭「何を作っていくかの指示」は、
先ほど紹介した3つの作成方法それぞれで異なります。
たとえば以下のように「何を作りたいのか」が明確にわかればOKです。

作り方プロンプトの冒頭部分
プロンプトのみで指示する以下の条件でピクセルアートを作成してください。
生成した画像をピクセルアート(ドット絵)に修正する先ほど生成した◯◯イラストをピクセルアートに修正してください。
アップロードした画像をピクセルアート(ドット絵)にする添付画像をピクセルアート化してください。

 

冒頭部分を書いたら以下の要素を入れていきます。

[ 要素◯ 」の部分には、
このあとのワード集で紹介する言葉を入れてみてください。
各項目の意味は以下のとおりです。

項目意味・内容
キャンバスサイズ・解像度画像のサイズや解像度
カラーパレット・色数配色や色調
画像のスタイル・描き方bit数や影の具合
構図や人物の状態角度やポーズ
演出光や雰囲気
その他細かい指示他項目以外の指示

※人物が映っている添付画像から作成する場合は、必ず下記の「人物はデフォルメしてキャラ化する」旨の指示を、
【画像のスタイル・描き方】に追加しましょう。

- 人物が含まれる場合は、顔をそのまま再現せず、特徴をデフォルメしてアニメ/ゲーム風キャラクター化する
- 顔は誰か特定できないようにシンプルなアニメ調にする
- 服や小物は特徴を残す

 

たとえば先ほど作成した「パンダのピクセルアート」では以下の書き方になります。

以下の条件でピクセルアートを編集してください。

【題材】
- パンダが片手を挙げてニッコリ

【キャンバスサイズ・解像度】
- 48×48 px

【カラーパレット・色数】
- DawnBringer-16

【画像のスタイル・描き方】
- 黒アウトライン

【構図や人物の状態】
- 正面
- 明るい昼間の公園

【演出】
- ネオン発光(弱め)

【その他細かい指示】
- 中央寄せ
- 余白4 px

 

【キャンバスサイズ・解像度】ワード集

キャンバスサイズ・解像度を指示するワード集を紹介します。
用途や作りたいもののイメージで選んでみてください。

項目名指示の意味・役割アウトプットイメージ
16 × 16 pxキャンバスを縦16×横16ドットに固定スマホゲームのハートやコインなど米粒大のミニアイコン、ブラウザのファビコン
32 × 32 px小ぶりなキャラやアイコンを描く標準サイズスマホRPGの装備アイコン、PCツールバーのボタン
48 × 48 pxSDキャラや軽い表情差分も入る中間サイズLINEなどのスタンプ、スマホゲームのクエストバナー用ミニキャラ
64 × 64 px汎用性が高くSNSスタンプや記事挿絵に最適ブログ記事の吹き出しアイコン、X(旧Twitter)のドット絵スタンプ
128 × 128 px描き込み量を増やせる高解像度寄りドット絵YouTubeサムネのワンポイントキャラ、スマホゲームの実績メダル
アイコン 24 × 24 pxFaviconや小アイコン専用サイズブラウザタブのアイコン、デスクトップ通知の小アイコン
タイル 16 pxグリッドタイルセットを前提に16px単位で連結レトロ風RPGマップの床や壁を敷き詰める基本単位
ドット等倍表示1px=画面1pxで表示してにじみを防ぐCSSで原寸表示してスマホでもPCでもドットがぼやけずクッキリ

なお、ChatGPTでは、チャット画面に対して半分ほどの幅で画像が出力され、
たとえば「16×16px」を選んだ場合も実際の「16×16px」より大きくなります。

この「16×16px」は「画像が16×16のマス目状になっている」という意味です。

ですから、出力された画像のサイズ自体が一緒でも、
「16×16px」と「128 × 128 px」では描き方の細かさが異なります。

【カラーパレット・色数】ワード集

カラーパレット・色数のワード集を紹介します。
色彩によって画像が与える印象が変わるので、
ぜひさまざまなワードを使って生成してみてください。

項目名指示の意味・役割アウトプットイメージ(具体例・使用シーン)
DawnBringer-16中彩度16色でバランスの良い定番レトロパレット派手すぎず地味すぎない色合い。ブログ挿絵や LINE スタンプで「レトロだけど見やすい」仕上がりに
PICO-8Fantasy console「PICO-8」標準の16色ビビッドでポップ。SNSアイコンやゲーム風タイトルロゴ向き
AAP-6464色の広域パレットで自由度を確保夕焼けや夜景など色数が欲しい背景にも“レトロ感”を保ったまま対応
NES 54色ファミコン実機相当の54色パレットくすんだ発色で1980年代ゲームの雰囲気を再現。Webバナーやロゴにレトロ感を添えたいときに便利
ゲームボーイ 4色濃淡グリーン4階調のゲームボーイ風モノクロパレットひと目でゲームボーイ風とわかるノスタルジック演出やモノクロ挿絵に最適
EGA 16色旧PC規格EGAの16色セットシアン・マゼンタが目立つビビッド配色。サイバー/ネオン調ドット絵にぴったり
8色(◯・◯・・・)任意の8色だけ使うよう制限極端にミニマルなロゴや超小型アイコンでレトロ演出を強調
16色(◯・◯・・・)任意の16色だけを使うよう制限配色を整理して“ドット絵らしさ”をキープ。ブログ用キャラやアイコンに
影2段階暗い影・中間影の2色だけで陰影を付ける色数を増やさず立体感を出したいキャラ立ち絵向き(SNSスタンプなど)
グレースケール4階調黒〜白の4階調のみ使用モノクロ挿絵や印刷物向け。色に左右されないシンプル表現に

「8色」や「16色」では任意のカラーを指定します。
「◯・◯・・・」の◯の部分にカラーコードか「赤・青」といった色を入れましょう。

【画像のスタイル・描き方】ワード集

画像のスタイル・描き方のワード集を紹介します。

項目名指示の意味・役割アウトプットイメージ(具体例・使用シーン)
4 bit PC-88風1980年代PC風の描き方に寄せる、荒いドットとビビッドな原色が特徴昔のアドベンチャーゲーム画面や 8 色アイコンをレトロに再現したいとき
8 bit(ファミコン風)“粗いドット+限られた色数”でファミコン時代の雰囲気を出すファミコン風のタイトルロゴや、ブログでレトロ感を出したいワンポイントイラスト
16 bit(スーファミ風)8 bitより発色と描き込み量を増やし、スーパーファミコン寄りの質感にスマホ向けアクションゲームのキャラクターをレトロ調にしたいとき
32 bit風発光・半透明などリッチ効果も使える “PS1時代寄り” のドット絵テイストモバイルゲームのタイトルロゴや、ネオン光彩をまとわせた大判ピクセルアート
アイソメトリック斜め45°から見た立体的マップを作る指示斜め見下ろしの街並みイラストや、ボードゲーム風のフィールド画像
チビキャラ(SDキャラ)頭身を下げてデフォルメしたアイコンのようなかわいいキャラLINE などのスタンプやプロフィールアイコン向きのポップなキャラ
黒アウトラインキャラや物体を黒線で縁取り、輪郭を強調する小さなドット絵でも形がハッキリ見える SNS アイコン
カラーアウトライン輪郭線を黒ではなくキャラ色に近い色で描く柔らかい雰囲気を保ちつつ輪郭を示したい子ども向けアプリのイラスト
アウトラインなし縁取りを付けず色面だけで構成フラットで柔らかい印象にしたいブログ挿絵やサムネ
フラットシェーディング明るさ2〜3段階で影を付けるシンプルな塗り可読性を保ったまま軽量データにしたいゲーム用キャラ
ディザリング点描パターンでグラデーションを表現夜空や金属質の表現など色数を増やさず質感を出す背景
セルシェーディングアニメのようなパキッと分かれた影付けYouTube サムネのキャッチーなドット絵キャラ

「8 bit」や「16 bit」にある「bit(ビット)」は描画の単位です。

【構図や人物の状態】ワード集

構図や人物の状態のワード集を紹介します。
とくに「人物の写真」をピクセルアート化するときに大切な要素です。

ピクセルアートを使う場面をイメージしながら生成してみてください。

項目名指示の意味・役割アウトプットイメージ(具体例・使用シーン)
正面キャラを真正面から描くプロフィールアイコンや LINE スタンプで“顔がはっきり見える”配置
3/4ビュー正面と側面の中間(やや斜め)で立体感を出すスマホゲームのキャラ紹介カードに多用される“定番アングル”
側面真横から描くスマホ用ジャンプゲームのキャラクターや敵を横向きに配置したい場合
背面後ろ姿を描く“探索中”を演出するブログ挿絵やゲームの移動シーン
俯瞰(トップビュー)真上から見下ろす迷路やダンジョンマップをシンプルに示したいとき
煽り(ローアングル)下から見上げるボスキャラを大きく見せたい YouTube サムネ用ドット絵
アイドルポーズ足を閉じ手を胸元で揃えたようなかわいい立ち姿ガチャ演出や SNS での“お披露目”画像に向く
ジャンプ空中で跳び上がった瞬間を描くゲームの“ジャンプ中スプライト”や動きのあるブログ挿絵
歩行歩いている様子RPG のフィールド移動キャラ用/GIF にして SNS 投稿
シンメトリー構図左右対称に配置して安定感を強調タイトルロゴ下に置くマスコットや、アイコン用のバストアップ

【演出】ワード集

演出を加えるワード集を紹介します。
以下の演出を加えれば、さらに“ゲーム感”のあるピクセルアートになるでしょう。

項目名指示の意味・役割アウトプットイメージ(具体例・使用シーン)
CRTスキャンラインブラウン管テレビの横縞を重ねて“懐かしさ”を演出昔のゲーム画面を再現したいブログ見出し画像やレトロ調 SNS 投稿
VHSノイズビデオテープ特有のざらつき・色ズレを加える90年代ホームビデオ風の回想シーンを作る TikTok サムネなど
グリッチ画像をわざとズラして色飛びさせ“データ破損感”を出すサイバー攻撃やエラー演出を示す YouTube サムネイル
ネオン発光鮮やかな光彩を周囲にぼかしてSF・夜景感を強調サイバーパンク調のキャラ立ち絵やタイトルロゴ
Vaporwave(蒸気波)ピンク〜紫グラデ+色収差で80-90年代ネット感を演出“懐かしオシャレ”を狙った Instagram 告知バナーやブログ挿絵
ハーフトーンドット印刷の網点パターンを重ね“雑誌・漫画”風にコミック調アイキャッチや ZINE 風フライヤーでレトロ印刷感を演出
セピアトーン画像全体を茶系に寄せ“古写真”らしさを出す「昔の思い出」系ブログ挿絵やノスタルジックなプロフィール画像
グローアウトライン輪郭に淡い光彩を付けキャラをポップに強調SNS アイコンや告知バナーで主役キャラを目立たせたいとき
ポスタライズ色数を大胆に減らしベタ塗りのポスター風にインパクトを狙う見出し画像やイベント告知用サムネ
ピクセルドロップシャドウカクカクした影で縁取り立体感を付けるブログの吹き出しアイコンやアプリ UI ボタンに“押し出し感”をプラス

【その他細かい指示】ワード集

その他細かい指示のワード集を紹介します。
以下は一例であり、プロンプトではどこまでも細かく指定できます。

項目名指示の意味・役割アウトプットイメージ(具体例・使用シーン)
背景透過PNG背景を完全に透明にしてPNG形式で出力素材として他画像に重ねてもフチが出ず、ブログ吹き出しアイコンやバナー装飾に使いやすい
背景カラー固定背景を単色で塗りつぶす指示、任意のカラーを指定SNSサムネや YouTube サムネイルで、周囲のサイト背景と色がぶつからないように統一したい場合
中央寄せモチーフを画像中央に配置サムネイルや SNS 投稿でキャラが左右に寄らず、視線が集まりやすいバランスに整う
余白 4 px周囲に4pxのマージン(余白)を確保、8pxなども可UI ボタンや吹き出しが隣接要素と重ならず、タップもしやすいレイアウトに
ファイルサイズ 50 KB 以下出力時に画像サイズ上限を設定し軽量化モバイル回線でも素早く読み込め、ページ表示速度を維持できる Web アイコン

ピクセルアート(ドット絵)はChatGPT無料プランでも作れる?

結論、ChatGPTの無料プランでも画像生成機能を利用できるため
ピクセルアート(ドット絵)作成は可能です。

生成する枚数や回数によって無料プラン・有料プランのどちらにするか決めるのがおすすめです。

無料プランの場合は1日の生成回数が限られており、
1日あたり「3〜6枚」しか作れません

満足のいくピクセルアートを完成させるには何度か生成を繰り返す必要がありますので、
1日あたり「3〜6枚」では物足りなく感じる可能性もあります。

まずは無料プランで作成してみたうえで、
「もっと生成したい!」と感じた場合は有料プランへの移行をおすすめします。

Visited 1 times, 1 visit(s) today
この記事を共有する

この記事を書いた人

東山貴大

コメント一覧

コメントはありません。
コメントを残す

あなたへのおすすめ