# Butterfly Particle Animation | Particleify

> Turn butterfly artwork into a responsive 3D particle animation with original colors and smooth camera interaction.

[Particleify](/)/ [Examples](/examples.md)/Butterfly Particle Animation

![Butterfly Particle Animation preview](https://fsu.creght.com/site/2077964050901241856/1785495433991__02.jpg?w=3072&fmt=webp)

03 / ARTWORK TO 3D PARTICLES

# Butterfly Particle Animation

Turn butterfly artwork into a responsive 3D particle animation with original colors and smooth camera interaction.

InputImage

OutputInteractive HTML

EffectDefault

Particles90,000

[Remix this case →](/generator.md?remix=%257B%2522particleSize%2522%253A200%252C%2522objectScale%2522%253A1%252C%2522particleCount%2522%253A90000%252C%2522effect%2522%253A%2522default%2522%252C%2522effectStrength%2522%253A0.55%252C%2522effectSpeed%2522%253A1%252C%2522hoverEffect%2522%253A%2522light-brush%2522%252C%2522hoverRadius%2522%253A0.22%252C%2522hoverStrength%2522%253A0.65%252C%2522hoverReturn%2522%253A0.35%252C%2522shape%2522%253A%2522default%2522%252C%2522interactionMode%2522%253A%2522hybrid%2522%252C%2522manualControlTarget%2522%253A%2522camera%2522%252C%2522canvasColor%2522%253A%2522%2523000000%2522%252C%2522particleColorMode%2522%253A%2522original%2522%252C%2522customParticleColor%2522%253A%2522%252300ff66%2522%252C%2522uploadedImage%2522%253A%2522https%253A%252F%252Ffsu.creght.com%252Fproject%252Fp2mq2cs9z4gi%252FmsmWaLKMvQZ__image.png%2522%252C%2522uploadedModel%2522%253Anull%252C%2522previewFilename%2522%253A%2522image.png%2522%257D&source=butterfly-particle-animation) [All examples](/examples.md)

About this particle case

## From source to motion.

This example samples a butterfly image into a detailed 90,000-point scene. Natural source colors keep the wings recognizable, while interactive camera movement adds depth for portfolios, campaign pages, and decorative web experiences.

Creative portfolioCampaign pageInteractive artwork

How to recreate it

1. 01
Choose butterfly artwork with a distinct outline and balanced color range.

2. 02
Use original colors to retain detail across the wings.

3. 03
Adjust scale and particle size until the silhouette remains clear in motion.

4. 04
Export the scene as interactive HTML or use it as a remix starting point.

> Full page index: [/llms.txt](/llms.txt)