⭕ Animate Text with STROKE in After Effects

[@pauangeles2128]

jamas habia visto un tutorial tan bien hecho! ni mis profesores de universidad, lo juro!

[@trabucadots]

Me acabas de salvar un curro que había aceptado por toda la cara sin tener ni idea de after. Gracias, uno que va a poder comer este mes

[@facundopatat4756]

Jaja me dio risa pero es para no llorar porque estoy en la misma, me inspiras a lograrlo

[@ladyescobarmerma8755]

Jajaja x3 aquí

[@giorgiails]

al minuto ya has conseguido que me suscriba! voy a revisar tus tutoriales porque como sean así todos... Me hago experto en after effects en 1 semana... gracias

[@morirse9999]

Muchas gracias si aprendí bastante, me alegra mucho que expliques como funciona cada cosa, odio los tutoriales donde solo te dicen haz esto haz lo otro y ya lo tienes, prefiero que me expliquen como funciona todo y así todo queda en las posibilidades de mi creatividad.

[@XanTips]

Muchas gracias Enrique ☺️ Estoy de acuerdo contigo, a mí tampoco me gustan los tutoriales rápidos de "clica aquí y aquí y aquí y ya está" sin explicar nada, solo repetir como un mono... Así no se aprende. A veces es mejor dedicar un poco más de tiempo en entender las cosas, para luego tener más conocimientos y saber como resolver los futuros problemas y desafíos creativos. Por eso intento explicarlo más detalladamente :)

[@andresriogastunt]

Excelene forma de enseñar. Soy nivel 0 pero con tu tutorial me quedó todo muy claro. Muchas gracias!

[@claudiacc6589]

Muy bueno, me estoy iniciando con el after effects para emprender un negocio y se agradece que a diferencia de otros, le des zoom cuando explicas una herramienta porque en pantalla fija que dejan otros en tutoriales ni se ve nada

[@XanTips]

Muchas gracias 😊 Si tienes razón, yo también he notado que muchos tutoriales no se molestan en hacer zooms, y cuesta ver dónde clican. Justamente, lo hago por eso, aunque me tenga que pasar más tiempo editando los videos, quiero que se vea bien todo el proceso para poder facilitar el aprendizaje al espectador 😃 Mucha suerte con el emprendimiento! Por cierto, si tienes cualquier duda de After Effects o sugerencias de qué aprender, me lo podéis decir en comentarios :)

[@adolfoalejandroragaperez3223]

Eres la primera persona que me dice la diferencia entre inicio, fin y desplazamiento, neta Gracias

[@XanTips]

Sí, es que me gusta explicar bien las cosas para que la gente entienda las pequeñas diferencias entre ajustes 😃

[@alicitart]

Me ha encantado tu tutorial, lo explicas muy sencillo y eso se agradece para los que comenzamos a aprender. 😉

[@lindaenciso3556]

Me encantó, podrías explicarme como poner el resplandor al final? Gracias!

[@EmmanuelCoronel]

SOS EL MEJOR DEL MUNDO!! Gracias por existir!!

[@carloscarlos-ys6pt]

Que bueno!!! como todo lo que enseñás...la forma...la pausa...todo!!! Gracias!!!!

[@sebastianestevezcarvajal3008]

Explicas muy bien los videos con lujo de detalle en cada herramienta

[@juandavidalzatebuitrago3082]

Suuuper genial. ¡Ahora si! A ver todos sus videos amigo mío, ¡ah! Tienes un nuevo suscriptor.

[@antoniomonzonperales1854]

¡Gracias!

[@XanTips]

Muchas gracias por el apoyo ❤️

[@perrovivo3984]

me gustó que mostraste en detalle algunos de los parámetros. Información util para futuros videos.

[@robertodiaz1602]

al fin entendi lo del sentido de las agujas del reloj y el offset 😃 !! Muy bueno amigo, saludos!!

[@olvinmurcia739]

acabo de descubrir tu canal y esta genial. muchas gracias ❤‍🔥❤‍🔥🔥🔥🔥

[@ls_mdesign]

¡Mil gracias! Es justo lo que yo buscaba))

