ゲームメニューのピクセルアート：縦に並んだ長方形の選択肢

長方形の選択肢を積み重ねた構成から始めます。輪郭を分け、大きな色のまとまりを保って、積み重ねた長方形の選択肢が見えるようにします。主なシルエットを削る前に、小さな質感の線を簡略化します。

ゲームメニューのピクセルアートを作成 ↗

横長のゲームメニュー・ピクセルアートのイラスト構成

ゲームメニューの形とイラストのアイデア

ライセンス済みイラストを128 × 128に変換した12点。画像全体が浮遊するGIFを1点含みます。シルエット、輪郭、配色を比べてみましょう。

Button Menuをもとにしたゲームメニューのピクセルアート
Menu key icon vector illustrationをもとにしたゲームメニューのピクセルアート
Menu Circlesをもとにしたゲームメニューのピクセルアート
Sandwich menuをもとにしたゲームメニューのピクセルアート
Holiday menuをもとにしたゲームメニューのピクセルアート
Menu iconをもとにしたゲームメニューのピクセルアート
Menu typography vector imageをもとにしたゲームメニューのピクセルアート
Menu typographyをもとにしたゲームメニューのピクセルアート
Menu cardをもとにしたゲームメニューのピクセルアート
REQUEST Dinner Menu Itemsをもとにしたゲームメニューのピクセルアート
REQUEST Dinner Menu Items 1をもとにしたゲームメニューのピクセルアート
REQUEST Dinner Menu Items 2をもとにしたゲームメニューのピクセルアート — 画像全体が浮遊するGIF
すべての例を見る例を少なく表示

For inspiration only. Rights remain with their owners; source licenses apply. Contact us for removal requests.

Make it your own.

Three ways to start. One pixel editor.

Convert an image into pixel art

Upload an image, choose a canvas size and refine the result. Export a PNG when you are ready.

Open the editor ↗

Create an animated GIF

Add or duplicate frames, adjust the timing and preview the loop. Export your animation as a GIF.

Open the editor ↗

Draw a custom pixel icon

Start with a blank canvas. Use the drawing and fill tools, then export your icon with a transparent background.

Open the editor ↗

Pixel art. In real life.

See how creators use the app and make their displays their own.

From a Procreate canvas to a Divoom display

Watch a creator make pixel art in Procreate and show it on Pixoo-64 and Ditoo-Pro.

Ittai ManeroWatch on YouTube ↗

Explore the Ditoo Pro with the Divoom app

Follow a hands-on setup session covering the app, gallery and device controls.

The Chris ReviewWatch on YouTube ↗

Set up your Pixoo-64

See the official Pixoo-64 setup walkthrough before exploring your own display ideas.

DIVOOMWatch on YouTube ↗

A cosy drawing session with Ditoo Pro

Watch Masante Art unbox Ditoo Pro and share a relaxed drawing and tutorial session.

Masante ArtWatch on YouTube ↗

A closer look at 16 × 16 pixel art

Explore the Ditoo and small-canvas pixel art with pixel artist Brandon James Greer.

Brandon James GreerWatch on YouTube ↗

Watch video

Watch on YouTube ↗

Keep creating with Divoom.

More ideas, more tools and a place to share.

Divoom app pixel gallery

Find inspiration in the Pixel Gallery

Browse community artwork and save the designs that catch your eye.

Divoom app pixel editor

Keep refining your artwork

Draw, edit and animate in the Divoom app.

Divoom app community

Join the conversation

See what other creators are making and share your own work.

Get the Divoom app ↗App StoreGoogle Play

Notes from the community.

Divoom app reviews from Google Play.

Cole Tippins

Cole Tippins

“Very nice Pixel Editor and community, although the app is oddly buggy sometimes”
Read on Google Play ↗
Ciaran

Ciaran

“pretty easy to create and find some cool designs other people made too”
Read on Google Play ↗
Heather Hibbs

Heather Hibbs

“Fun community with lots of picture options, you can also create your own”
Read on Google Play ↗

2006Founded in

Years of creative hardware and pixel content exploration.

About Divoom ↗
Divoom office interior, cropped from the official homepage image
4,000+Stores
20M+Users worldwide
100+Countries

ゲームメニューのピクセルアートに関する質問

小さいサイズでもゲームメニューを読みやすくするには？

輪郭を分け、色のまとまりを大きくして、積み重なった長方形のオプションが見えるようにします。メインのシルエットを取り除く前に、小さなテクスチャの印を簡略化します。ハイライトを追加する前に、実際の表示サイズで積み重なった長方形のオプションと背景の見え方を比べます。

ゲームメニューのどの部分を先に簡略化すればよいですか？

積み重なった長方形のオプションが見分けられるようにし、小さなテクスチャの印から先に簡略化します。輪郭を分け、色のまとまりを大きくして、積み重なった長方形のオプションが見えるようにします。メインのシルエットを取り除く前に、小さなテクスチャの印を簡略化します。

ゲームメニューのGIFでは何が動きますか？

イラスト全体が短い浮遊ループで動きます。個々のパーツは独立してアニメーションしません。

オリジナルのゲームメニューのピクセルアートを作る

積み重なった長方形のオプションを32または64ピクセルの論理グリッド上に配置し、128 × 128で書き出します。メインのシルエットを変更する前に、細かな内部のテクスチャを取り除きます。