⭕ 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í

[@lindaenciso3556]

Me encantó, podrías explicarme como poner el resplandor al final? 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 :)

[@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 :)

[@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 😃

[@andresriogastunt]

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

[@sebastianestevezcarvajal3008]

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

[@alicitart]

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

[@juandavidalzatebuitrago3082]

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

[@carloscarlos-ys6pt]

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

[@EmmanuelCoronel]

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

[@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 ❤‍🔥❤‍🔥🔥🔥🔥

[@carliceramics]

Explicas muy bien, 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.

[@carlyadb]

Ame este video! Gracias por compartir tus conocimientos 💕

[@LoverPini]

GRACIAS! Muy clara tu explicación

[@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

BRUTAL HERMANO SALUDOS DESDE VENEZUELA

[@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

[@sebass4322]

increible maravilloso fantastico muchas gracias xan

[@cindyavila2570]

EXCELENTE EXPLICACION... GRACIAS

[@Pamkyjr]

Encontré lo que necesitaba, muchas gracias!

[@annasanchez5834]

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

[@Otaizart]

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

[@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...

[@jose32160]

muy claro el tutorial paso a paso, te felicito,

[@JessicaY9]

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

[@arradu5132]

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

[@MariaJose-gr8kh]

Increíble tutorial! Muchas gracias!

[@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 😉

[@CosmoInterestelar]

Genial. Explicas muy bien. Muchas gracias.

[@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.

[@roxanahuasco7686]

un seguidor mas, eres un crack

[@goldleaf3210]

Muchas gracias, excelente docente.

[@kiko35696]

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

[@warriors000]

MUCHAS GRACIAS POR LAS CLASES :)

[@Frank-ey7re]

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

[@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?

[@_marcoslopez_]

Maravilloso tutorial

[@rodrivictv9569]

muy bueno su video, un nuevo suscriptor

[@dionelysorea9149]

Me encanta como explicas, muchas gracias! Nueva Sub

[@hablakausitap8589]

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

[@mariaaldao1017]

Muy bueno, muchas gracias!

[@nelsonsantander1584]

Saludos. Muchas gracias

[@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

[@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

[@michaelnuneztorres5788]

Buen video, he aprendido bastante!

[@FrancisPeluqueria]

excelente !

[@kristelventura2904]

APRENDÍ , GRACIAS. TE DI TU LIKE.

[@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á 😉

[@19781978alejandro]

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

[@JorgeLopez-zt9nl]

se puede hacer con logos vectoriales?

[@leysisanguino3076]

hola amigo muy buena el tutorial felicidades

[@videoalcion]

Trim paths seria recortar trazados en afters viejitos

[@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.

[@deluxxxecars6060]

Genial explicado que buen video

[@antoniomonzonperales1854]

¡Gracias!

[@XanTips]

Muchas gracias por el apoyo ❤️

[@stanly_ff1611]

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

[@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

[@EntrenaconPompiFitness]

muchas gracias

[@cesardiaz3496]

Súper

[@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 :)

[@sindyyuliethcondepoloche9033]

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

[@jaimealonso2626]

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

[@mireiaperezrucian2024]

en niguna

[@Dyviigii]

como seoarste laa letras

[@llAngellDeathll]

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

[@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 :)

[@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

[@americosTudios]

EXCELENTE

[@tomasmartorello7224]

buen video

[@belasfx]

muy buen video!

[@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

[@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 🙌🙌❤

[@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 ;)

[@thepotitohn3009]

com hago la capa de resalto :(

[@loquillax]

YA EMPECE MAL, NO ME SALE EL TEXTO

[@nachito2428]

muy bueno

​ @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 😉

[@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

[@tavanetava8753]

ajajaja me gusta la voz ajajajajaj bien explicado

[@XanTips]

Muchas gracias ☺️

[@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 :)

[@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!

[@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.!

[@elgeorgeqro]

Excelente video, muchas gracias👍