[@mirandaesquer9904]

Muchas gracias por explicarlo tan bien y tan detallado. Me ayudas muchisimo!

[@ingmario7]

Excelente la explicación. Soy nuevo en After Effects y se aprende mucho con usted. Muchas gracias.

[@carliceramics]

Explicas muy bien, gracias! ❣

[@Otaizart]

exelente tutorial y muy bien explicado lo estaba biscando para animar un logo con proporcion aurea luego te muestro como queda 👍

[@carlyadb]

Ame este video! Gracias por compartir tus conocimientos 💕

BRUTAL HERMANO SALUDOS DESDE VENEZUELA

[@JessicaY9]

✨Mis respetos, excelente explicación, demasiado bien todo, muchas graciaaas!✨ éxito! 🍀

[@LoverPini]

GRACIAS! Muy clara tu explicación

[@kiko35696]

muy buen video gracias apenas estoy iniciando tambien en after affects y me gusto mucho este de trazos, eres todo un crack.

[@annasanchez5834]

Muchas gracias que explicación tan detallada. Muy bueno. Saludos

[@roxanahuasco7686]

un seguidor mas, eres un crack

[@Pamkyjr]

Encontré lo que necesitaba, muchas gracias!

[@cindyavila2570]

EXCELENTE EXPLICACION... GRACIAS

[@MariaJose-gr8kh]

Increíble tutorial! Muchas gracias!

[@Frank-ey7re]

Graciasssss 100% explicado mis respetos nuevo sub 😊😊😊😊😊😊😊😊😊😊😊😊😊😊

[@sebass4322]

increible maravilloso fantastico muchas gracias xan

[@jose32160]

muy claro el tutorial paso a paso, te felicito,

[@LeopoldoTorresP]

¡Excelentes recomendaciones! Sin duda nuestros proyectos tendrán un plus gracias a estos tips. Gran video.😁

[@XanTips]

Me alegro que te sea útil. Estate al tanto porque voy a subir muchos tutoriales de animaciones tipográficas, que seguro que os ayudarán a tener más técnicas para animar y personalizar textos 😉

[@goldleaf3210]

Muchas gracias, excelente docente.

[@warriors000]

MUCHAS GRACIAS POR LAS CLASES :)

[@carme7414]

Tengo una consulta, podes hacer un dibujo en illustrator vectorizado y luego con after effects generar un video , donde el dibujo se genera solo ? (cómo grabar pantalla cuando lo ibas haciendo desde cero pero sin la herramienta de pluma ) no se si me explico

[@solayeh03]

Mil gracias y me encanta! además la opción Taper es lo más Pero para actualizar la versión del after effects ¿cómo se hace? (tengo la versión 2018)

[@CosmoInterestelar]

Genial. Explicas muy bien. Muchas gracias.

[@arradu5132]

muchísimas gracias, esta genial, podrías enseñar como hacer el resplandor final.. :)

[@_marcoslopez_]

Maravilloso tutorial

[@rodrivictv9569]

muy bueno su video, un nuevo suscriptor

[@dionelysorea9149]

Me encanta como explicas, muchas gracias! Nueva Sub

[@michaelnuneztorres5788]

Buen video, he aprendido bastante!

[@kristelventura2904]

APRENDÍ , GRACIAS. TE DI TU LIKE.

[@veronika.cvergaran.1181]

Me ha gustado el video, muy fácil de entender pero una pregunta cuando he convertido la capa de texto a formas, en esa nueva capa los trazos no los convierte en una sola figura x ejemplo la letra R A Z, sino que quedan con trazos internos

[@nelsonsantander1584]

Saludos. Muchas gracias

[@elgeorgeqro]

Excelente video, muchas gracias👍

[@bengaleses]

Que versión de After Effects es esa que tienes?. Yo tengo la del 2020 y no me aparece el "Taper". Excelente vídeo el suyo. un gran Like

[@XanTips]

Debería salirte, porque la opción Taper apareció con la versión 2020 (17.1). Mira que no sea que lo tengas en español y tenga otro nombre que no es el mismo que en inglés.

[@bengaleses]

