地図のピクセルアート：広大な陸地の形と、分離したルートや境界線の印

まず、大きな陸地の形と、間隔を空けたルートや境界の線を描きます。大きな陸地の形と、間隔を空けたルートや境界の線は、原寸でも読み取れるように保ちます。細かなハイライトを加える前に、背景の余白をきれいに残します。

地図のピクセルアートを作る

Explore Divoom Gallery
横長の地図ピクセルアートイラスト

地図の形とイラストのアイデア

ライセンス付きイラスト12点を128 × 128に変換。そのうち1点は、画像全体が浮遊するGIFです。シルエット、輪郭線、色使いを比べてみましょう。

アメリカ・カナダのタイムゾーンマップをもとにした地図のピクセルアート
Notoのイラスト「宝の地図」をもとにした地図のピクセルアート
ズームボタン付き地図ウィジェットのベクターグラフィックをもとにした地図のピクセルアート
Twemojiのイラスト「宝の地図」をもとにした地図のピクセルアート
地図の位置ピンアイコンのベクター画像をもとにした地図のピクセルアート
Openmojiのイラスト「宝の地図」をもとにした地図のピクセルアート
アメリカ地図のシルエットベクターグラフィックをもとにした地図のピクセルアート
バングラデシュの地図をもとにした地図のピクセルアート
バングラデシュの政治地図をもとにした地図のピクセルアート
レストランの地図位置表示をもとにした地図のピクセルアート
スライゴの地図看板をもとにした地図のピクセルアート。
ティペラリーの地図看板をもとにした地図のピクセルアート。— 画像全体が浮遊する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 appExplore Divoom GalleryApp 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に拡大して書き出します。メインのシルエットを変える前に、細かな内側のテクスチャを取り除きます。

マップのピクセルアートを作成Explore Divoom Gallery