写真にシャボン玉を飛ばすアニメーション作成

「バナー工房」では、写真1枚へ虹色の薄い縁と白い反射を持つシャボン玉を重ね、ふわりと上昇するアニメーションを無料で作成できます。
MP4・GIF・Animated WebP・APNGに対応。泡の量・上昇速度・大きさ・揺れ方・色合いを調整できます。

使い方

  1. 1
    静止画像を1枚選ぶ

    JPEG、PNG、静止WebPを選べます。GIF、APNG、動くWebPは入力できません。サンプル画像でも試せます。

  2. 2
    シャボン玉の雰囲気を選ぶ

    「カラフルな泡」「そよ風」「夢いっぱい」から選び、量・上昇速度・大きさ・揺れ方・色の見え方を調整できます。

  3. 3
    保存形式と大きさを選ぶ

    Web用はAnimated WebP、Xなどの主要SNSへ投稿するならMP4がおすすめです。

  4. 4
    作成して保存する

    完成後に動きと容量を確認し、オレンジ色の「保存する」を押してください。

Bubble animation editor

写真に自然なシャボン玉を加える

最初に写真を1枚選んでください。サンプル画像でも試せます。

写真を選ぶ

JPEG・PNG・静止WebP、15MB以下

シャボン玉を飛ばしたい写真を1枚選択 パソコンでは、この枠へドラッグ&ドロップもできます。
サンプル画像で試す
何度でも選び直せます。画像を変更しても、シャボン玉や保存形式の設定はそのまま残ります。
画像を選ぶと、ここにシャボン玉のプレビューが表示されます。

このツールでできること

透明な中心と淡い虹色の縁を持つシャボン玉や、写真が透けるカラフルな泡を重ね、ふわりと上昇させます。

  • 自然に上昇して揺れる

    大小のシャボン玉がそれぞれ違うタイミングで上昇し、左右へゆるやかに揺れます。

  • 奥行きを3層で表現

    遠景・中景・近景で大きさ、透明度、ぼかし、上昇距離を変え、単なる透明な丸とは異なる奥行きを作ります。

  • 5項目を調整

    シャボン玉の量、上昇速度、大きさ、揺れ方、色の見え方を選べます。

  • サンプル画像から試せる

    横長・縦長・正方形のサンプルで、写真を用意する前に動きや設定を確認できます。

MP4・GIF・Animated WebP・APNGの違い

MP4はXを含む主要SNSへの投稿におすすめです。透明部分は白色になり、ファイル自体にはループ設定を保存できません。

GIFは幅広い環境で使える定番形式ですが、虹色の縁や半透明が粗くなる場合があります。

Animated WebPは写真の色と半透明のシャボン玉を保ちやすく、容量も抑えやすいWeb用おすすめ形式です。

APNGは色と半透明をきれいに保てる高画質形式です。容量は大きくなりやすいです。

よくある質問

元の写真は切り取られますか?

切り取りません。縦横比と写真全体を保ったまま縮小し、元写真より大きく拡大しません。

写真全体が白くなりませんか?

全画面を白くする効果は加えません。「そよ風」は透明な中心へ細い縁と反射を重ね、「カラフルな泡」は色を半透明にして写真を透かします。顔への重なりが気になる場合は、詳細設定の「少なめ」を選んでください。

ループの継ぎ目はありますか?

それぞれのシャボン玉が画面端で透明になってから次の位置へ戻るため、繰り返しの境目が目立ちにくくなっています。

Snowやキラキラとの違いは?

Snowの白い粒やSparkleの星状光ではなく、淡い虹色の薄膜や半透明の色面、白い反射を持つ大小のシャボン玉が上昇します。

作成に時間がかかる場合は?

完成画像の長辺を600pxまたは800pxにすると、処理時間と端末への負担を抑えられます。

途中で作成を中止できますか?

進捗欄の「作成を中止」を押せます。写真と設定は残るため、そのまま作り直せます。

動きを減らす設定に対応していますか?

端末の「視差効果を減らす」などが有効な場合、プレビューは停止状態で始まります。「再生」を押した場合だけ動きます。

MP4を選べないのはなぜですか?

端末がブラウザ内のMP4作成に対応していない可能性があります。その場合はGIF、Animated WebP、APNGをご利用ください。

GIF・Animated WebP・APNGは、容量を軽くしたりコマを再編集したりできます。
MP4は下記ページへ入力できません。
1別の効果を選ぶ

雪・桜・紙吹雪・ハート・光など、写真1枚に加えられる8種類を見比べます。

アニメーション効果一覧へ
2サイズを小さくする

GIF・WebP・APNGの縦横や容量を小さくします。

サイズ縮小へ
3コマを再編集する

GIF・WebP・APNGの順番や表示時間を調整します。

再編集へ

完成品サンプル

「そよ風のシャボン玉」を重ねたAnimated WebPの完成例です。横長・縦長・正方形でも写真全体を保って作成できます。

海辺の遊歩道で笑う友人2人の横長写真へ虹色のシャボン玉を加えたAnimated WebPの完成例
横長写真の完成例海辺の遊歩道・友人2人
カラフルな花市場にいる女性の縦長写真へ虹色のシャボン玉を加えたAnimated WebPの完成例
縦長写真の完成例花市場の中庭・女性
カラフルな中庭のトイプードル写真へ虹色のシャボン玉を加えた正方形Animated WebPの完成例
正方形写真の完成例カラフルな中庭・犬