カフェのピクセルアート：小さなファサードとランドマークの形状

コーヒーカップ、店構え、ひさしから始めましょう。カップの持ち手の内側は開けておきます。異なるイラストの構成を比べてから、ピクセルアートメーカーで自分のバージョンを作ってみましょう。

カフェのピクセルアートを作成 ↗

ライセンス付きイラストをもとにした、3種類の構成を比べる横長カフェのピクセルアートバナー

ピクセルで描くカフェの形

128 x 128サイズに変換した、ライセンス付きカフェイラスト12点。イラスト全体がゆったりと浮遊するGIFも含まれています。輪郭、パレット、フレーミングを比べてみましょう。

「cafe colombiano」を加工したカフェのピクセルアート
Coffee - Notoのイラストを加工したカフェのピクセルアート
カフェの看板のベクター画像を加工したカフェのピクセルアート
Coffee - Twemojiのイラストを加工したカフェのピクセルアート
「cafe colombia」を加工したカフェのピクセルアート
Coffee - OpenMojiのイラストを加工したカフェのピクセルアート
「Tasa de cafe」を加工したカフェのピクセルアート
「cafe de herecticor」を加工したカフェのピクセルアート
「Asian Cafe 2014112150」を加工したカフェのピクセルアート
「Currency reward cards from cafe」を加工したカフェのピクセルアート
「Heart in my cafe flat white 2016080723」を加工したカフェのピクセルアート
イラスト全体が浮遊するGIFのカフェを加工したカフェのピクセルアート
カフェの例をすべて見る（12件）例を折りたたむ

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ではどのような動きが見られますか？

これは、1点のライセンス取得済みアートワークを使った、イラスト全体が短く浮遊するループです。自然な動きを再現したり、個々のパーツを動かしたり、手描きアニメーションのサイクルを再現したりするものではありません。書き出されるキャンバスのサイズは128 x 128ピクセルです。

自分だけのカフェのピクセルアートを作ろう。

拡大して128 x 128の書き出しサイズにする前に、32ピクセルまたは64ピクセルの論理グリッド上でメインの輪郭を描きます。カフェのピクセルアートでは、コーヒーカップと背景のコントラストを原寸で確認し、小さなアクセントを追加する前にコントラストを高めましょう。