@@XanTips Gracias. Pues la verdad no sale no. Lo tengo en Ingles. Muchas gracias por responder y buen trabajo, sigue así.

[@aleysasanchez8441]

@@bengaleses a mi tampoco me aparece :/

[@bengaleses]

@@aleysasanchez8441 Así es no aparece

[@rodgomez502]

Excelente tutorial! una pregunta, en el segundo 9:03 como realizas ese efecto de degradado en la línea y que continúe el recorrido?

[@FrancisPeluqueria]

excelente !

[@leysisanguino3076]

hola amigo muy buena el tutorial felicidades

[@deluxxxecars6060]

Genial explicado que buen video

[@LpMalacabeza]

Me he suscrito del tirón. Fantástico vídeo.

[@XanTips]

Muchas gracias!

[@jemuos92]

super, también me gustaría saber como hiciste el efecto neón, gracias

[@XanTips]

Aplicándole el efecto "Glow" o "Resplandor" (en español). Sirve para iluminar los colores y crear ese efecto neón. Hay una parte de este tutorial que lo explico, échale un vistazo ;) kzbin.info/www/bejne/e2bTZmejoLWKf80

[@miguelfernandez3250]

Hola muy completo podrías decirme porque llega un momento que no puedo seleccionar los diferenteles elementos de mi animación. Si me deja seguir animando los parámetros pero no puedo seleccionar los elementos ni modificar los trazados.

[@belasfx]

muy buen video!

[@cesardiaz3496]

Súper

[@JorgeLopez-zt9nl]

se puede hacer con logos vectoriales?

[@EntrenaconPompiFitness]

muchas gracias

[@carloscarlos-ys6pt]

Disculpa una pregunta: al empezar quiero centrar el punto de anclaje con el atajo como decis y no me sale algo tan fácil. por que? hago algo mal? lo he probado y probado. sigo igual a tu tutorial y nada...gracias...

[@macbethredfield3521]

Esta excelente, es algo que quise aprender y lo he logrado. Pero al final como se puede rellenar para que no quede como trazado?

[@XanTips]

Duplica la capa texto y déjala en relleno. Entonces simplemente haces una animación de 0 a 100% de opacidad y ya está 😉

[@pezbettacolecciónhinojosa]

Se puede hacer este mismo efecto con adobe premier, gracias.

[@XanTips]

Buenas, no se puede porque en Premiere no se puede convertir un texto en una capa de formas ni animar el trazo. Un saludo.

[@americosTudios]

EXCELENTE

[@tomasmartorello7224]

buen video

[@stanly_ff1611]

Hola podrías indicarnos cómo hacer la transición que siempre sale al inicio del video ?

[@videoalcion]

Trim paths seria recortar trazados en afters viejitos

[@MarioRamirez-no3kt]

estoy iniciando en esto del after effects. muchas gracias por explicar se entiende. pero tengo una pregunta como haces ese efecto del resultado final del minuto 9:08 me podrias ayudar por favor

[@XanTips]

Justo como explico unos segundos antes: tienes que utilizar 2 capas. 1 - CAPA BASE: Crea una capa que con la animación que se completa del 0 a al 100%. 2 - CAPA RESALTE: Luego duplica la capa y ponla encima de la capa base. Cámbiale el color a uno más claro. Borra los keyframes y ponle un End menor de 100% (algo entre 5-20% por ejemplo) como te enseño en el vídeo 7:30. Y luego anima el Offset con 2 keyframes que hagan una vuelta entera (por ejemplo de 0º a 360ª) y recorra toda la letra. Finalmente, tienes que sincronizar los keyframes de la capa base con los de la capa resalte. Es decir, que estén en la misma posición y distancia (alineados). Al final solo son 2 capas con diferentes ajustes animados (End y el Offset) y modificar los ajustes para sincronizarlos. Espero que te haya ayudado :)

[@oxidan78]

No sabia que Bertin Osborne hacia tutoriales👍👍😉 ¿como se meteria esas letras en transparencia para que aparezca en un video en adobe premiere? Saludos

[@XanTips]

