Particle Anime Generator

This system converts illustrations and photos into particle animations.

画像にパーティクルアニメーションを追加します。

by color色別Particles shoot from the specified color in the image.パーティクルは画像内の指定色から放出
by object物体別Particles rotate 3D around objects in the image.パーティクルは画像内の物体の周りを3D回転

This system adds random production by selecting illustrations and photos.

イラストや写真を選択することでランダムな演出が加わります。

  1. Select an image file.
  2. Set the pattern.
  3. Export the GIF image.
  1. 画像ファイルを選択します。
  2. パターンを設定します。
  3. GIF画像を出力します。(数十秒ほど)
1. Picture1. 画像の準備

The image size is reduced to 500px.
The content is saved in the browser.

画像サイズは縦横500px以下に縮小されます。
画像はアップロードされるわけではなくブラウザに保存されます。

2. Animation pattern2. パターンの設定

Beginners should use the setting example.
Setting Example

初めての場合は設定例をセットしてみてください。
設定例

Example nameサンプル名
Randomほどよいランダム
※押すたびに変化
Setセット
IlluminationイルミネーションSetセット
Stardust星屑Setセット
Light bubble光の泡Setセット
Light evaporation光の蒸発Setセット
Light ring光の輪Setセット
FireflySetセット
City night view都会の夜景Setセット
Blast smokeSetセット
Burn upSetセット
Burn outSetセット
Confetti紙吹雪Setセット
Swirl竜巻Setセット
Swirl (Top view)竜巻(上空視点)Setセット
Snowfall降雪Setセット
Snowfall (Top view)降雪(上空視点)
※終着点は対象色で指定
Setセット
Rainfall降雨Setセット
Rainfall (Top view)降雨(上空視点)Setセット
SimpleシンプルSetセット

The following can set detailed movements.
Click the green button for easy settings, or the blue link for detailed settings.

以下のタブで詳細な動きを設定できます。
簡単に設定したい場合は緑のボタン、詳細な設定をしたい場合は青のリンクを押してください。

framesコマ
msミリ秒

Particles can be emitted from any color in the image by specifying the "Target color" and "Area level".

「対象色」と「色域範囲」で画像の任意の色からパーティクルを放出させることができます。


Shape:形状


Size:サイズ

+
+

Fill color:塗り色

to
to

Fill opacity:塗り不透明度

+
+

Stroke width:枠線太さ

0 0.5 1 2 3 4 5 6 7 8

Stroke color:枠線色

to
to

Stroke opacity:枠線不透明度

+
+

Rotation:自転

+
+

Revolution:公転

+
+
+
+

Move:移動

+
+
+
+

Timing:タイミング

+

Easing:緩急


Particles can be emitted from any color in the image by specifying the "Target color" and "Area level".

「対象色」と「色域範囲」で画像の任意の色からパーティクルを放出させることができます。


Shape:形状


Size:サイズ

+
+

Fill color:塗り色

to
to

Fill opacity:塗り不透明度

+
+

Stroke width:枠線太さ

0 0.5 1 2 3 4 5 6 7 8

Stroke color:枠線色

to
to

Stroke opacity:枠線不透明度

+
+

Rotation:自転

+
+

Revolution:公転

+
+
+
+

Move:移動

+
+
+
+

Timing:タイミング

+

Easing:緩急


Particles can be emitted from any color in the image by specifying the "Target color" and "Area level".

「対象色」と「色域範囲」で画像の任意の色からパーティクルを放出させることができます。


Shape:形状


Size:サイズ

+
+

Fill color:塗り色

to
to

Fill opacity:塗り不透明度

+
+

Stroke width:枠線太さ

0 0.5 1 2 3 4 5 6 7 8

Stroke color:枠線色

to
to

Stroke opacity:枠線不透明度

+
+

Rotation:自転

+
+

Revolution:公転

+
+
+
+

Move:移動

+
+
+
+

Timing:タイミング

+

Easing:緩急


Particles can be emitted from any color in the image by specifying the "Target color" and "Area level".

「対象色」と「色域範囲」で画像の任意の色からパーティクルを放出させることができます。


Shape:形状


Size:サイズ

+
+

Fill color:塗り色

to
to

Fill opacity:塗り不透明度

+
+

Stroke width:枠線太さ

0 0.5 1 2 3 4 5 6 7 8

Stroke color:枠線色

to
to

Stroke opacity:枠線不透明度

+
+

Rotation:自転

+
+

Revolution:公転

+
+
+
+

Move:移動

+
+
+
+

Timing:タイミング

+

Easing:緩急


Particles can be emitted from any color in the image by specifying the "Target color" and "Area level".

「対象色」と「色域範囲」で画像の任意の色からパーティクルを放出させることができます。


Shape:形状


Size:サイズ

+
+

Fill color:塗り色

to
to

Fill opacity:塗り不透明度

+
+

Stroke width:枠線太さ

0 0.5 1 2 3 4 5 6 7 8

Stroke color:枠線色

to
to

Stroke opacity:枠線不透明度

+
+

Rotation:自転

+
+

Revolution:公転

+
+
+
+

Move:移動

+
+
+
+

Timing:タイミング

+

Easing:緩急


3. Export GIF3. GIF画像の保存

iPhoneのSafariやFirefoxの場合はGIF保存ボタンではなく、GIF画像を長押しして「写真に保存」のほうがいいかもです。