雨のアニメーションのピクセルアート：斜めの雨筋

傾いた雨筋から始めましょう。輪郭を離して色のまとまりを大きくし、傾いた雨筋が見えるようにします。主なシルエットを取り除く前に、小さなテクスチャの模様を簡略化します。

雨のアニメーション・ピクセルアートを作成

Explore Divoom Gallery
雨のアニメーション・ピクセルアートのワイドイラスト構成

雨のアニメーションの形とイラストのアイデア

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

傘を使った雨水利用のベクターイラストをもとにした雨のアニメーション・ピクセルアート
Rain — Notoのイラストをもとにした雨のアニメーション・ピクセルアート
晴れ時々雨を表す天気予報の色付き記号のベクターイラストをもとにした雨のアニメーション・ピクセルアート
Rain — Twemojiのイラストをもとにした雨のアニメーション・ピクセルアート
晴れ間のある雨を表す天気図記号のベクターイラストをもとにした雨のアニメーション・ピクセルアート
Rain — 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