TEXTO CON EFECTO OVERLAY | Tutorial After Effects #24

in creativecoin •  19 days ago  (edited)

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

Buenas noches a toda la comunidad hispana. En esta oportunidad quiero compartir con ustedes una forma rápida de crear un «overlay text», usando como background vídeos en movimientos. Este efecto es muy usado por los creadores de video-contenido; sobre todo los de estilo travelling.

En esta ocasión estaré usando vídeos con licencia de la página web Storyblocks; un marketplace digital de archivos gráficos. Tú puedes usar cualquier vídeo. ¡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 el valor de la composición.
  • En mí caso el tamaño es 700px x 400px, color rosado.

    PARTE 2: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos los vídeos, presionamos importar.
  • PARTE 3: Crear texto

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

  • Cambiamo el color por uno más intenso.
  • En este caso elegí un rojo.

    Vamos a Alinear y centramos nuestro texto, verticalmente.

  • Teniendo seleccionado el texto, presionamos ctrl + D para duplicarlo.

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

  • Cambiamos el valor Posición X a 268.

  • Cambiamos la palabra del texto.
  • En este caso le colocaré "EARTH"

  • Teniendo seleccionado el texto «THE», presionamos ctrl + D.

  • Eliminamos todas las letras, excepto la «T»

  • Cambiamos el color por uno que contraste con el color inicial.
  • En este caso elegí el blanco.

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

  • Cambiamos el valor Posición X para que la letra quede encima.

  • Repetimos el procedimiento con todas las letras, una por una.
  • Eliminamos los textos iniciales, los de color rojo.
  • NOTA: El color rojo nos sirvió como guía de posición.

    PARTE 4: Agregar vídeos

  • Arrastramos uno de los vídeos hacía la mesa de trabajo.

  • Teniendo seleccionado el archivo, presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Cambiamos el valor Escala a 15%.

  • Arrastramos el vídeo hasta el final de la mesa de trabajo.
  • NOTA: Los vídeos tienen que posicionarse abajo de cada letra.

    Presionamos el vídeo, y en el apartado de Mate de seguimiento seleccionamos alpha matte para nuestra letra.

  • Repetimos el procedimiento con todas los vídeos, uno por uno.
  • Seleccionamos todos los archivos, presionamos clic derecho.

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

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

  • Cambiamos el valor Posición X a 219.
  • PARTE 5: 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. ;)



    imágenes usadas como fondo:

    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

    ¡Gracias por el apoyo! Gracias nuevamente, mi estimado @ramonycajal

    Esta publicación ha sido seleccionada para el reporte de Curación Diaria.

    final de post.png¡¡¡Felicidades!!!

    Gracias por el apoyo. ;)

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

    You distributed more than 100 upvotes. Your next target is to reach 200 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

    To support your work, I also upvoted your post!

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

    Este post ha sido votado manualmente por Spanish-Tribe: "Tutorial"

    curacionestutoriales.png

    Felicidades, sigue haciendo un buen trabajo!

    Únete a nuestro Discord Oficial

    ¡Gracias chicos, lo aprecio mucho! :3

    LOGO Nombre SINERGICA.png

    Tu publicación destaca entre las demás, por la excelente calidad de su contenido, por eso ha sido seleccionada por el equipo de curación de @sinergica.

    Curamos la etiqueta #spanish con el token SPACO de la Comunidad de Hispano Hablantes, te invitamos a formar parte de nuestra comunidad.

    Gracias, queridos amigos de @sinergica.