![見出し画像](https://assets.st-note.com/production/uploads/images/104937260/rectangle_large_type_2_e740e5b85fef0c71b45d496f8095c72a.png?width=1200)
水彩風シャボン玉を作る
BOFXVII参加作で使用した水彩風シャボン玉の作り方です。
作成の手順
シャボン玉は表面に虹色の油膜が漂う幻想的なものです。油膜を水彩で表現するために以下の手順で作っています。
水彩素材を用意
シャボン玉テクスチャを作成
膨らむアウトラインとコンポジット
シャボン玉の見え方の理屈はネット上に有用な解説が沢山あります。理屈を踏襲しつつ、多少無視しています。
水彩素材を用意
以下の3枚の素材を使っています。20年くらい前にコピー用紙に描いてスキャンして使い続けている素材ですが、アナログ素材を用意しなくてもRebelleを使えば手軽に高い自由度で作成できると思います。
![](https://assets.st-note.com/img/1683434917914-noOUnSgkaf.png?width=1200)
![](https://assets.st-note.com/img/1683434923699-ExoQlWuQPk.png)
![](https://assets.st-note.com/img/1683434929520-VSpuaghH1d.png)
シャボン玉テクスチャを作成
After Effectsでコンポジットして作成します。
各水彩素材の色彩を調整しつつ、オフセットとタービュレントディスプレイスをかけて油膜の移動を意識したアニメーション効果を付けていきます。
![](https://assets.st-note.com/production/uploads/images/104940120/picture_pc_721225da522f955422c9442de8e867e7.gif)
![](https://assets.st-note.com/img/1683437054944-1kkhSw5MBi.png)
![](https://assets.st-note.com/production/uploads/images/104953843/picture_pc_9dfd5d196dfddd2d907799483e82081f.gif)
![](https://assets.st-note.com/production/uploads/images/104953905/picture_pc_1ec7737314cee7dfaf94e16769b9f3cd.gif)
波の向きが違う
上記、3枚のコンポジションを重ね合わせます。
![](https://assets.st-note.com/img/1683454309220-evZh2JM01j.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/104971070/picture_pc_d574841f547a3d73ca1908972f68f93e.gif)
極座標をかけます。継ぎ目が目立たないように、水彩素材はシームレスになるよう加工しています。
![](https://assets.st-note.com/img/1683461418107-3uBM5zqphX.png?width=1200)
![](https://assets.st-note.com/img/1683461491872-0Z1S4StEwO.png)
![](https://assets.st-note.com/production/uploads/images/104983903/picture_pc_b58e58f0ef85c7ee278494978acbbaca.gif)
きたない
輪郭色を加えつつ、色調を整えます。
![](https://assets.st-note.com/img/1683461531900-U2Rt0iGodj.png?width=1200)
回転アニメも加えている
![](https://assets.st-note.com/img/1683461642151-7j6b6NatDc.png)
![](https://assets.st-note.com/production/uploads/images/104984332/picture_pc_51ffd1d232a2aa0bf4d51a9fbd05abe6.gif)
バルジをかけて膨らませます。
![](https://assets.st-note.com/img/1683461822383-iostDhwmfF.png)
![](https://assets.st-note.com/production/uploads/images/104984664/picture_pc_a0926b9db6e28c08ce1b09a3cfce066e.gif)
中心の透明度をあげるとシャボン玉ぽくなります。
![](https://assets.st-note.com/production/uploads/images/104985330/picture_pc_16a1c0a7b2d88963ef64f21d88f6a6b3.gif)
膨らむアウトラインとコンポジット
シャボン玉のテクスチャができたので、膨らませてみましょう。
中心から外側への透明度調整用マスクを作成し、再度調整を加えています。シャボン玉のモチーフに願望的な意味合いを込めているため、水彩色を強調して透明度低めに調整しています。
![](https://assets.st-note.com/img/1683464092805-niXO8jmf2i.png?width=1200)
![](https://assets.st-note.com/img/1683464101195-Lsmr5nuW6m.png?width=1200)
膨らむアウトラインを別途描きます。
![](https://assets.st-note.com/production/uploads/images/104989868/picture_pc_de65e5780c97eb12c04b42a9c5560ada.gif)
描いたアウトラインよりマスク素材も作っておきます。
![](https://assets.st-note.com/production/uploads/images/104987455/picture_pc_26052489644cfd109d306e23b190d668.gif)
さらにハイライト素材も描いておきます。
![](https://assets.st-note.com/production/uploads/images/104988684/picture_pc_e2f0eee14c8f2493febe572ee2ba56d3.gif)
コンポジットします。
ポスタリゼーション時間で12fpsに調整しています。
![](https://assets.st-note.com/img/1683465030687-WT47LBrxxj.png?width=1200)
完成です。
![](https://assets.st-note.com/production/uploads/images/104990168/picture_pc_245bd8f52cee391e72d2c6ad6522d231.gif)
この記事が気に入ったらサポートをしてみませんか?