Mira aquí tienes el tutorial de como hacerlo, un saludo! kzbin.info/www/bejne/n3vMaJKAja2Afrc

[@Dyviigii]

como seoarste laa letras

[@marcelouribe8631]

excelente gracias me sirvio este tuto...para un logo png como se aplicaria? saludos

[@XanTips]

Buena pregunta, me lo apunto para un próximo tutorial, que es más fácil mostrarlo que explicarlo :)

[@hablakausitap8589]

Porque cuando pongo el trazo en la parte de contornos no me aparece ?

[@travispastrana1476]

hola bro como se llama la transicion que usas en el segundo 00:08 donde luego pasas a aftter ?

[@XanTips]

Está hecha con un Plugin gratuito llamado "Animation Composer", el cual tiene varios presets para crear transiciones de este tipo ;)

[@travispastrana1476]

@@XanTips pero en after verdad ?

[@XanTips]

@@travispastrana1476 Si en After Effects, también tienen el mismo plugin para Premiere Pro con muchas opciones interesantes. Aunque el de After tiene más opciones, ya que el programa permite más animaciones que el Premiere.

[@alehola3677]

​@@XanTips yo también tenía esa duda, muchas gracias por responder, y gracias por todos tus videos 🙌🙌❤

[@19781978alejandro]

yo voy paso por paso y no me sale todo igual. puede ser por la clase de letras ???

[@sindyyuliethcondepoloche9033]

muy chevere el tutorial pero queda a la mitad porque falto el efecto de luz que le pone a los bordes.

[@nachito2428]

muy bueno

[@elichabetgomez9452]

Se puede sincronizar con música ?

[@XanTips]

Aquí tienes un tutorial de como animar cualquier propiedad con música ;) kzbin.info/www/bejne/gWqTZ5uCereCidE

[@josedominguez.23d52]

hola, no se si es por el tipo de texto, pero no soy capaz de hacerlo, yo no tengo ese texto, cuando quito el relleno me aparece el texto con dos trazos

[@mariajocarra]

como vinculo un objeto nulo (particula o png) siga el trazado de un texto en movimiento (trim path) ?

[@XanTips]

Hace tiempo me lo pregunta otra persona, y después de ver tu comentario me decide hacer un vídeo. Así que aquí lo tienes 😉 kzbin.info/www/bejne/nYTLdJWufNpoa80

[@jaimealonso2626]

Cómo le colocas resplandor al texto? En qué parte enseñas eso ?

[@mireiaperezrucian2024]

en niguna

[@thepotitohn3009]

com hago la capa de resalto :(

[@yeisonperezpalomino1965]

Vale muy bueno tu vídeo, pero cuando agrego mi texto, las letras se me pixelan, no se como corregirlo, ayuda!

[@XanTips]

No estoy seguro, pero eso podría ser el caché (la previsualización), cuando uno la tiene muy llena suele pixelarse. Te recomiendo que limpies tu caché en EDIT > PURGE > ALL MEMORY & DISK CACHE. Esto hará que tu After Effects vaya un poco más rápido, de vez en cuando hazlo si te va lento o se te pixelan las previews ;)

[@llAngellDeathll]

A mi no me aparece esas opciones de "dashes, taper, wave"

[@tavanetava8753]

ajajaja me gusta la voz ajajajajaj bien explicado

[@XanTips]

Muchas gracias ☺️

[@erinortizhouben8976]

como puedo conseguir ese tipo de fuente?

[@XanTips]

Aquí la tienes, te la puedes descargar gratis de Google Fonts 😉 fonts.google.com/specimen/Passion+One

​ @Xan Tips Felicidades por tu canal el mejor que he visto en español, todo muy bien explicado sin necesidad de gritar ni asustarnos 🤪. Estoy iniciandome en el after effects siguiendo tus tutoriales, pero tambien de algunos canales más, he visto que en el canal de @DopeMotions en este video ( kzbin.info/www/bejne/mKSzfJujd5djq80&ab_channel=DopeMotions ) hace un atajo para buscar los effectos y añadirlos directamente a la capa correspondiente pero no logro entenderle, me preguntaba si tu sabes hacerlo y si nos lo podrias compartir en algún video tutorial. Gracias y un saludo, Master.

