비 애니메이션 자료 모음 (雨のアニメーション素材集) 雨のアニメーション素材集

콘텐츠 ID：2035873

2,662

- 문제가 있는 소재입니다

무료

E.Roji

이 소재집에는 스튜디오 모드에서 이용하실 수 있는 소재가 포함되어 있습니다. (스튜디오 모드란?)

Translated by

이것은 상단과 하단에 매끄러운 이미지가 있는 레인 루프 애니메이션입니다. 上下にシームレスなイメージを使った雨のループアニメーションです。

이것은 수직 방향의 매끄러운 이미지를 사용하여 키 프레임으로 반복되는 비 애니메이션입니다. 생성 된 애니메이션 레이어 폴더가 소재로 사용됩니다. (일부는 프레임 단위입니다)

새 애니메이션 파일

기본 설정으로 새 애니메이션 파일을 준비하십시오. 프레임은 1280px x 720px, 해상도는 144dpi, 프레임 속도는 24fps입니다.

빗방울이 흰색으로 그려져 있기 때문에 종이를 어두운 색으로 보는 것이 더 쉽다고 생각합니다. 채우기 레이어를 넣을 수 있습니다.

파일 설치

현재 7가지 다른 비 패턴을 사용할 수 있습니다. 다운로드한 폴더를 애니메이션 파일의 레이어로 직접 끌어다 놓습니다.

프레임 수는 자동으로 24프레임으로 설정되므로 시작 프레임을 1로, 끝 프레임을 24로 일치시킵니다. 애니메이션 폴더의 시작 위치가 잘못 정렬 된 경우 프레임 1의 위치에 맞 춥니 다.

각 비 재료에 대해

각 애니메이션 폴더를 표시하거나 숨기면 단독으로 또는 조합하여 사용할 수 있습니다.

【중간 비】빗방울이 크고 밀도가 낮습니다. 이동 속도는 디스플레이 프레임의 위쪽 가장자리에서 아래쪽 가장자리까지 1초입니다.

【이슬비】맑고 짙은 비입니다. 이동 속도는 중간 정도의 비의 절반으로 상단 가장자리에서 하단 가장자리까지 2 초 만에 이동합니다.

【미디엄 + 이슬비】2 개의 레이어를 동시에 보면 상당히 짙은 비가 내립니다. 깊이감도 줍니다.

【대각선 비】비는 왼쪽 상단에서 오른쪽 하단으로 내립니다. 이동 속도는 상단 가장자리에서 하단 가장자리까지 1초입니다.

【하늘을 올려다 볼 때 비】3 프레임 별 촬영입니다. 샤워실을 올려다볼 때도 사용할 수 있습니다.

【마지막에 내리는 비】이쪽도 3 프레임 프레임입니다. 비나 폭풍우를 향하는 상황에서 사용되는 것 같습니다.

【얇은 비】천천히 내리는 가늘고 날카로운 비입니다.

【눈앞을 지나가는 비】큰 빗방울이 고속(3배속)으로 떨어졌습니다. 처마 아래에서 빗방울이 쏟아지는 것과 같은 효과를 목표로 했습니다.

사용법·신청

나는 주로 배경 앞에 배치하려는 의도로 비오는 장면을 제작하기 위해 만들었습니다. "당신 앞에서 지나가는 비"는 깊이감을 만들기 위해 캐릭터 앞에 배치될 수 있습니다.

크기 조정(1)

크기 조정에 대한 질문을 받았습니다. 기본 비는 화면을 채우지만 예를 들어 창 밖을 내다보는 경우 작은 창에 비가 내리기를 원할 것입니다.

비의 밀도와 속도가 같으면 비가 내리고 싶은 부분에만 레이어 마스크를 바릅니다. 예를 들어 약 600X600px의 영역에 "중간 비"가 떨어지게하려면 약 600X600px 크기의 어두운 상자를 만들고 비 레이어를 마스킹합니다.

화면 프레임을 채우는 비의 일부는 잘라내지만, 잘라내도 끊김 없는 상태는 유지된다. 이 방법은 모든 비 기질에 적용 할 수 있습니다.

크기 조정(2)* 권장하지 않는 방법

표시 영역의 크기를 조정하는 동시에 비의 크기를 변경할 수 있습니다. "폭우"의 예를 들겠습니다만, 조정이 어렵 기 때문에 추천하지 않습니다.

예를 들어 비의 크기를 절반으로 줄이려면 비 패턴의 크기를 50%로 설정합니다. 애니메이션 레이어의 셀에 붙여 넣은 이미지 소재는 비 패턴이됩니다.

"Medium Rain" 패턴의 원래 크기는 1280X1440px입니다. 이것을 640X720px로 만드십시오. 키 프레임이 해제되면 변형 및 스케일링에 의해 50%로 축소됩니다.

키 프레임의 시작점이 임의의 위치에 있는 경우 끝점은 원하는 위치에서 그래픽 높이의 절반입니다. (끝점의 위치는 비 패턴에 따라 다릅니다)

비 패턴의 아래쪽 가장자리를 시작점에 맞추고 프레임 1의 키를 누릅니다.

프레임 25(*)로 이동하고 비 패턴의 위쪽 가장자리를 끝점에 맞춥니다.

비를 표시하고 싶은 영역에 레이어 마스크를 적용하면 다음과 같은 애니메이션이 나옵니다.

