CREA TU PROPIO GIF CON PARTÍCULAS PLANAS | Tutorial After Effects #13

in #creativecoin5 years ago (edited)

Feliz miércoles. Es grato saludarlos una vez más, queridos steemians. :)

Buenas noches a toda la comunidad hispana. Hoy quiero enseñarles a realizar una edición de partículas planas con el plug-in Trapcode, el cual es distribuido por la compañía de software Red Giant.

Este plug-in se puede usar para cualquier tipo de diseños. Desde erupciones volcánicas hasta globos con helio, todo dependiendo de nuestra creatividad. ¡Espero les guste!



¿Qué necesitamos?


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

  • Plug-in usado en este tutorial, aquí

  • Proceso de creación:


    PARTE 1: Composición.



  • Empezaremos creando una nueva composición.

  • En la ventana emergente modificaremos los valores de nuestra composición.
  • En mi caso el tamaño es 700px x 400px, color negro.

    PARTE 2: Crear fondo.

  • Creamos un sólido presionando clic derecho sobre el área de trabajo.
  • Yo lo colocaré con un color azul turquesa.

    PARTE 3: Crear partículas.

  • Creamos nuevamente un sólido presionando clic derecho sobre el área de trabajo.
  • Nota: es importante que el color del sólido sea el mismo que el de nuestro fondo.

    Vamos a efectos/Trapcode/Particular

  • En la opción Direction, cambiamos Uniform por Directional.
  • PARTE 4: Editar partículas.

  • Cambiamos el valor Position X de 350 a 270.

  • Cambiamos el valor Position Y de 200 a 308.

  • Cambiamos el valor Position Z de 0 a -600.

  • Cambiamos el valor X Rotation de 0 a 90°.

  • Cambiamos el valor Velocity de 100 a 60.
  • Desplegamos los valores de Particle:

  • Cambiamos el valor Life [sec] de 3 a 7,5.

  • Cambiamos el valor Sphere Feather de 50 a 2.

  • Cambiamos el valor Size de 5 a 10.

  • En la opción Set Color, cambiamos At start por Over Life.
  • PARTE 5: Editar colores.

  • Desplegamos los valores Color over life:

  • Cambiamos el color rojo por blanco.

  • Cambiamos el color amarillo por azul claro.
  • Código hexadecimal: #57C6D7

  • Cambiamos el color verde por azul oscuro.
  • Código hexadecimal: #2286DF

    PARTE 6: Editar sombras.

  • Desplegamos los valores Shading:

  • En la opción Shading, cambiamos Off por On.

  • En la opción Shadowlet for Main, cambiamos Off por On.
  • Creamos una Luz presionando clic derecho sobre el área de trabajo.

  • Movemos el punto de enfoque hacia abajo.
  • Desplegamos los valores Shadowlet Setting:

  • Cambiamos el valor Color Strength de 100 a 50.
  • PARTE 7: Crear texto.

  • Seleccionamos nuestra herramienta de texto en el apartado superior.
  • Nos aseguramos que la fuente seleccionada sea Gotham Ultra.

  • Teniendo seleccionado el texto, presionamos la letra "P" para abrir los frames de posición.

  • Cambiamos el valor X a 480.

  • Cambiamos el valor Y a 232.
  • PARTE 8: Editar texto.

  • Creamos una Capa de forma presionando clic derecho en la tablework.

  • Presionando la herramienta pen tool (bolígrafo).

  • Dibujamos un cuadrado que cubra todo el texto.

  • Seleccionamos nuestro texto y en el apartado de Mate de seguimiento seleccionamos Alpha matte para nuestra capa de forma.

  • Movemos la Capa de forma y Texto bajo el sólido llamado Particular.
  • Nos posicionamos en el (seg) 3.04 y bajamos el valor X a 0.

  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 3.17 y subimos el valor X a 480.

  • Asignamos un Blur al texto, presionando el símbolo de los 2 elipses.
  • PARTE 9: 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.

    Sort:  

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

    CURADORES-01.gif

    ¡Gracias por el apoyo, @ramonycajal!

    Loading...

    Una excelente guía, gracias por compartir de forma sencilla y clara. Buena vibra.

    Posted using Partiko Android

    ¡Gracias! por tan bonito comentario, @angelica7. Es un honor y un placer tenerte por aquí. ;)

    Posted using Partiko Android

    Congratulations @rpcaceres! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

    You received more than 8000 upvotes. Your next target is to reach 9000 upvotes.

    You can view your badges on your Steem Board and compare to others on the Steem Ranking
    If you no longer want to receive notifications, reply to this comment with the word STOP

    Vote for @Steemitboard as a witness to get one more award and increased upvotes!

    Didáctico y sumamente explicativo....con estos post es muy probable que toda la comunidad pued aprender a utilizar esas herramientas de diseño.. saludos

    ¡Gracias, @joelsegovia! Ese es el objetivo, mi estimado amigo. Por cierto, siempre Es un placer tenerte por aquí con tus comentarios tan alentadores.
    Saludos.

    Posted using Partiko Android

    Muy detallado. Te esmeraste haciendo gif para explicar cómo hacer un gif jaja

    Si @chrstnv JAJA. Mi deseó es explicarles algo sencillo de la forma más dinamica posible. Por eso hago los GIF.
    Saludos.

    Posted using Partiko Android

    me gusta, esta todo muy bien explicado, y solo tiene ese efecto o tiene otras figuras?

    Coin Marketplace

    STEEM 0.19
    TRX 0.12
    JST 0.027
    BTC 59198.54
    ETH 3287.69
    USDT 1.00
    SBD 2.43