[@XanTips]

Es un plugin gratis, aquí tienes el tutorial de como instalarlo y usarlo 😉 ¡Un saludo! kzbin.info/www/bejne/r6vJi3VpiNKCY9k

@@XanTips Gracias Xan, Hostia tio hasta has hecho un tutorial. Muchas gracias de nuevo por compartir tus conocimientos y además tan bien explicado. Saludos Master 😼

[@XanTips]

Sí era un tutorial pendiente que tenía por hacer, por eso me esperado en contestarte, para pasarte el link 😃

@@XanTips Gracias por el detalle 😉

[@alexeugenio9590]

Alguna app que haga eso alguien sabe ? 🥺

[@XanTips]

Que yo sepa para hacer este tipo de animaciones más elaboradas necesitas programas como After Effects. Ánimo que no es tan difícil, luego si aprendes lo básico podrás hacer animaciones más guapas que ni con apps no podrías. Un saludo!

[@Cordovaaaa]

No me aparece la opción de taper 😓😓

[@XanTips]

La opción Taper está disponible a partir de la versión de After Effects 17.1 (2020). Si no te aparece es porque usas una versión antigua. Si actualizas el programa te saldrá :)

Como haces el resalte?

[@XanTips]

A qué te refieres?

[@DEXVLOGS12]

vine a aprender a como ponerlo laser porque no me deja muy claro esa parte, todo lo demas muy bien

[@XanTips]

Te comento lo que le he dicho a otro comentario a ver si te sirve. Tienes que utilizar 2 capas. 1 - CAPA BASE: Crea una capa que con la animación que se completa del 0 a al 100%. 2 - CAPA RESALTE: Luego duplica la capa y ponla encima de la capa base. Cámbiale el color a uno más claro. Borra los keyframes y ponle un End menor de 100% (algo entre 5-20% por ejemplo) como te enseño en el vídeo 7:30. Y luego anima el Offset con 2 keyframes que hagan una vuelta entera (por ejemplo de 0º a 360ª) y recorra toda la letra. Finalmente, tienes que sincronizar los keyframes de la capa base con los de la capa resalte. Es decir, que estén en la misma posición y distancia (alineados). Al final solo son 2 capas con diferentes ajustes animados (End y el Offset) y modificar los ajustes para sincronizarlos. Y si quieres que tenga ese resplandor, ponle el efecto GLOW (Resplandor en español) para hacer el efecto neón (más luminoso). Espero que te haya ayudado :)

[@lism3574]

A mi no me sale la opcion inicial ¨add¨, solo ´´animate¨ que manda a opciones diferentes. buuuu

[@loquillax]

YA EMPECE MAL, NO ME SALE EL TEXTO

[@LuisUlik]

Hola amigo. Gracias por el interesante tutorial. Cuidado con el tono de voz al final de las palabras. Para los hispanohablantes, o al menos a mí, a veces cae tu voz al final y no sé qué dice, sobre todo cuando se tratan de palabras en inglés. Las palabras en español las puedo adivinar. Cuida ese detalle. El resto, muy didáctico tu video.

[@XanTips]

Muchas gracias por el feedback y propuesta de mejora :) También tengo que decir que este vídeo era de los primeros que hice en el canal, y después de un año y más de 100 vídeos, creo que mi entonación y comunicación ha mejorado un poco más con la práctica 😃 Puedes echarle un ojo a mis últimos tutoriales. Igualmente agradezco la observación. Un abrazo!

[@LuisUlik]

@@XanTips sin lugar a dudas lo haré. Y me alegra de sobremanera tu evolución. Abrazos desde Argentina.

[@erickroav]

like

[@leeexilis]

Esta Excelente. Oye Tienes Un Tutorial Donde Muestre esto Mismo Con Imagenes de texto Importarlas para realizar esto Mismo. que se Importe la Imagen de Un logo por ejemplo Y se realice que aparesca Imagen con el Efecto Mismo que nos Muestras.!' Gracias por tu Tutorial.!

[@mariaaldao1017]

Muy bueno, muchas gracias!