猫のピクセルアート:小さなスプライト、かわいい猫、GIFアニメーション

小さな黒猫、眠そうな白いスプライト、箱から顔をのぞかせる三毛猫。好きな形を選んで、自分だけの猫に仕上げましょう。大胆なピクセルをいくつか並べるだけの絵から、月明かりの場面まで、さまざまなピクセル猫の描き方を見てみましょう。

ピクセル猫を作る ↗

暖かな明かりの窓辺で月を眺めるタキシード猫を描いた、横長のピクセルアート

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.

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.

A cosy drawing session with Ditoo Pro

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

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.

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

自分でピクセル猫を描く

初めて描くピクセル猫におすすめの簡単な形は何ですか?

まずは正面を向いて座る猫から始めましょう。とがった耳を2つ、幅広の頭、小さめの胴体、前足を2本、そしてカーブしたしっぽを描きます。前足としっぽの間に隙間を作り、ひとかたまりに見えないようにしましょう。毛の模様を加える前に、濃い輪郭と明るい胸元だけでも形を表現できます。

小さな16ピクセルの猫と128 × 128の画像はどう違いますか?

小さなアイコンは、より粗いグリッドを使っています。128 × 128のファイルに拡大すると、元の各ピクセルが大きな四角形になるだけで、細部が増えるわけではありません。細密なイラストには、より多くの小さな形が使われています。シンプルなアイコンには粗めのスタイルを、大きなシーンには細かいスタイルを選びましょう。

変換した猫の写真が、ここにあるスプライトと違って見えるのはなぜですか?

写真を変換すると光の当たり方や毛並みの質感が保たれますが、スプライトでは耳、目、足、輪郭を意図的に簡略化します。写真を出発点にして、エディターで各パーツを描き直し、よりはっきりした漫画風の猫にしたい場合は背景の細部を取り除きましょう。

黒いピクセル猫を見やすくするにはどうすればよいですか?

耳の先としっぽが胴体の輪郭と重ならないようにしましょう。背景にはコントラストのある色を使い、目には小さなハイライトを入れます。前足がお腹と一体化して見える場合は、陰影を足す前に、前足とお腹の間に細い背景色の隙間を残してください。

アニメーションGIFで猫のしっぽが切れないようにするにはどうすればよいですか?

すべてのフレームで同じキャンバスを使い、しっぽが最も広がる位置まで余白を残してください。GIFをPixel Art Makerに読み込むときは、「画像全体に合わせる」を選び、GIFを書き出す前にタイムラインをプレビューしてください。1つのフレームに合わせてきつくトリミングすると、別のフレームでしっぽや足が切れてしまうことがあります。

猫を正確に128 × 128で書き出すにはどうすればよいですか?

128 × 128のキャンバスを選び、ダウンロードサイズで「1× — 元のピクセルサイズ」を選択してください。8×を選ぶと、そのキャンバスから1024 × 1024のファイルが作成されます。拡大された編集画面のプレビューで判断するのではなく、書き出しサイズを確認してください。

耳から始めましょう。
個性を加えましょう。

Pixel Art Makerで小さなシルエットを描いたり、違うポーズを試したり、短い猫のアニメーションを作ったりできます。