CREA TU PROPIO GIF CON EFECTO TYPEWRITER | Tutorial After Effects #23

in creativecoin •  20 days ago  (edited)

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

Buenas noches a toda la comunidad hispana. En esta oportunidad me complace compartir con ustedes una nueva forma de crear un GIF con efecto «typewriter» (conocido en español como «escritura a maquina»).

En AE hay muchas maneras de lograr este tipo de edición. Por esta razón, me encomendé la tarea de probar algunas de ellas y elegir cual es la mejor en relación calidad/tiempo. Sin lugar a duda es esta. ¡Espero les guste!



¿Qué necesitamos?


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

  • Fuente usada en este tutorial, aquí

  • Proceso de creación:


    PARTE 1: Composición



  • Empezaremos creando una nueva composición.

  • En la ventana emergente modificaremos los valor de la composición.
  • En mí caso el tamaño es 700px x 400px, 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 texto

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

    PARTE 4: Efecto typewriter

  • Seleccionamos la herramienta rectangular, en el apartado superior.

  • Elegimos Trazo nulo y creamos un rectángulo que cubra el texto.

  • Seleccionamos la capa de forma y presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 0.05.
  • Creamos un frame, presionando el símbolo del reloj.

  • Cada 5 frames cambiaremos el valor de Posición X del rectángulo.
  • EJEMPLO: (seg) 0.05, (seg) 0.10, (seg) 0.15, (seg) 0.20.

  • El movimiento tiene que ser hacia el lado derecho.
  • De esta forma el rectángulo revelará las letras, una por una.

  • Seleccionamos los fotogramas que hemos creado.

  • Presionamos clic derecho, elegimos Conmutar/mantener fotograma clave.

    PARTE 5: Agregar línea paralela

  • Creamos un sólido presionando clic derecho sobre el área de trabajo.
  • NOTA: Tiene que ser igual al color del texto.

  • Seleccionamos el sólido y presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Cambiamos el valor Escala X a 0.3%.

  • Cambiamos el valor Escala Y a 8%.

  • Seleccionamos el sólido y presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Cambiamos el valor Posición X a 89.

  • Cambiamos el valor Posición Y a 235.

  • En el apartado Principal y enlace, cambiamos Ninguno a Capa de forma 1

  • Seleccionamos el texto y presionamos la letra "T".
  • Se abrirán los frames de opacidad.

  • Nos posicionamos en el (seg) 0.00 y bajamos el valor Opacidad a 0%.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 0.10 y subimos el valor Opacidad a 100%.

  • Nos posicionamos en el (seg) 0.20 y bajamos el valor Opacidad a 0%.

  • Nos posicionamos en el (seg) 0.30 y subimos el valor Opacidad a 100%.

  • Nos posicionamos en el (seg) 0.40 y bajamos el valor Opacidad a 0%.

  • Nos posicionamos en el (seg) 1.00 y subimos el valor Opacidad a 100%.

  • Seleccionamos los frames que hemos creado, presionamos Editar/Copiar

    Nos posicionamos en el (seg) 1.10 y presionamos Editar/Pegar

  • Seleccionamos los fotogramas que hemos creado.

  • Presionamos clic derecho, elegimos Conmutar/mantener fotograma clave.

    Presionamos el texto, y en el apartado de Mate de seguimiento seleccionamos Inverted alpha matte para nuestra capa.

    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. ;)



    imagen usada de referencia:

    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:  

    CURADORES-01.gif