CREA TU PROPIO GIF CON EFECTO SMOKE | Tutorial After Effects #50

avatar
(Edited)

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

Buenas noches, mi estimada comunidad. En esta oportunidad les estaré enseñando, de una forma factible, cómo crear fácilmente un GIF con efecto «Smoke» (traducido al español como «Humo»).

Esta animación serviría perfectamente para editar nuestras ilustraciones (una caricatura fumando o un volcán minutos antes de hacer erupción). Existe un millón de posibilidades para su uso; siempre y cuando nuestra creatividad no nos limite. ¡Espero les guste!



¿Qué necesitamos?


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


    Proceso de creación:


    PARTE 1: Composición



  • Empezaremos creando una nueva composición.

  • En la ventana emergente modificaremos los valores de la composición.
  • En mí caso el tamaño es 500px x 500px, color negro.

    PARTE 2: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos la imagen y presionamos importar.

  • Arrastramos nuestro archivo importado hacía la mesa de trabajo.
  • PARTE 3: Crear rectángulo

    Seleccionamos Capa/Nuevo/Capa de formas

    Desplegamos los valores de Agregar, seleccionamos Rectángulo y Relleno.

  • Seleccionamos la opción Relleno, cambiamos el color.
  • Yo le colocaré el color blanco.

  • Presionamos aceptar.
  • Desplegamos los valores de Rectángulo/Contenido/Trazado de rectángulo 1

  • Cambiamos el valor Tamaño X a 109.

  • Cambiamos el valor Tamaño Y a 33.

  • Cambiamos el valor Redondez a 65.

  • Desplegamos los valores de Transformar

  • Cambiamos el valor Posición X a 243.

  • Cambiamos el valor Posición Y a 269.

  • Seleccionamos nuestra herramienta de anclaje, en el apartado superior.
  • Movemos el punto de anclaje hacia la esquina inferior derecha.

    PARTE 4: Añadir movimiento

  • Teniendo seleccionado «Rectángulo», presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Nos posicionamos en el (seg) 0.00, cambiamos Escala a 0.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 6.00, cambiamos Escala a 100.

  • Nos posicionamos en el (seg) 12.00, cambiamos Escala a 0.

  • Teniendo seleccionado «Rectángulo», presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 0.00, y creamos un frame en Posición.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 3.00 y movemos el rectángulo.
  • Diagonalmente hacia el lado izquierdo (ascendente).

  • Nos posicionamos en el (seg) 6.00, lo movemos nuevamente.
  • Diagonalmente hacia el lado derecho (ascendente).

  • Nos posicionamos en el (seg) 12.00, lo movemos una ultima vez.
  • Diagonalmente hacia el lado izquierdo (ascendente).

    PARTE 5: Crear circunferencia

    Seleccionamos Capa/Nuevo/Capa de formas

    Desplegamos los valores de Agregar, seleccionamos Elipse y Relleno.

  • Seleccionamos la opción Relleno, cambiamos el color.
  • Yo le colocaré el color blanco.

  • Presionamos aceptar.
  • Desplegamos los valores de Elipse/Contenido/Trazado elíptico 1

  • Cambiamos el valor Tamaño a 57.

  • Desplegamos los valores de Transformar

  • Cambiamos el valor Posición X a 265.

  • Cambiamos el valor Posición Y a 256.
  • Teniendo seleccionado «Rectángulo», presionamos la letra "U".
  • Se abrirán todos los frames creados.

  • Seleccionamos todos los frames, presionamos ctrl + C.
  • Con este comando lo que haremos será copiarlos.

  • Teniendo seleccionado «Elipse», presionamos ctrl + V.
  • Con este comando lo que haremos será pegarlos.

  • Posicionamos «Elipse» bajo «Rectángulo», en la línea de tiempo.
  • PARTE 6: Efecto loop

  • Teniendo seleccionado «Rectángulo», presionamos la letra "U".
  • Se abrirán todos los frames creados.

  • Seleccionamos Posición, presionamos Alt + el símbolo del reloj.

  • Copiamos el siguiente código en la línea de diálogo:
  • loopOut("cycle")

  • Seleccionamos Escala, presionamos Alt + el símbolo del reloj.

  • Copiamos el mismo código en la línea de diálogo:
  • loopOut("cycle")

  • Repetimos el procedimiento con la capa «Elipse».
  • PARTE 7: Duplicar capas

  • Teniendo seleccionado las dos capas de forma, presionamos ctrl + D.
  • Tenemos que duplicarlas 15 veces.

  • Dejamos un espacio de separación de 10 fotogramas, una a una.
  • Gracias es esto se visualizará una composición escalonada.

  • Posicionamos la barra de visualización para que inicie en el (seg) 13.

  • Seleccionamos todos los archivos creados:

  • Vamos hasta la opción precomponer y le damos aceptar.

    Le colocaré como nombre «Humo».

    PARTE 8: Editar color

    Seleccionamos Efecto/Generar/Relleno

  • Seleccionamos el color Rojo y lo cambiamos por Blanco grisáceo.

  • Presionamos aceptar.
  • 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. ;)



    imagen usada de fondo:

    Descargá el material usado:



    Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2019/11/crea-tu-propio-gif-con-efecto-smoke-tutorial-after-effects-50



    0
    0
    0.000
    11 comments
    avatar

    Super interesante la manera de crear el efecto, pensé que era mas complicado, pero veo que con tener la forma ya se adelanta bastante. Saludos!

    0
    0
    0.000
    avatar
    (Edited)

    Exactamente. El secreto esta en marcar la ruta de trazo y duplicar las formas (las veces que sea necesario).

    Saludos y éxitos, mi estimado @aleestra.

    0
    0
    0.000
    avatar

    Es increíble lo mucho que facilitan el trabajo este tipo de programas, gracias por compartirlo, saludos!

    0
    0
    0.000
    avatar

    Thank you for using the #diy tag. This post has been manually rewarded with BUILD tokens in the form of an upvote. You can buy, stake, and exchange our "BUILD" tokens for steem on steem engine

    Build-it is a central hub for DIY and How-To projects. It's an opportunity to find and share the latest in DIY, and How-To tutorials. The recommended tags required when creating a DIY article are #diy, #build-it. #how-to, or #doityourself. Please read our guide

    Chat with us on our discord and telegram channels Discord, Telegram. Are we adding value ? your witness vote will be appreciated! Click here to vote

    0
    0
    0.000
    avatar

    ¡Thank you so much for the support!

    I really appreciate it.

    0
    0
    0.000