이 방법은 CLIP STUDIO PRO의 프레임 수가 24 개로 제한되어 있기 때문에 어려울 수 있습니다. EX를 사용하고 있기 때문에 현재 검증이 불가능합니다.

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

루프 이미지 자체를 만드는 것은 그리 어렵지 않지만 품질이 좋든 나쁘든 우연의 일치입니다. 이번에 업로드 된 자료는 준비가되어 있기 때문에 품질면에서 개선이 필요하다고 생각합니다. 앞으로는 품질을 개선하고 점차 유형 수를 늘리고 싶습니다.

上下方向にシームレスなイメージを用いて、キーフレームでループさせた雨のアニメーションです。作成したアニメーションレイヤーフォルダをそのまま素材にしています。（一部フレームバイフレームがあります）

新規アニメーションファイル

初期設定の新規アニメーションファイルをご用意ください。画像枠は1280px X 720px、解像度が144dpiでフレームレートは24fpsです。

雨粒を白色で描いていますので、用紙は黒っぽい色のほうが見やすいと思います。ベタ塗りレイヤーを置いてもOKです。

ファイルの設置

現時点で７種類の雨パターンを用意しています。ダウンロードしたフォルダをアニメーションファイルのレイヤーに直接ドラッグ＆ドロップします。

フレーム数は24フレームに自動設定されますので、開始フレームを１、終了フレームを24に合わせてください。アニメーションフォルダのスタート位置がズレている場合は、フレーム１の位置に合わせてください。

各雨素材について

それぞれのアニメーションフォルダを表示、非表示を切り替えることで、単体、あるいは組み合わせて用います。

【中降りの雨】雨粒が大きめ、密度が低めの雨です。移動スピードが表示枠上端から下端まで１秒です。

【霧雨】細かく、密度の高い雨です。移動スピードは中降りの雨の半分で、上端から下端まで２秒です。

【中降り＋霧雨】２つのレイヤーを同時に表示すると、かなり密度の高い雨になります。また奥行き感も出ます。

【斜めに降る雨】左上から右下に向かって降る雨です。移動スピードは上端から下端まで１秒です。

【空を見上げたときの雨】３コマ撮りのフレームバイフレームです。シャワーを見上げた場面などにも使えそうです。

【末広がりに降る雨】こちらも３コマ撮りのフレームバイフレームです。雨や嵐に向かって進む場面などで使えそうです。

【細い雨】ゆっくりと降る細く鋭い雨です。

【目の前を通り過ぎる雨】大粒の雨を高速（３倍速）で落下させました。軒下からこぼれる雨滴のような効果を狙いました。

使い方、応用

雨のシーンの演出用に、主に背景の前に置くことを想定して作りました。「目の前を通り過ぎる雨」は奥行き感を出すために、キャラの前に置いてもいいかも知れません。

リサイズ（１）

リサイズに関して質問をいただきました。デフォルトの雨は画面いっぱいに表示していますが、例えば、窓から外を見ているような場面では、小さな窓の中に雨を降らせたいと思うことでしょう。

雨の密度、速度がそのままでいい場合は、雨を降らせたい部分にだけレイヤーマスクをかけます。例えば「中降りの雨」を約600X600pxのエリアに降らせたい場合、約600X600pxサイズの暗色のボックスを作り、雨のレイヤーをマスクします。

画面枠いっぱいに降る雨の一部を切り取っているのですが、切り取ったとしてもシームレスな状態は維持されます。この方法はすべての雨の素材に適用できます。

リサイズ（２）＊お勧めできない方法です

表示エリアのリサイズと同時に雨のサイズを変えたい場合もあるかも知れません。「中降りの雨」の例をご紹介しますが、調整が大変なのであまりお勧めしません。

例えば雨のサイズを半分にしたい場合、雨のパターンのサイズを50%にします。アニメーションレイヤーのセルに貼り付けている画像素材が雨のパターンになります。

「中降りの雨」のパターンのオリジナルサイズは1280X1440pxです。これを640X720pxにします。一旦キーフレームを解除してから変形ー拡大縮小で50%にします。

キーフレームの開始点を任意の位置にした場合、終了点は任意の位置からグラフィックの縦半分上の位置になります。（終了点の位置は雨のパターンによって異なります）

開始点に雨のパターンの下端を合わせ、フレーム１にキーを打ちます。

フレーム25（＊）に移動し、雨のパターンの上端を終了点に合わせます。

雨を表示したいエリアでレイヤーマスクをかけると、以下のようなアニメーションになります。

（＊）クリスタPROの場合フレーム数が24に制限されているため、この方法は難しいかも知れません。EXを使用しているため現在検証ができません。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

ループイメージの作成自体さほど難しくはありませんが、品質の善し悪しには偶然性が伴います。今回アップした素材は出来成りのため、品質的には改善が必要と考えています。今後品質アップを図るとともに、少しずつ種類を増やしていきたいと思います。

애니메이션 소재 アニメーション素材

갱신 이력

10월 3일 오후 1시 4개의 추가 자료 및 추가 사항과 관련된 업데이트된 설명 10월 7일 오후 10시 비가 오는 지역의 크기를 조정하는 방법에 대한 정보 추가 10月３日13時　素材４点追加、および追加に伴う説明のアップデート
10月7日22時　雨の降るエリアのサイズを変更する方法について追記

콘텐츠 ID：2035873

공개일 : 1 year ago

갱신일 : 1 year ago

선물하기

당신의 CLIPPY를 10 CP(×5번까지) 증정할 수 있습니다.