クリップスタジオペイントで作成したアニメーションや素材パーツを公開しています。使えそうなものがありましたらご自由にお使いください。
ページ内に掲載した素材はすべてロイヤリティフリーです。
応用アニメーション・サンプル
■ 風になびく髪・ワンピース 海岸に打ち寄せる波
![](https://lovechara.work/wp-content/uploads/2024/04/sasurai_no_myboy24fps.gif)
ミュージックビデオ(個人的にはミュージックアニメと呼んでいます)用に作成したループアニメです。自分用に作ったものなので、動きも作画もかなり粗いものです。
24fps、36フレーム構成のため、波と雲の編集にはEXが必要になると思います。
キャラの髪、ワンピースは18フレームを2回繰り返していますので、PROでも編集できるのではないかと思います。(すみませんが、確認できません)
クリスタデータをロイヤリティフリーデータとしてアップいたします。データ丸ごとでも、パーツだけでも、あるいは動きをテンプレートして使ったり、中割りを追加してよりスムーズな動きにするなどご自由にお使いください。
■ ガンファイア
ピストルを撃つときの動作です。
人間の動きに加えて、銃から噴出する炎と煙をアニメートしてみました。
向きは横向きのみですが、工夫次第でどの方向にも使えると思います。
![gunfire](https://lovechara.work/wp-content/uploads/2024/04/gunfire.gif)
![](https://lovechara.work/wp-content/uploads/2024/04/gunfire24fps.gif)
ダウンロードデータは、右の線画で描いたもので、フレームレートを8fpsにしています。(gif画像は、24fpsです)
背景用アニメーション
ほとんどの素材は実験的に作成したもので、精度は低めです。
すべてクリップスタジオペイントEX ver. 2.0.6で制作しており、ほとんどは1秒以内、24フレーム以内で作っていますのでペイントプロで編集できると思いますが、一部例外がありますので、ご了解のほど。
輝くクリスタル
クリスタルの内部にある光源を点滅させたアニメーションです。黒ベタの不透明度をキーフレームを使って変化させた単純なしかけです。
配布ファイルは、クリスタのワークファイルで、クリスタでしか読めません。
アニメーションは、24fpsで1秒です。
![](https://lovechara.work/wp-content/uploads/2024/07/輝くクリスタル(配布用).gif)
■ 波紋
雨滴が池や水たまりに落ちたときにできる波紋です。
3種類の形状に加えて、再編集、追加工等ができるようベースになるライン(ベクタ線)などの作画途中のデータなどをデータファイルに残しています。
![波紋上面上下左右動作サンプル](https://lovechara.work/wp-content/uploads/2024/05/波紋上面上下左右動作サンプル.gif)
![波紋上面上下動作サンプル](https://lovechara.work/wp-content/uploads/2024/05/波紋上面上下動作サンプル.gif)
![波紋上面円動作サンプル](https://lovechara.work/wp-content/uploads/2024/05/波紋上面円動作サンプル.gif)
「波紋上下左右」を追加工(タイムライン延長、開始時間の調整、アニメーションフォルダの自由変形)して作成した応用例です。
![波紋ふかんサンプル](https://lovechara.work/wp-content/uploads/2024/05/波紋ふかんサンプル.gif)
メイキングに関する情報は、ブログページをご参照ください。
■ 窓を伝って落ちる雨
窓にぶつかり、自重を支えきれずに窓を伝って流れ落ちる雨しずくです。左がダウンロードデータで、右は作画例です。
![rainontheglass](https://lovechara.work/wp-content/uploads/2024/04/rainontheglass.gif)
![](https://lovechara.work/wp-content/uploads/2024/04/参考イラスト3.gif)
■ 稲妻
稲妻セットです。2つの稲妻と空全体が明るく光る状態はすべてバラバラの素材として作成していますので、タイミングや持続時間、回数などを任意に変更できます。
![](https://lovechara.work/wp-content/uploads/2024/04/lightningSet.gif)
■ 真直ぐ下に落ちる雨
![雨のアニメ+グラデ背景(大雨)](https://lovechara.work/wp-content/uploads/2023/09/雨のアニメ+グラデ背景(大雨).gif)
■ ななめに降る雨
![rain2](https://lovechara.work/wp-content/uploads/2023/09/rain2.gif)
■ 末広がりに降る雨
こちらの素材はイラストの背景用として作ったため高解像度で、データサイズが大きめです。
![放射ぼかし雨トリム](https://lovechara.work/wp-content/uploads/2023/09/放射ぼかし雨トリム.gif)
フォロー背景アイディア
クリスタのキーフレームを使ってできるフォロー系の背景(視点が固定で、背景が流れるタイプ)です。アイディア段階のラフなもので、参考になりそうでしたら、テンプレートとしてお使いください。基本的に8fps、24フレーム、3秒で作成しています。
解説は後日アップいたします。
■ 流れる雲
左から右に3秒で進む雲です。
![](https://lovechara.work/wp-content/uploads/2023/09/空を流れる雲.gif)
■ 岩壁に沿って飛ぶ・走る
壁が左から右に流れます。このパターンは比較的簡単に作れます。
![](https://lovechara.work/wp-content/uploads/2023/09/岩壁に沿って進む1.gif)
壁のパターンはそのままに、岩壁の形状でレイヤーマスクをかけたものです。
![](https://lovechara.work/wp-content/uploads/2023/09/岩壁に沿って進む2.gif)
さらに流れる雲を背後に置き、左下から右上に雲を流しました。
![](https://lovechara.work/wp-content/uploads/2023/09/岩壁に沿って進む3(アニメ).gif)
■ トンネルの中を飛ぶ・走る・進む
右壁のみが左から右に流れるパターンです。
![](https://lovechara.work/wp-content/uploads/2023/09/トンネルの壁に沿って進む.gif)
左壁を合体させたもので、左壁はゆらゆらと左右に動き、トンネルが微妙にカーブしている状態を表現しています。
![](https://lovechara.work/wp-content/uploads/2023/09/トンネルの両壁に沿って進む(アニメ).gif)
トンネルのファイルはひとつです。左壁はひとつのフォルダに入れていますので、フォルダを非表示にすると上側のアニメーションになります。