TEXTO CON EFECTO DE CUERDAS | Tutorial After Effects #39

in creativecoin •  2 months ago 

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

Buenos noches a toda la comunidad hispana. Hoy quiero compartir con ustedes un GIF con efecto de gravedad y cuerdas, aplicado en un texto (esta edición también sirve con cualquier forma o figura geométrica).

En esta ocasión estaré usando un plug-in llamado Newton, el cual es creado y distribuido por la compañía de diseño digital MotionBoutique. ¡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 valores de la composición.
  • En mí caso el tamaño es 1920px x 1080px, 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 Montserrat Bold.

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

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

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

  • Creamos las letras que conforman la palabra «HOPE», una por una.

  • Eliminamos el texto inicial.
  • NOTA: Solo nos sirvió como guía de posición.

    PARTE 4: Crear capas de forma

  • Seleccionamos la herramienta rectangular, y presionamos la letra "Q" para cambiar su forma a una circunferencia.

  • Nos posicionamos en la mesa de trabajo y crearemos un circulo.
  • El circulo tiene que quedar sobre el texto «H».

  • Seleccionamos Capa de forma 1, presionamos ctrl + D para duplicarlo.
  • Tenemos que duplicarlo 4 veces.

  • Separamos las capas duplicadas hasta que formen una línea vertical.
  • Situamos las capas 1/5 debajo del texto «H», en la línea de tiempo.

  • Seleccionamos las capas 1/5 y presionamos ctrl + D, otra vez.

  • Situamos las capas 6/10 debajo del texto «O», en la línea de tiempo.
  • Tienen que estar posicionadas verticalmente sobre la «O».

  • Seleccionamos las capas 6/10 y presionamos ctrl + D, nuevamente.

  • Situamos las capas 11/15 debajo del texto «P», en la línea de tiempo.
  • Tienen que estar posicionadas verticalmente sobre la «P».

  • Seleccionamos las capas 11/15 y presionamos ctrl + D, por última vez.

  • Situamos las capas 16/20 debajo del texto «E», en la línea de tiempo.
  • Tienen que estar posicionadas verticalmente sobre la «E».

  • Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H»:

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

  • Seleccionamos Capa de forma 5, presionamos la letra "R".
  • Se abrirán los frames de rotación.

  • Cambiamos el valor Rotación a 110°.
  • PARTE 5: Efecto de gravedad

  • Seleccionamos las cuatro capas superiores (capa 5, 10, 15, 20).

  • En la opción Type, cambiamos Dynamic por Static.

  • Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H»:

  • Presionamos el símbolo amarillo.
  • La opción: Crear línea de conexión.

  • Seleccionamos las capas 6/10 (6, 7, 8, 9, 10) y el texto «O»:

  • Presionamos el símbolo amarillo.
  • La opción: Crear línea de conexión.

  • Seleccionamos las capas 11/15 (11, 12, 13, 14, 15) y el texto «P»:

  • Presionamos el símbolo amarillo.
  • La opción: Crear línea de conexión.

  • Seleccionamos las capas 16/20 (16, 17, 18, 19, 20) y el texto «E»:

  • Presionamos el símbolo amarillo.
  • La opción: Crear línea de conexión.

  • Cambiamos el valor End frame de 25 a 550.

  • Presionamos la opción Render.
  • PARTE 6: Efecto de cuerdas

  • Seleccionamos la Comp 2

  • Presionamos Ventana/ConnectLayers_1.08.jxsbin

  • Seleccionamos las capas 1/5 (1, 2, 3, 4, 5) y el texto «H»:

  • Presionamos la opción Rope.

  • Seleccionamos las capas 6/10 (6, 7, 8, 9, 10) y el texto «O»:

  • Presionamos la opción Rope.

  • Seleccionamos las capas 11/15 (11, 12, 13, 14, 15) y el texto «P»:

  • Presionamos la opción Rope.

  • Seleccionamos las capas 16/20 (16, 17, 18, 19, 20) y el texto «E»:

  • Presionamos la opción Rope.
  • 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 se despide. ;)



    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:  

    Excelente tutorial, gracias por compartir.

    Esta muy genial este efecto así de las cuerdas, funcionaria a la perfección para la intro de algún video o para promocionar alguna actividad aquí en Steemit, ya hasta me lo imagine como un mensaje de apoyo en alguna comunidad jejejeje, se le puede cambiar el color de fondo también verdad?

    Sería perfecto, algo tipo: "Just do it" JAJA

    P.D. Sí, puedes colocar el color que más te guste.

    Posted using Partiko Android

    jajajajajaja si vale

    Posted using Partiko Android

    Este post fue compartido en el canal #spanish-curation de la comunidad de curación Curation Collective y obtuvo upvote y resteem por la cuenta de la comunidad @c2-spanish después de su curación manual.
    This post was shared in the #spanish-curation channel in the Curation Collective Discord community for curators, and upvoted and resteemed by the @c2-spanish community account after manual review.
    @c-squared runs a community witness. Please consider using one of your witness votes on us here

    Buenas, Su post ha sido propuesto para ser votado a lo largo del día por el witness @cervantes. Un saludo.

    CURADORES-01.gif

    mil gracias por el apoyo, querido @ramonycajal. ;)

    Interesante muy interesante todo lo que uno puede aprender en estos post de todo un poco.


    Colmena-Curie.jpg

    ¡Felicidades! Esta publicación obtuvo upvote y fue compartido por @la-colmena, un proyecto de Curación Manual para la comunidad hispana de Steemit que cuenta con el respaldo de @curie.

    Si te gusta el trabajo que hacemos, te invitamos a darle tu voto a este comentario y a votar como testigo por Curie.

    Si quieres saber más sobre nuestro proyecto, acompáñanos en Discord: La Colmena.


    ¡Gracias colmenita! Tan atenta como siempre. :)


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


    ¡Enhorabuena! Sigue haciendo un buen trabajo.

    Únete a nuestro Discord Oficial

    Gracias por el apoyo que me brindas, querida. ;)

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

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

    Do not miss the last post from @steemitboard:

    The new SteemFest⁴ badge is ready
    Vote for @Steemitboard as a witness to get one more award and increased upvotes!

    Excelente trabajo, lástima que en Venezuela ya no se podrá utilizar este programa, vamos en retroceso. Felicitaciones, creativo y dinámico, bien explicado el paso a paso.

    ¡Gracias por el comentario! Con respecto a lo del servicio CC, tienes razón (eso me tiene bastante deprimido)

    ¡Excelente tutorial! Saludos ;)

    ¡Gracias por el comentario! Saludos para ti también. :)

    Esta publicación ha sido votada por Steemitas Club. Felicidades @rpcaceres y gracias por compartirnos este trabajo original.

    steemitacomment.png

    Todas las publicaciones curadas por Steemitas Club son Manuales. Te invitamos cordialmente a unirte a nuestro servidor de discord (https://discord.gg/dYMsF7a) para promocionar tus publicaciones.

    Curado por @ritch

    Muchas gracias a ustedes por el apoyo, chicos ¡Lo aprecio bastante! :)