El agua de lluvia fluye a través del vidrio de la ventana (窓ガラスを伝って流れる雨水) 窓ガラスを伝って流れる雨水
Content ID:2043066
-
84
Traté de animar la forma en que una sola gota de lluvia golpeó la ventana y fluyó por el vidrio de la ventana. 窓に打ちつけられた一粒の雨粒が窓ガラスを伝って流れ落ちる様子をアニメーションにしてみました。

Animo el agua de lluvia que golpeó la ventana y se escurrió hacia abajo.
Se dibuja a 350 ppp verticalmente en tamaño A4 para que se pueda utilizar para imágenes individuales.
Incluido en el set
El conjunto consta de lo siguiente:

En una carpeta llamada rainontheglass, hay carpetas de anime rainwaterflow1 y raindrops1.
rainwaterflow1: Representé el agua de lluvia golpeando el vidrio y cayendo en cascada desde la parte superior izquierda hasta la parte inferior derecha de la pantalla. Utiliza 24 celdas para expresarlo fotograma a fotograma.
gotas de lluvia1: Esta capa de imagen se basa en la imagen de las gotas de agua que cubren todo el cristal de la ventana.
Método de instalación
Cree un nuevo archivo de ilustración de 350 ppp en formato A4 vertical.
Utilizo blanco y negro para el color de primer plano, por lo que creo que es fácil ver el color de fondo gris apropiado.
De antemano, en "crear ilustración en movimiento", establezca la configuración del anime de la siguiente manera.
Número de celdas: 24
Velocidad de fotogramas: 8 fps

Arrastra y suelta la carpeta descargada rainontheglass directamente sobre la capa.
Probablemente tengas una carpeta de anime vacía, pero puedes ocultarla o eliminarla si no la necesitas.

Modo de empleo
Tanto el anime como las gotas de agua están pintadas en blanco y negro, por lo que creo que pueden hacer frente a una amplia gama de colores y tonos del fondo.
La carpeta de anime se puede cambiar de tamaño y transformar como una carpeta de imágenes normal, así que escálela al tamaño requerido.
Si intenta mover una carpeta seleccionándola, es posible que termine moviendo solo una celda. Después de seleccionar una carpeta, seleccione Transformar→Escala, etc. para crear un marco grande que cubra todas las celdas.
Este cuadro muestra el rango desde el inicio hasta el final del flujo de agua de lluvia. Creo que es fácil mover y transformar este marco.

También puedes duplicar la carpeta anime para crear múltiples chorros de agua. Las variaciones se pueden aumentar cambiando la posición y la hora de los puntos de inicio y final del agua de lluvia, así como cambiando la dirección y el ángulo.
Muestra
Este es un ejemplo de aplicación a Windows.
En este ejemplo, toda la ventana se reduce para ajustarse al tamaño de la ventana, lo que aumenta el flujo de agua de lluvia a tres. Se cambia la posición y el punto de inicio de cada uno, y uno es la deformación simétrica + el cambio de ángulo.


窓に打ちつけられた雨水が流れ落ちる様子をアニメーションにしてみました。
一枚絵にも使えるよう、A4サイズ縦に350dpiで描いています。
セット内容
セットは、以下のような構成になっています。

rainontheglassというフォルダの中に、アニメーションフォルダrainwaterflow1とraindrops1が入っています。
rainwaterflow1:ガラスに打ちつけられた雨水が、画面の左上から右下にかけて流れ落ちる様子を描きました。24枚のセルを使いフレームバイフレームで表現しています。
raindrops1:窓ガラス全体を覆った水滴をイメージした画像レイヤーです。
設置方法
A4縦、350dpiの新規イラストファイルを作ってください。
描画色には白と黒を使っていますので、背景色は適当なグレイが見やすいと思います。
あらかじめ「うごくイラストを作る」で、アニメーション設定を以下にしておきます。
セル枚数:24
フレームレート:8fps

ダウンロードしたフォルダrainontheglassを直接レイヤーにドラッグ&ドロップします。
空っぽのアニメーションフォルダができていると思いますが、非表示にするか不要であれば削除します。

使用方法
アニメーションも水滴も白と黒で描いていますので、ある程度幅広い色やトーンの背景に対処できると思います。
アニメーションファルダは、通常の画像フォルダ同様、リサイズや変形ができますので、必要なサイズに拡縮してお使いください。
フォルダを選んで移動させようとした場合、セル1枚だけを動かしてしまうことがあります。フォルダを選んだあと、変形→拡大・縮小などを選択するとすべてのセルをカバーした大きな枠ができます。
この枠は、流れる雨水の始点から終点までの範囲を示しています。この枠を動かしたり、変形したりするのがわかりやすいと思います。

また、アニメーションフォルダを複製することで、水の流れを複数本作ることができます。雨水の始点、終点の位置や時間を変えたり、向きや角度を変えることでバリエーションが増やせます。
サンプル
窓に応用した例です。
この例では、窓のサイズに合わせて全体を縮小し、雨水の流れを3本に増やしています。それぞれ位置と始点を変え、一本は左右対称変形+角度変更を行っています。

Material de anime アニメーション素材