TEXTO CON EFECTO DISINTEGRATION CUT | Tutorial After Effects #105

rpcaceres(72)
Published in
#spanish
Words
581
Reading
3 min
Listen
Play
7y
Buen día, queridos steem lovers. Espero hayan pasado una semana productiva. Siendo sincero, yo me la pase genial con la compañía de mi abuelo . que triste que haya tenido que volver a la capital. — Lo único que me conforta es que prometió volver para las fiestas de carnavales...

Bueno, centrándome en el tema, ayer estaba revisando mis publicaciones más antiguas para ver cuando he progresado. — ¡Y vaya que lo he hecho! — Una de ellas llamo mi atención, no por lo buena que haya sido, si no por lo complicado que parecía para un efecto tan sencillo. Por ello me puse manos a la obra, decidí "rehacer" el efecto, pero retocándolo un poco más. Mezcle algunas herramientas que he usado antes (tutorial número 6 y 92). Gracias a ello pude crear esta excelente animación. ¡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 1920px x 1080px, color negro.

    PARTE 2: Crear sólido

  • Presionando clic derecho sobre el área de trabajo.

    • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «BG».

  • Seleccionamos la opción Color, elegimos el Negro.

    • Codigo hexadecimal: #0B0B0B

  • Presionamos aceptar

    • PARTE 3: Crear texto

  • Seleccionamos nuestra herramienta de texto en el apartado superior.

    • Nos aseguramos que la fuente seleccionada sea Poppins ExtraBlack.

  • Creamos un texto.

    • Colocaré «Samurai».

    Vamos a Alinear y centramos nuestro texto, vertical y horizontalmente.

    PARTE 4: Añadir máscara

  • Teniendo seleccionado el texto «Samurai», creamos una máscara.

    • Presionando la herramienta pen tool.

  • Dibujamos un triangulo que corte diagonalmente al texto seleccionado.

    • Tiene que estar completamente cerrado.

  • Aún teniendo seleccionado el texto, presionamos ctrl + D.

    • Desplegamos los valores Samurai 2/Máscara

  • Activamos la opción Invertido, presionando un clic sobre ella.

    • PARTE 5: Agregar efecto CC Pixel Polly

    Vamos a Efecto/Simulación/CC Pixel Polly

  • Cambiamos el valor Force a 95.

  • Cambiamos el valor Direction Randomness a 15.

  • Cambiamos el valor Speed Randomness a 10.

  • Cambiamos el valor Grid Spacing a 15.

  • Cambiamos el valor Start Time (sec) a 1.

  • Seleccionamos el efecto CC Pixel Polly, presionaos ctrl + D.

    • Con este comando duplicaremos el efecto.

  • Cambiamos el valor Gravity a 0.

  • Cambiamos el valor Grid Spacing a 5.

    • PARTE 6: Simular de corte

  • Presionando clic derecho sobre el área de trabajo.

    • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «Corte».

  • Teniendo seleccionado el sólido «Corte», presionamos la letra "S".

    • Se abrirán los frames de escala.

  • Cambiamos el valor Escala X a 0.5.

  • Aún teniéndolo seleccionado, presionamos la letra "P".

    • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 0.00, cambiamos Posición Y a -250.

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

  • Nos posicionamos en el (seg) 0.10, cambiamos Posición X a 750.

  • Seleccionado el sólido «Corte», presionamos clic derecho.

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

    Le colocaré nuevamente el nombre «Corte».

  • Seleccionamos la composición «Corte», presionamos la letra "R".

    • Se abrirán los frames de rotación.

  • Cambiamos el valor Rotación a 30°.

  • Nos posicionados en el (seg) 0.19, presionamos la letra "B".

    • Se reducirá el tiempo de visualización (inicio) a dicho (seg).

    PARTE 7: 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@rpcaceres se despide. ;)



    Imagen usada de referencia:

    Descargá el material usado:

    Publicado desde mi blog personal, usando SteemPress :
    https://rpcaceres.000webhostapp.com/2020/02/texto-con-efecto-disintegration-cut-tutorial-after-effects-105

    cervantes
    arte
    creativecoin
    tutorial
    0b0b0b
    via steemit
    This post was published via steemit. Ecency is not the originator or editor of this content and displays it for discovery purposes only.
    225
    TEXTO CON EFECTO DISINTEGRATION CUT | Tutorial After Effects #105 | Ecency