CREA TU PROPIO GIF CON EFECTO DE SALPICADURA | Tutorial After Effects #14

in creativecoin •  18 days ago  (edited)

Feliz sábado. Es grato saludarlos una vez más, queridos steemians. :)

Buenas noches a toda la comunidad hispana. Hoy quiero compartirles un GIF con una animación de splash (conocida en español como «efecto de salpicadura»). La edición de nuestro logotipo es fácil de lograr, solo modificaremos los valores de escala, opacidad y posición. Estos preset's son distribuidos gratuitamente por NuvaProduction.

Estos archivos solo están disponibles en la versión CC 2019, por ello me encomendé en la sencilla tarea de renderizarlos, y así puedan ser usados en cualquier versión. ¡Espero les guste!



¿Qué necesitamos?


  • Necesitamos tener instalado After Effects.
  • Al final les dejaré el link de descarga.

  • Preset's renderizados, aquí

  • Proceso de creación:


    PARTE 1: Importar archivos.

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos las imágenes y los preset's, presionamos importar.

  • Arrastramos nuestros archivos importados hacía la mesa de trabajo.
  • Si no quieres usar una imagen, puedes crear una nueva composición.

    PARTE 2: Splash (efecto inicial).

    Vamos a efectos y ajustes preestablecidos, escribimos Relleno y lo arrastramos hasta el archivo Splash 04.mov

    En la flecha de Controles de efectos seleccionamos Proyecto.

  • Teniendo seleccionado el logotipo, presionamos la letra "S" para abrir los frames de escala.

  • Nos posicionamos en el (seg) 2.09 y creamos un frame.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 2.06 y cambiamos el valor X a 0.
  • Seleccionamos los dos frames creados.

  • Presionamos clic derecho Asistente de fotograma clave/Aceleración suave

  • Asignamos un Blur al preset, presionando el símbolo de los 2 elipses.
  • Seleccionamos el preset Splash 04.mov

  • Vamos al apartado Controles de efectos

  • Modificaremos el color.
  • NOTA: Es importante que el color sea el mismo que el del logotipo.

    PARTE 3: Efecto salpicadura (lado derecho).

    Vamos al apartado Control de efectos/Proyecto

  • Arrastramos el archivo Splash 01.mov hacía la mesa de trabajo.
  • Vamos a efectos y ajustes preestablecidos, escribimos Relleno y lo arrastramos hasta el archivo Splash 01.mov

  • Seleccionamos el archivo Splash 01.mov y lo movemos en la línea de tiempo hasta el (seg) 2.10.

  • Nos posicionamos en el (seg) 2.14 para tener mejor visibilidad sobre nuestra composición.

  • Movemos manualmente el archivo hacía la esquina superior derecha.

  • Modificamos el color seleccionando la herramienta del gotero.
  • NOTA: Es importante que el color sea el mismo que el del logotipo.

    PARTE 4: Efecto salpicadura (lado izquierdo).

    Vamos al apartado Control de efectos/Proyecto

  • Arrastramos el archivo Splash 02.mov hacía la mesa de trabajo.
  • Vamos a efectos y ajustes preestablecidos, escribimos Relleno y lo arrastramos hasta el archivo Splash 02.mov

  • Seleccionamos el archivo Splash 02.mov y lo movemos en la línea de tiempo hasta el (seg) 2.12.

  • Nos posicionamos en el (seg) 2.19 para tener mejor visibilidad sobre nuestra composición.

  • Seleccionamos la herramienta Rotation en la parte superior.

  • Rotamos el preset hacia el lado izquierdo.
  • NOTA: En dirección contraria a las agujas del reloj.

  • Movemos manualmente el archivo hacía la esquina superior izquierda.

  • Modificamos el color seleccionando la herramienta del gotero.
  • NOTA: Es importante que el color sea el mismo que el del logotipo.

    PARTE 5: Efecto salpicadura (parte final).

    Vamos al apartado Control de efectos/Proyecto

  • Arrastramos el archivo Splash 03.mov hacía la mesa de trabajo.
  • Seleccionamos el archivo Splash 03.mov y lo movemos en la línea de tiempo hasta el (seg) 2.15.

  • Nos posicionamos en el (seg) 2.19 para tener mejor visibilidad sobre nuestra composición.

  • Seleccionamos la herramienta Rotation en la parte superior.

  • Rotamos el preset hacia el lado derecho.
  • NOTA: En dirección a las agujas del reloj.

  • Movemos manualmente el archivo hacía la esquina superior izquierda.

  • Modificamos el color seleccionando la herramienta del gotero.
  • NOTA: Es importante que el color sea el mismo que el del logotipo.

    PARTE 6: Exportar nuestro GIF.

    Presionamos Composición/Añadir a cola de Adobe Media Encoder...

  • Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.

  • Y éste es el resultado final:


    Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)



    Descargá el material usado:


    ¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.

    Authors get paid when people like you upvote their post.
    If you enjoyed what you read here, create your account today and start earning FREE STEEM!
    Sort Order:  

    Colmena-Curie.jpg

    ¡Felicidades! Esta publicación obtuvo upvote y fue compartido por @la-colmena, un proyecto de Curación Manual para la comunidad hispana de Steemit que cuenta con el respaldo de @curie.

    Si te gusta el trabajo que hacemos, te invitamos a darle tu voto a este comentario y a votar como testigo por Curie.

    Si quieres saber más sobre nuestro proyecto, acompáñanos en Discord: La Colmena.


    Es un material útil para ser usado en nuestras publicaciones. En este mundo de bloggers hay que aprender de todo. Gracias por compartir

    ¡Gracias! por el comentario tan alentador, mi estimada @syllem. Tienes toda la razón, este material es de utilidad para todos los amantes del blogging y el diseño gráfico.

    Saludos.

    Banner (Firma para Comentarios).png

    Este post ha sido valorado por la comunidad @angelesdesteemit

    Un ángel visitó tu hermoso post y lo ha llenado de amor y bendiciones.


    Curado manualmente por: @historiasamorlez

    Buenas, Su post ha sido propuesto para ser votado a lo largo del día por el witness @cervantes. Un saludo.

    CURADORES-01.gif

    Definitivamente hace falta saber éste proceso en programas de linux, sería interesante de ver, saludos.

    Este post fue compartido en el canal #spanish-curation de la comunidad de curación Curation Collective y obtuvo upvote y resteem por la cuenta de la comunidad @c-squared después de su curación manual.
    This post was shared in the #spanish-curation channel in the Curation Collective Discord community for curators, and upvoted and resteemed by the @c-squared community account after manual review.
    @c-squared runs a community witness. Please consider using one of your witness votes on us here

    Hola!

    Este post ha sido manualmente curado, reestemeado
    y alimentado con una deliciosa torta virtual del
    equipo de curacion @helpiecake!

    Mucho amor para ti de parte de toda la comunidad @helpie!
    Manten en alto tu buen trabajo!


    helpiecake

    🤗
    Manualmente curado por @victoriabsb.


    ¿Sabías que @helpie es un Witness (testigo) de la comunidad?
    para más información de nuestro proyecto,
    por favor visita el post de Actualizaciones de este mes.

    Excelente hermano, Tu trabajo siempre con la calidad al 100%. Continua así. Dentro de poco tus frutos tomaran el valor que se merecen!

    Así es bro, trataré de seguir con dedicación y constancia. ¡Gracia por los buenos deseos!

    Amo con el alma tus gifs!

    ¡Gracias, @iamsaray! Por cierto, hace falta una colaboración con Pepe vale. 😂

    Cada día quedó impresionado con lo que se puede aprender en esta comunidad... Los post que leo son muy informáticos y educativos, que permite a cada persona lograr desarrollarse por si solas... Saludos

    ¡Tienes razón, estimado @joelsegovia! En esta grandiosa plataforma se puede encontrar información de calidad, de cualquier tipo. Desde experiencias y consejos, hasta post dirigidos exclusivamente al ámbito profesional.

    Saludos.

    Concuerdo contigo... Esperemos seguir viendo este flujo de conocimiento y aprendizaje... Saludos