Write-on Text Animation in After Effects
Вставка
- Опубліковано 17 тра 2020
- ⚡️My After Effects tools and courses:
ejeinmotion.gumroad.com/
Today, we will learn how to animate texts using the "Write-on" effect. I hope you like it, and if you have any questions, feel free to leave them in the comments.
If you want to contribute to this channel, you can donate through:
www.paypal.me/EnzoDaVince
Follow us on Facebook:
/ ejeinmotion
Follow us on Instagram:
/ ejeinmotion
@ejeinmotion - Фільми й анімація
Aquí les dejo el tutorial para que aprendan las TÉCNICAS AVANZADAS de este efecto que menciono al final del video ➡ ua-cam.com/video/fgIsiPO5KsI/v-deo.html
Los chido de estos tutoriales es que van al la práctica directamente sin intros, o hablar mucho, Soy Ing. Animación Digital y Efectos Visuales te mando un fuerte Saludo y exelentes Tutoriales! 👌👌
Muchas gracias por tu comentario Saul!! Todos los tutoriales los haré así, para que la gente no pierda tiempo aprendiendo jaja, te mando un gran abrazo!
te amo youtuber que hace tutoriales de after effects sencillos de seguir y directos al grano y en poco tiempo.
Jajajajaja🤣🤣 muchísimas gracias por tu comentario y por el apoyo!!
Me encanta la forma en la que vas al punto! excelentes tutoriales! animo!!
Muchas gracias Fernando! Un saludo.
Excelente canal, esta temática de ir directo es genial. Espero que tu canal siga creciendo, por mi parte compartiré tu canal. Gracias por compartir tu conocimiento.
Hola sahir! Muchas gracias por tu comentario y gracias por todo tu apoyo, te enviamos un gran abrazo!!
Excelente tuto, concreto y al grano, sin dar taanta vuelta!!
Muchas gracias por tu comentario!!
Eres un capo, comunicas muy bien y eres puntual.
Muchas gracias por tu comentario Johnny!! Un saludo
Excelente tutorial, gracias por tomarte el tiempo y compartir. saludos.
Gracias a ti por tomarte el tiempo de verlo, un saludo!!
El mejor tutorial!!! GRACIAS!!!
Muchas gracias a ti por el apoyo Valeria!!
Gracias me sirvio mucho este video para aprender a hacer el efecto que tanto queria hacer
Muchas gracias a ti por tu comentario, un saludo!!
hno eres un super pro gracias
Me has salvado la vida 👌✨
Muchas gracias!! Me alegra leer eso jaja😂
Que buen tutorial amigo, muchas gracias :)
Gracias Andres, a ti por verlo y por el apoyo con el comentario, un saludo!!🙌🏻
MUCHAS GRACIAS!!!
Muchas gracias a ti por haber visto el tutorial Diego!! Un saludo
muchas gracias! me ayudaste muchooo
Muchas gracias a ti por ver el tutorial Daniela!! Me alegra que haya sido útil🙌🏻
Gracias, me sirvió un montón :3
Muchas gracias a ti por tu comentario Laura!! Me alegra que te haya servido!
Buenísimo 👍
Muchas gracias por ver el tutorial!! Un saludo
gracias, excelente
Gracias a ti por verlo Anna, un saludo!!
Gracias!
Gracias a ti por haber visto el tutorial!! Un saludo
Gracias crack!!
Gracias a ti por verlo!! Un saludo
me he suscrito...muy buen tutorial aunque no soy tan avanzado como para ir tan rapido!
Muchas gracias!! Pronto subiremos tutoriales básicos para que vayas aprendiendo cada vez más, un saludo!
@@ejeinmotion gracias...en facebook te he dejado mis comentarios en tus publicaciones...tengo la foto del pato lucas
estuvo muy bueno pero me hubiera gustado que explicaras a detalle el tema de las capas para no tener los errores que mencionaste, igual esta mostro el video, me ayudo un montón!!
Hola Alonso, te explico brevemente por aquí, pero avisame si te quedan dudas y quizás subo un tutorial de eso, te pongo el ejemplo con la T, primero trazas el palito vertical, pero el problema es que el palito horizontal ya esta ahí, entonces no solo se traza el vertical sino que también se traza una parte del palito horizontal y queda muy muy mal, como si fuese un error, para evitar esto lo que hay que hacer es separar por capas los elementos que se superponen unos a otros, para que cuando se haga el trazado de las letras no se revelen partes que no queremos, no se si me entiendes, cualquier duda que te quede me avisas! Un saludo y muchas gracias por tu comentario!
@@ejeinmotion si seria mejor que hagas un tutorial sobre eso jjj, me marea y termine en haciendo un desastre jj...buen tutorial, solo las capas
@@ejeinmotion no puedes hacer un video explicando eso por fi
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
@@ejeinmotion yo si entiendo la idea, pero no se como hacerlo ja
gracias brou--
Gracias a ti por ver el tutorial!
Te quiero mucho persona. Gracias
Gracias a ti jajaja🤣
alguien tiene idea del nombre de la Tipografia que utilizan en el ejemplo del tutorial??
De estos tutoriales hay muchos, pense que se explicaria la parte que diferencia realmente a este video, es decir los efectos de lineas que acompañan al efecto de escritura. me suscribo.
Si lo explico, es el primer tutorial que esta subido al canal "cómo animar lineas en After Effects", por favor antes de comentar algo negativo revisa el contenido del canal....
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
@@ejeinmotion Cuanto cobras por dar clases?
Hola Henry!! Escríbeme por Telegram y hablamos de eso, un saludo!! Te comparto el link de la comunidad: t.me/aftereffectsvfx
buenardo :)
Gracias Alessandro!!
muy buen trabajo, pero te falto enseñarnos todo lo que se ve en la intro, desearía que en los próximos vídeos nos enseñes como crear ese efecto que va junto con la escritura y todo lo demás
Hola amigo, en el canal estan subidos los tutoriales que pides (Cómo animar lineas por ejemplo explica cómo hacer las lineas adicionales), cómo hacer ondas, cómo animar una pelotica, todos son parte de la animación de este logo, te invito a que los veas, un saludo!!!
@@ejeinmotion SI YA LAS REVISE, ES CORRECTO ENCUENTRO TODO LO QUE DICES, ALO QUE ME REFERÍA ES A COMO HACER QUE LAS LINEAS SIGAN ALA ESCRITURA
@@GuayamizProducciones ese lo explico en el primer video (Cómo animar lineas en After Effects), solo debes hacer las lineas con la misma forma del texto e ir posicionandola en el momento en que se va animando el trazo
Genial este tutorial. Concreto y bien explicado. Depronto tienes alguno con el último efecto en el que el texto cambia de color a medida que crece el círculo? Muchas gracias
Muchas gracias por tu comentario Luis!! Si, el efecto que mencionas es un MATTE, tengo un tutorial en el canal en el cual explico cómo aplicar los Alpha Matte / Luma Matte, se llama así tal cual, espero que con ese tutorial aprendas muchas cosas!! Un saludo
@@ejeinmotion Muchas graciaaas. ✨
Muy bueno!
Hola Andres! Muchas gracias. Un saludo
el desenfoque de 1:37 es un plugin o puedo simplemente darle al desenfoque de arriba? GRAN TUTORIAL, al grano y bien explicado!!
Hola Alex!! Puedes simplemente darle, es una función nativa de After Effects, tengo un tutorial donde explico cómo modificar el desenfoque de movimiento por si te interesa profundizar más en ese tema! Muchas gracias por tu comentario!!
Genial, justo lo que buscaba, que tipografía usaste por cierto??
Muchas gracias por tu comentario Percy, el logo no fue diseñado por mi, yo solo me encargué de animarlo, pero en Dafont puedes conseguir tipografías similares a esa, un saludo!
@@ejeinmotion entiendo gracias
hola bro y como se separan las capas para que se vea igual a la de tu animacion del final de tu video ????
Hola bro, por eso subí otro tutorial llamado "Técnicas AVANZADAS del efecto de escritura" te invito a verlo, un saludo!!
pero faltaron los otros efectos de tu texto intro. el punto final igual.
Hola Gustavo, en el canal tienes otros tutoriales que van explicando esta animación por partes, de todos modos los estoy empezando a subir así que pronto verás más tutoriales, un saludo!
@@ejeinmotion Ecxelente amiko!
Hola. la parte de ''separar las capas'' como lo hacemos? tiene otro video explicando con mas detalle?
Holii, se separan desde ilustrador y lo metes como composición con capas a after :)
Correcto!! También las podemos separar y ponerles máscaras dentro del propio After Effects, un saludo!
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
excelente video. Funcionaría esto con una imagen de un arbol¿¿ quiero que el arbol emerga del suelo. primero el tronco y luego una rama, luego otra rama y así hasta 5 ramas
Por supuesto que si! Siempre y cuando el trazo sea más grueso que la imagen que quieras revelar, puedes hacerlo concualquier tipo de elemento, muchas gracias por tu comentario! Cualquier duda me dices
@@ejeinmotion muchas gracias !
Me encanto todo y tu firma igual! Qué programa lo hiciste y fue a pincel?
After Effects, muchas gracias
¡Hola! Me sirvió mucho tu tuto, tengo una pregunta ¿Cómo pones ese punto bailarín del final? jiji
¡Hola María! Muchas gracias por tu comentario, simplemente es un círculo con la posición y escala animada, y bueno, mucha práctica jaja, de todos modos en el canal tengo un tutorial donde enseño a cómo animar una pelota saltando (es lo más similar a ese punto que comentas), espero que te sea de mucha ayuda! Un saludo
@@ejeinmotion ¡Muchas gracias! Lo encontré
hola tengo un problema sigo todos los pasos y me sale todo todo bien, pero cuando renderizo se ve mal no se si porque este invertido fondo blanco letras negras... es como si el mate de seguimiento se viera invertido pero solo cuando el video ya esta renderizado, en el programa se ve bien
Hola Jose, necesitaria ver una captura de pantalla de tu proyecto para ver si hay algo que este mal, si quieres puedes escribirnos en instagram @ejeinmotion y enviar la captura por ahí, de esa forma podré ayudarte, un abrazo!
@@ejeinmotion ok en un rato te envio
@@ejeinmotion ya te escribí al Instagram
Por favor podrias decirme como puedo separar las capas? o podrias hacer un video por favor
Hola, gracias por tu comentario! Haré un tutorial de eso ya que mucha gente me lo ha pedido, así que activa las notificaciones del canal, un saludo!
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
Por que cuando estoy haciendo los trazados, todo se pixelea?
Eso es porque tienes activada la opción de "Adaptive Resolution", la puedes desactivar y ya dejarás de ver todo pixelado, se encuentra justo a la izquierda de donde ajustas la resolución de la composición (el menú desplegable de Full, Half, Third, Quarter, Custom) tiene forma como de batería y aparece un rayo así ⚡, es un icono chiquitito pero ahí está jaja, me avisas si con eso se te soluciona, un saludo!
Como logro el efecto final del rebote del punto que se convierte en el fondo redondo y cambia el color del texto?
Tengo un tutorial en el canal donde explico cómo hacer una pelotica saltando, es básicamente eso junto con un círculo que se expande en forma de onda (también tengo otro tutorial donde explico cómo hacer ondas), espero que te sean muy útiles! Un saludo
Hola está super bueno, pero no te entendí lo que haces de separa las capas para evitar que el trazado revele líneas que no queremos, me puede explicar esa parte por favor? Te lo agradezco mucho.
Hola Cristian, te explico brevemente por aquí, pero avisame si te quedan dudas y quizás subo un tutorial de eso, te pongo el ejemplo con la T, primero trazas el palito vertical, pero el problema es que el palito horizontal ya esta ahí, entonces no solo se traza el vertical sino que también se traza una parte del palito horizontal y queda muy muy mal, como si fuese un error, para evitar esto lo que hay que hacer es separar por capas los elementos que se superponen unos a otros, para que cuando se haga el trazado de las letras no se revelen partes que no queremos, no se si me entiendes, cualquier duda que te quede me avisas! Un saludo
Siguiendo el ejemplo de mi comentario anterior (la "T"), lo que debemos hacer es duplicar la capa de la T, y hacerle una máscara a cada una, que en una solo se vea el palito vertical, y que en la otra solo se vea el palito horizontal, ambas son la letra "T" pero cada una muestra solo una parte de la letra ya que se solapan entre ellas, no se si con eso queda mejor explicado, de todos modos debo hacer un tutorial en donde explique las técnicas avanzadas del efecto de escritura, un saludo!!
@@ejeinmotion Disculpa no había leído tu comentario, muchísimas gracias por tu respuesta, intenté buscar tutos de como separar capas en esta situación pero no encontré nada en castellano, vuestra ayuda sea recompensada, bendiciones . Un abrazo
@@ejeinmotion Hola, ¿Tienes algún tutoría dónde se explique este tema? gracias.
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
como hago para que me aparezca ahí arriba en la barra el modificar el grosor de la pluma?
Hola! Debes tener la capa de formas seleccionada
Hola, estoy en una Mac y cuando aprieto función y F4 me aparece mate de seguimiento, pero cuando lo aprieto no me da la opción de Alpha, solo me aparece: sin mate y después los nombres de otras capas.
Hola Natalia, gracias por tu comentario, qué versión de After Effects estás utilizando? La forma en la que se aplican los Trackmattes cambió, ahora puedes enlazar varias capas a un mismo Matte y te aparecen dos casillas, estás dos casillas representan el "Alpha Matte" y el "Luma Matte", échale un ojo, que seguramente sea por eso, de igual forma si te queda alguna duda me dices, te invito también a la comunidad que tengo en Telegram donde puedes aclarar cualquier duda de After Effects: t.me/aftereffectsvfx
Al momento de elegir la pluma y hacer el trazado, este se coloca dentro de la imagen que estoy usando con "máscara 1" y no con la estrella que sale en el video que dice "shape". Y a un lado no me aparece la opción del grosor en cuanto selecciono la pluma como en tu caso :(
Holar Pilar, esto ocurre porque estas usando la pluma mientras tienes seleccionada la cada de tu imagen, debes utilizarla sin estar haciendo click en ninguna capa para que puedas crear una nueva capa de formas, espero poderte haber ayudado, hazme saber si con eso se te ha resuelto el inconveniente, un saludo!
@@ejeinmotion gracias, ya lo logré 🖤
@@o0xpilipandax0o Genial! Gracias por responder, un saludo!!
Hola, buen video pero como haces para que el trazo se vea como desvanecido cuando va avanzando? Gracias
Hola! Gracias por tu comentario, solo debes de activar la casilla del desenfoque de movimiento, tengo un tutorial en el canal donde hablo de eso, se llama "Cómo modificar el desenfoque de movimiento", espero que te sea de mucha utilidad!
Hola, me gusto el tutorial, pero cuando le doy a f9 no hace ninguna accion se abre una ventana de la pc, que puedo hacer?
Hola Nilibeth, gracias por tu comentario!! ¿Estás en Windows o en Mac?, si estás en Mac debes presionar la tecla de FUNCIÓN y luego F9, si estás en Windows asegúrate de estar presionando las teclas de arriba del teclado, las de función, es decir, no es F+9, es la tecla de arriba del teclado que dice F9, me dices si lo lograste resolver, un saludo! Estoy a la orden para cualquier otra consulta
Cuando quiero trazar con la pluma no me aparecen las opciones de arriba para engrosar el trazo por ejemplo, ayuda!!
Hola! Desconozco el motivo por el que no te aparece, si tienes la herramienta de pluma (G) seleccionada pues te debería de aparecer, te invito a la comunidad que tengo en Telegram: t.me/aftereffectsvfx así puedes enviar unas capturas de pantalla y te ayudamos a solucionarlo, un saludo!
Que tipo de tipografía es de esa imagen 0:00 y me pondrías pasa el nombre y en donde conseguir la fuente porfa 🙏🏻
Hola Alberto! Gracias por tu comentario, no recuerdo exactamente el nombre de la tipografía pero la consigues en Dafont, hay muchas y muy similares a esa misma que utilicé, espero que te sea útil👍🏻
@@ejeinmotion entiendo, pero que buen video la verdad 🙏🏻
No me sale la opcion de cambiar el color del trazado es más ni siquiera me sale un color en el trazado y no sé donde pueda hacerlo porque no me sale la opcion ayuda
Hola Sebastian, debes hacer click en el nombre de "Trazo" o "Stroke" que aparece arriba en la barra de herramientas cuando tienes la capa seleccionada (esta en color azul), y ahí te aparecerá la opción de ponerle un color sólido.
Muy bien video!, solo que cundo llego a la parte de picar F4, no puedo y no hace ninguna acción el programa
En la parte de abajo de los nomnres de las capas tienes un botón que dice toggle/switch, es lo mismo que presionar F4, espero que eso te lo solucione, un saludo y gracias por el apoyo!
@@ejeinmotion súper útil!, ya soluciones mi problema!!!
¿Tiene algún video de cómo exportar a media encoder?
@@israelhidalgo7587 si! Mira el video que subi que se llama "Cómo exportar en ALTA CALIDAD y poco peso en After Effects"
Que tipo de fuente de texto esta utilizando??
Hola Jhon! Se llama Brown Pen y la puedes encontrar gratis en la página web "Dafont", un saludo y gracias por tu comentario!!
cual es el nombre de la tipografía?
Hola Erika, no recuerdo cuál es el nombre, pero si buscas en "Dafont" en los temas "Caligrafía" vas a encontrar muchísimas tipografías similares, un saludo!
como se llama la typografia buen hombre
Creo que es Brown Pen, pero en la página web de Dafont hay muchas similares, un saludo y gracias por ver el tutorial!!
no me aparece la opcion trazado para cambiar el color o hacerlo mas grueso
Hola Alejandro, gracias por tu comentario!! Para que te aparezcan las opciones de color de trazo y grosor debes tener activa la herramienta de "Selección", lo puedes hacer con el atajo "V" o también puedes tener activa la herramienta de crear formas, lo puedes hacer con el atajo "G", un saludo!
como hace para separar las capas para que quede de una forma mas profesional puede explicar por favor ese punto, buen video saludos
quede igual lo mas importante no lo explico bien :(
Lo siento mucho, subiré un tutorial explicando eso
@@ejeinmotion gracias
Acabo de publicar un video donde explico las técnicas avanzadas de este efecto de escritura, espero que con eso se aclaren todas las dudas que tengas, un saludo!
Oye y los efectos de alrededor?
Hola Omar, los explico en mi primer tutorial "Cómo animar líneas en After Effects"
@@ejeinmotion a bueno gracias🙏💕 lo ire a ver.
¡Hola! ¿Por qué cuando voy haciendo los puntos estos se unen? :(
Hola Daniela! Para que los puntos no se unan lo que debes hacer es dejar de seleccionar la capa en la que estás y listo, cuando hagas un punto se te va a crear en una nueva capa, pero si lo haces teniendo la misma capa seleccionada lo que hará la herramienta es que te los va a ir uniendo uno tras otro, espero haberte ayudado, un saludo!!
Gracias por el aporte, pero no me sale casi nada asi, desde que colocas la herramienta no se genera una capa y no me aparece la opcion de cambiar el grosor de trazo, ni se deplega la pestaña en contents , ni ide que es trim paths :( gracias
Hola Evan, en qué pasó exactamente te esta fallando el tutorial?
Yo entré por la miniatura para saber como hiciste las otras lineas aparte del texto para darle mas vida y no supe como las hiciste u.u
Lo explico en el tutorial que subí antes de este (el primer tutorial del canal), gracias por tu comentario!!
alguien sabe la tipografia?
Hola, gracias por tu comentario, puedes conseguir similares en Dafont!
segui el tuto, pero al renderizar no sale la capa animada.
Hola, gracias por tu comentario, fijate a ver si es que la estás exportando en .mov con canal Alpha (transparencia) con lo cual solo la vas a poder ver si la importas dentro de algún programa de edición como Premiere o el mismo After Effects, sino lo que puedes hacer es exportarlo como .mp4
Que fuenete es amigo?
Hola, es Brown Pen
Un saludo.
@@ejeinmotion gracias amigo
Como lo pongo más lento?
Hola Alejandro! Simplemente separa los keyframes para que tarden más y listo, de esa forma tu animación será más lenta
No me sale la parte de trazo, ya no sé qué hacer 😢
Hola, gracias por tu comentario! Podrías dar más detalles? Para poder ayudarte, también te invito al grupo que tengo en Telegram, por ahí podemos hablar de forma directa, aquí te dejo el enlace: t.me/aftereffectsvfx
Oyeeeee, gracias por responderme, me di cuenta se debe agregar una CAPA DE FORMA, ya que solo trazando con pluma no me valía :)
Me gustó el tutorial pero quería saber los otros efectos del ejemplo :(
Están en el canal! Son los primeros tutoriales que subí, un saludo y gracias por tu comentario!
@@ejeinmotion También si podrías decir las cosas en español para los que tenemos el programa traducido y no sabemos inglés porfa :(
Solo diré: G R A C I A S
Gracias a ti por ver el tutorial!!
Alguien sabe porque no me aparece la opcion alpha?
Hola Vivian! Si no te aparece debes de presionar la tecla "F4" (La que está arriba de los números en el teclado), con eso ya te debería de aparecer el panel de Track Matte, cualquier duda me dices, espero que con eso lo puedas solucionar!
Y si aún así no me aparece?😢
Dale click al panel de abajo, el que dice "Toggle Switchs", está abajo a la izquierda
¿Qué es fusión f4? ;0
Función + F4, Función es una tecla de Mac, solo es un atajo para utilizar en Mac, si estás en pc solo debes presionar F4
solo me aparecía el trazo encima y ya no el texto al final :(
Asegúrate de estar aplicando el alpha matte en el orden correcto, seguramente apagaste tu capa de texto por error, cualquier duda me dices, un saludo!
yo pensando que haría todo el efecto del ejemplo que mostro al comienzo, quede asi 😪
Están todos los tutoriales de esta animación en el canal, son los primeros que subí, por favor, míralos antes de opinar negativamente, un saludo Daniel!
Y en español cómo aparece? deberian decir también las opciones en español no todos trabajan con el programa en inglés por mucho que sea el cómo lo trabaje la mayoria
MUY BUENO PERO TE FALTO ENSEÑAR EL RESTO EN EL VIDEO INICIO O DEMO SAALEN UNAS RAYITAS AL RESEDOR SE LAS LETRAS Y UNA BOLITA SALTANDO XOMO UN PUNTO. LASTIMA LE DOY UN 6 DE CALIFICACION. DEVERIA ENAEÑARLO COMO SALE VIDEO GRACAIA
Está todo publicado en los otros tutoriales del canal, revisa el contenido antes de opinar. Gracias