Share
La nieve creada digitalmente a menudo puede ser bastante difícil de generar en Photoshop, de una manera realista. Recientemente publicamos un tutorial que muestra cómo agregar nieve a una imagen fija, por lo que en este tutorial, decidimos que sería divertido mostrar cómo crear un efecto de nevada animada de aspecto realista en Photoshop, y luego convertirlo en un GIF animado expediente. Empecemos!
Para completar el tutorial necesitará los siguientes recursos:
Este video fue grabado durante el proceso de creación de este tutorial. Desafortunadamente, no pudimos grabar audio para este video, por lo que está en silencio. Queríamos incluirlo en la parte escrita de este tutorial en caso de que pudiera ser de alguna ayuda..
Crea un nuevo documento de 800 px por 800 px.
Selecciona el Herramienta de pincel (B) y establecer el tamaño a un número pequeño como 4.
En una nueva capa, pinta algunos puntos negros al azar sobre el lienzo. Cada punto se convertirá en un solo copo de nieve. Nombra esta capa Copos de nieve. Es importante evitar agrupar demasiados copos de nieve en un área.
Antes de comenzar a animar los copos de nieve, es importante considerar cómo caen. Cuando los copos de nieve caen del cielo, imagino que flotan de un lado a otro en su descenso, dándoles una apariencia elegante. (Ver imagen abajo). Siguiendo esta interpretación de la caída de nieve, podemos identificar dos movimientos; Cayendo (hacia abajo) y flotando (de lado a lado). Para animar la caída de nieve, comenzaremos con un ligero movimiento de lado a lado..
Abre el Panel de línea de tiempo (Ventana> Línea de tiempo).
los Panel de línea de tiempo aparece, pero no mostrará una línea de tiempo al principio. En su lugar, aparece un solo botón que le pregunta qué línea de tiempo desea utilizar. Asegúrese de seleccionar Crear línea de tiempo de vídeo.
Ahora que se ha creado una línea de tiempo de video, dos capas deberían estar visibles en la línea de tiempo, que corresponden a las dos capas en la línea de tiempo. Panel de capas. En el Panel de línea de tiempo, haga clic en la flecha al lado de la Copo de nieve Capa para revelar las propiedades de animación..
Asegúrese de que la cabeza lectora esté en la posición del primer cuadro y haga clic en el icono del cronómetro para Habilitar animación de fotogramas clave. Esto colocará automáticamente un fotograma clave en el primer fotograma..
Antes de agregar movimiento, ayuda a configurar algunas guías. Acércate a uno de los copos de nieve y coloca una guía vertical sobre él..
Coloque dos guías más a cada lado del copo de nieve. Esto representará la distancia a la que moveremos el copo de nieve de lado a lado..
Propina: Utilizar el Barra de reglas (Comando / Ctrl + R) para asegurarse de que las dos guías estén a la misma distancia de la guía central.
Ahora que nuestra escena está configurada y la animación de fotogramas clave está habilitada, podemos comenzar a mover nuestros copos de nieve para animar. Mueva la cabeza lectora al marcador de un segundo (1: 00f) en la línea de tiempo y, usando la tecla Herramienta de movimiento, Mueve el copo de nieve hasta que llegue a la guía izquierda..
Propina: Mantener el turno restringirá el movimiento horizontalmente.
A continuación, avance la cabeza lectora al marcador de tres segundos (3: 00f) en la línea de tiempo y mueva el copo de nieve a la guía derecha.
Finalmente, avance la cabeza lectora hacia el marcador de cuatro segundos (4: 00f) y mueva el copo de nieve de nuevo a la guía central.
Dado que nuestra animación se reproducirá durante cuatro segundos, debemos establecer el final del área de trabajo en el marcador de cuatro segundos. Arrastrar el Fin de area de trabajo Marcador al marcador de cuatro segundos (4: 00f). También, haga clic en el menú desplegable en la parte superior derecha de la Panel de línea de tiempo y elige Reproducción en bucle.
prensa Barra espaciadora para previsualizar la animación.
Después de mirar la animación, el movimiento del copo de nieve es demasiado duro. Esto se puede suavizar agregando algunos fotogramas clave adicionales. Arrastre la cabeza lectora justo antes del marcador de un segundo (1:00). Tenga en cuenta la posición del copo de nieve.
Utilizando la Teclas de flecha, empujar el copo de nieve más cerca de la guía.
Repita esto para el otro lado del marcador de un minuto (1: 00f)
Haga lo mismo en el marcador de tres segundos (3: 00f).
Previsualiza la animación pulsando Barra espaciadora. Al acercar los copos de nieve a la guía, hemos hecho que sea fácil dentro y fuera del cambio de dirección (lo que le da un movimiento más natural).
Ahora que los copos de nieve tienen una animación de lado a lado, debemos asegurarnos de que ninguno de ellos esté siendo animado fuera del lienzo. Compruebe los bordes de la animación para ver si desaparecen los copos de nieve y utilice el Herramienta de borrador (E) para eliminarlos.
Haga clic en el icono de ojo en el Fondo capa en nuestro Panel de capas. Esto ocultará la capa blanca para que nuestros copos de nieve aparezcan en un fondo transparente..
Seleccione ambas capas en el Panel de capas y clic derecho. Escoger Convertir a objeto inteligente. Es importante que ambas capas estén seleccionadas..
El siguiente paso es expandir nuestro lienzo para hacer espacio para animar la nieve que cae. Utilizando la Herramienta de cultivo (C), agarre el borde inferior y tire hacia abajo para extender el lienzo. Participación Alt Extenderá el lienzo por igual en ambas direcciones..
Crear una nueva capa debajo de la Copos de nieve capa y Llenar con blanco.
Posicionar el Copos de nieve capa hacia la parte superior del lienzo.
En el Panel de línea de tiempo, haga clic en la flecha en el Copos de nieve capa para revelar las propiedades de animación. Tenga en cuenta que el Posición propiedad ha sido reemplazada por la Transformar propiedad ya que ahora es un objeto inteligente.
Deslice el Fin de area de trabajo marcador para el marcador de cuatro segundos (4: 00f).
Mueva la cabeza lectora al primer cuadro y haga clic en el icono del cronómetro para Habilitar animación de fotogramas clave y colocar un fotograma clave en el primer fotograma..
Mueva la cabeza lectora hacia el marcador de cuatro segundos (4: 00f) y use el Mover herramienta (V) para arrastrar el Copos de nieve capa al fondo del lienzo.
prensa Barra espaciadora para previsualizar la animación. Como puede ver, la nieve ahora cae con gracia con un ligero movimiento de lado a lado. En los próximos pasos, rellenaremos la nieve para cubrir el resto del lienzo..
Hacer una copia duplicada (Capa> Capa duplicada) del Copos de nieve capa. Esto también se puede hacer en el Panel de capas arrastrando la capa sobre el Crear un nuevo icono de capa. Duplicar la capa retiene la animación. Nota: presionando Comando / Ctrl + J no funcionará ya que no copia las propiedades de animación sobre.
Mueva la nueva capa hacia abajo en la línea de tiempo hasta alrededor del marcador del décimo cuadro (10f).
prensa Barra espaciadora para previsualizar la animación. La nieve ahora sigue cayendo desde la parte superior del lienzo..
Continúa esta técnica hasta que todo el lienzo esté cubierto de nieve que cae. Puede ser necesario ajustar los fotogramas clave manualmente para algunas de las capas.
Observe cómo la nevada parece demasiado uniforme. Para agregar alguna variación, podemos crear otra capa duplicada y un fotograma clave para que caiga a una velocidad mayor que el resto de la nieve..
Para agregar aún más variaciones, modifique los fotogramas clave de algunas de las capas para moverse más rápido o más lento. Sólo asegúrese de que no haya brechas en la nieve.
Seleccionar todo Copos de nieve capas y Convertir a objeto inteligente.
La nevada está empezando a verse mejor, pero aún se puede hacer más. En los siguientes pasos, agregaremos más variedad y densidad a la nevada. Comience haciendo un Copiar (Comando / Ctrl + J) del Copos de nieve Capa (ya que toda la animación está dentro del objeto inteligente, podemos copiar el objeto inteligente y seguir conservando la animación).
Asegúrate de que la cabeza lectora esté en el primer fotograma para que nuestra capa anime los cuatro segundos completos..
Transformar (Comando / Ctrl + T) esta capa de modo que sea ligeramente más grande y girada fuera del centro.
Hacer otro Copiar (Comando / Ctrl + J), y cambiar el tamaño y girarlo en la dirección opuesta. Esto hará que la nieve se cruce, dándole un comportamiento más realista..
Continúe agregando nuevas copias de nieve y transformándolas de diferentes maneras para agregar variación al tamaño y la velocidad (una capa que se ha aumentado verticalmente parecerá tener una caída de nieve más rápida que una que se haya reducido verticalmente). Ten cuidado de no exagerar ninguna de las transformaciones..
prensa Barra espaciadora para previsualizar los resultados. Desde que agregamos capas y capas de objetos inteligentes animados, es posible que Photoshop se ralentice un poco al intentar renderizar una vista previa..
Por último, asegúrese de que el Fin de area de trabajo ha sido movido al marcador de cuatro segundos (4: 00f). Cuando esté satisfecho con los resultados, seleccione todas las capas y Convertir a objeto inteligente. Renombrar la capa a Nevada. Guardar (Comando / Ctrl + S) el archivo.
Ahora que se ha creado la nevada, podemos trabajar para preparar una imagen para recibir la nevada. Abra la imagen de su elección. En este caso, estoy usando una fotografía de Tuts + Photoshop Editor, Grant Friedman de Central Park.
El siguiente paso es recortar la foto. Nunca soy un gran fan de recortar fotos que no son mías. Sin embargo, dado que el resultado final será un GIF cuadrado, debe hacerse. Utilizar el Herramienta de cultivo (C) y ajuste la relación de aspecto a 1: 1 (Cuadrado).
Ajuste las guías de recorte en pantalla para recortar la imagen a 600 px por 600 px. Haga clic en la marca de verificación (o presione Entrar) para confirmar los cambios..
Vaya a nuestro documento de nevadas, haga clic en el lienzo y arrastre la capa hasta la pestaña del documento que contiene la foto. Al pasar el cursor sobre la pestaña se abrirá el documento. Continúe arrastrando sobre el documento fotográfico y suelte el botón del mouse. El objeto inteligente debe colocarse encima de nuestra foto..
Si el Panel de línea de tiempo ya no esta abierto, ve a Ventana> Línea de tiempo. Haga clic en el botón para Crear línea de tiempo de vídeo.
Deslice el Fin de area de trabajo a los cuatro segundos marcadores (4: 00f).
prensa Barra espaciadora para previsualizar la animación. Como se mencionó anteriormente, puede tomar un poco de tiempo para que Photoshop renderice la animación. La nevada debería ser fácil de ver, ya que todo está en negro (cambiaremos esto más adelante).
Ahora es el momento de agregar capas de nieve a la foto. Comience por cambiar el tamaño (Comando / Ctrl + T) la Nevada capa por lo que es más grande que el lienzo.
Copiar (Comando / Ctrl + J) la Nevada capa y Transformar (Comando / Ctrl + T) Es para encajar en el área hacia la parte posterior del camino. Dado que esta capa de nieve es más pequeña, la nevada aparecerá más lenta, como en la vida real.
Para evitar que la nieve aparezca y desaparezca repentinamente de la parte superior e inferior de la capa, debemos agregar una máscara de capa. Primero, esconder el original. Nevada capa (queremos ver la capa copiada claramente). A continuación, haga clic en el Añadir máscara de capa y utilice un pincel grande y suave para enmascarar la parte superior e inferior de la capa.
prensa Barra espaciadora para previsualizar la animación. La nieve debería parecer caer detrás de la línea de árboles y detenerse en el suelo en la distancia lejana.
Hacer una Copiar (Comando / Ctrl + J) de esta capa y redimensionarla (Comando / Ctrl + T) Para ser un poco más grande que la capa anterior. Esta capa de nieve debe aparecer a mitad del camino..
La máscara de capa se copiará también. Edita esto para la capa de nieve más grande.
Hacer otro Copiar (Comando / Ctrl + J). Esta vez, deseche la máscara de capa en el icono de la papelera en la parte inferior de la Panel de capas. Photoshop le indicará qué hacer con la capa. Seleccionar Borrar.
Cambiar el tamaño de esta capa. Continuar haciendo copias adicionales y Transformar (Comando / Ctrl + T) De diferentes maneras para agregar variación..
A continuación, crea otro. Copiar (Comando / Ctrl + J) y redimensionar la capa a alrededor del 175%..
Agrega un Desenfoque gaussiano (Filtro> Desenfoque Desenfoque gaussiano) con un Radio de 2.9 px. Esto proporcionará la ilusión de que la nieve está fuera de foco, cayendo justo en frente de la cámara.
Como paso opcional, agregue una pequeña cantidad de Desenfoque gaussiano a las dos capas más atrás.
Una de las últimas cosas que deben hacerse es hacer que los copos de nieve sean blancos. Para hacer esto, haga doble clic una de las miniaturas de la Nevada objetos inteligentes Esto abrirá ese objeto inteligente para editar. Asegúrate de mostrar la capa de fondo blanco.
A continuación, agregue el Invertir Ajuste de la capa a la parte superior de la pila de capas. El resultado debe ser nieve blanca sobre fondo negro..
Guardar (Comando / Ctrl + S) el documento de objeto inteligente y volver al documento de trabajo. Puede notar que la foto ya no es visible. Seleccione todas las capas de nevadas y cambie la Modo de mezcla a la pantalla.
prensa Barra espaciadora para previsualizar. Todas las capas de nieve que agregamos han creado un efecto de paralaje, creando la apariencia de profundidad a la nieve..
Ya que todo fue creado usando objetos inteligentes, podemos editar fácilmente la nevada. En este caso, la nieve puede parecer más gruesa y quizás un poco más blanda. Para editar la nieve, haga doble clic La miniatura de uno de los objetos inteligentes..
Si la nevada parecía demasiado uniforme en nuestra primera vista previa, entonces tómese un tiempo aquí para reposicionar y redimensionar el Copo de nieve Capas hasta que estés satisfecho con la variación..
Continuar a haga doble clic Cada objeto inteligente hasta llegar al original. Copos de nieve capa.
Haga doble clic la Copos de nieve capa y agregar un negro Brillo externo estilo de capa utilizando la configuración de abajo. Haga clic en Aceptar.
Guardar (Comando / Ctrl + S) y Cerrar cada objeto inteligente hasta que volvamos a nuestra escena nevada. prensa Barra espaciadora para previsualizar la animación. La nieve se ve mucho mejor..
La forma más rápida de crear un GIF es usar el Guardar para Web opción. Sin embargo, dado que hemos utilizado muchos objetos inteligentes en capas para construir nuestra escena, Photoshop sin duda disminuirá la velocidad cuando intente procesar toda esa información. En su lugar, primero crearemos un archivo de video. Ir Archivo> Exportar> Renderizar video
En el Renderizar video panel, cambie la configuración como mejor le parezca, o use la configuración a continuación y haga clic en Hacer.
Una vez que el archivo haya terminado de procesarse, localícelo en su computadora y ábralo nuevamente en Photoshop. Photoshop debería abrir esto automáticamente como un archivo de video.
Ahora ve a Archivo> Guardar para Web y ajuste la configuración a su gusto y haga clic en Hecho. Si desea que la animación se reproduzca, asegúrese de activar el bucle. Para obtener más información sobre cómo optimizar un archivo GIF, consulte la publicación de Martin Perhiniak, 10 maneras de optimizar un archivo GIF animado..
En este tutorial, hemos aprendido cómo tomar una animación tradicionalmente compleja, como la caída de nieve, y dividirla en varias animaciones simples con la ayuda de objetos inteligentes. Afortunadamente, este tutorial le ha mostrado lo fácil que es realmente la animación en Photoshop..
Accentsconagua