TEXTO CON EFECTO CELL PATTERN | Tutorial After Effects #77

in spanish •  last month  (edited)
Buen día, queridos steem lovers. En esta ocasión les estaré enseñando un GIF muy sencillito — útil únicamente en textos — realizado con un plug-in propio de AE llamado «Cell Pattern» (conocido como «patrón de celdas»). Bien es cierto que este efecto se usa para respaldar y agregar desplazamiento en las ediciones de estilo Glitch, pero, por si solo, sin necesidad de otros complementos, el patrón de celdas crea una animación digna de admirar. ¡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 700px x 400px, color negro.

    PARTE 2: Crear texto

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

  • Creamos un texto.
  • Colocaré «Steemit».

    PARTE 3: Agregar patrón de celdas

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Sólido

  • Presionamos aceptar.
  • Le colocaré como nombre «Sólido».

    Vamos a Efecto/Generar/Patrón de Celdas

  • En la opción Patrón, cambiamos Burbujas por Placas estáticas.

  • Cambiamos el valor Dispersión a 1.50.

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

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

  • Nos posicionamos en el (seg) 0.00, creamos un frame en Tamaño.
  • Presionando el símbolo del reloj.

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

  • Teniendo seleccionada la capa «Sólido», presionamos la letra "U".
  • Se abrirán todos los frames creados.

  • Nos posicionamos en el (seg) 0.00, cambiamos Enfoque a 3000.

  • Nos posicionamos en el (seg) 0.00, cambiamos Tamaño a 260.

  • Nos posicionamos en el (seg) 0.00, cambiamos Evolución a −300.

  • Nos posicionamos en el (seg) 2.00, cambiamos Enfoque a 100.

  • Nos posicionamos en el (seg) 2.00, cambiamos Dispersión a 1.

  • Nos posicionamos en el (seg) 2.00, cambiamos Tamaño a 15.

  • Nos posicionamos en el (seg) 2.00, cambiamos Evolución a 0.

  • Seleccionamos la capa «Sólido», presionamos clic derecho:

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

    Le colocaré como nombre «Desplazamiento»

    PARTE 4: Añadir mapa de desplazamiento

    Vamos a Efecto/Distorsionar/Mapa de desplazamiento

  • En la opción Capa de mapa, cambiamos Steemit por Desplazamiento.

  • En la opción D. horizontal, cambiamos Rojo por Luminancia.

  • En la opción D. Vertical, cambiamos Verde por Luminancia.

  • En la opción Comportamiento de bordes, Tildamos Ajuste automático.

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

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

  • Teniendo seleccionado el texto «Steemit», presionamos la letra "U + S".
  • Se abrirán todos los frames creados, y también los de escala.

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

  • Nos posicionamos en el (seg) 2, cambiamos Desplazamiento H. a 5.

  • Nos posicionamos en el (seg) 2, cambiamos Desplazamiento V. a 5.

  • Nos posicionamos en el (seg) 2, cambiamos Escala a 100.
  • PARTE 5: Duplicar texto

  • Nos posicionamos en el (seg) 2.00, presionamos la letra "N".
  • Se reducirá el tiempo de visualización (fin) a dicho (seg).

  • Seleccionamos el texto «Steemit», presionamos ctrl + D.

  • Eliminamos el efecto Mapa de desplazamiento.

  • Movemos el duplicado hasta el (seg) 2.00.
  • De esa forma iniciara en dicho (seg)

    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:



    Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2019/12/texto-con-efecto-cell-pattern-tutorial-after-effects-77

    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:  

    Un magnífico trabajo como siempre.

    Muchas gracias por tan bonito comentario, querida mía. siempre es un gusto tenerla por aquí. ;)

    CURADORES-01.gif

    Muchas gracias por tan valioso apoyo. Es una alegría para mi que le guste mi post, querido @ramonycajal. ;)

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

    You received more than 25000 upvotes. Your next target is to reach 30000 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!


    Este post ha sido votado manualmente por Spanish-Tribe: "Temática Arte"


    ¡Enhorabuena! Sigue haciendo un buen trabajo.

    Únete a nuestro Discord Oficial