Llevaba 3 días buscando un video que me explicara esto de porque me salía un error y colocar las comas, al fin lo encuentro.... Eres un Crack! Muy buen video!!!
En mi caso necesitaba hacer un conteo con números más grandes pero que estos tuvieran comas, asi que desarrolle esta porción de código. Para esto en lugar de usar el efecto "Control Slider" usen el efecto de "Contol Angle" y en la línea de código este: ________________________ parseInt(effect("Control angle")("Angle")).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); ________________________ En caso de necesitarlo en Español: ________________________ parseInt(effect("Control de ángulo")("Ángulo")).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); ________________________ Con este código el resultado seria algo asi: "3,000,000,000" Para los que les interese el código: No es necesario definir la variable, tampoco definir una función como la de addCommas todo se puede hacer en una sola línea, entonces parseamos lo que nos llega del efecto de Angulo, luego con el punto y con el método "toString" lo convertimos a cadena de texto ya que para usar el metodo de "replace" es estrictamente necesario que sea una cadena de texto y no números, por eso usamos "toString" y ya con esto, podemos hacer uso del metodo "replace" ya solo agregamos la expresión regular que nos da el autor del vídeo para ingresar las comas. Espero que si alguien necesita lo que yo, pueda llegar a este comentario, saludos y buen video.
Muy util el video. Muchas gracias. Como sería la expresión si yo quisiera que mi número comience en "0.000" en vez de "0" Es para emular el pesaje en una balanza. Muchas gracias!
Muy buen tip :) Tengo una duda: Y en el caso de querer añadir puntos a número decimales, cómo cambiaría el código de la expresión? Muchas gracias de antemano🙏🏻
Hola Giovanny, bienvenido al canal. Para lograr animar eso simplemente usa el slider control, primero haces un keyframe y luego otro keyframe en 41,6. OJO además no vayas a ponerle la expresión math.round porque obviamente no la necesitas.
gracias, explicas muy bien justo lo que estaba buscando quiero realizar el marcador de futbol donde el usuario toca la pantalla del cel y queda capturado ej: 2 vs 4 lo pude hacer con wiggle. donde es el numero aleatorio.
Gracias por tu palabras. Si quieres lograr eso te diría que simplemente insertes por corte ese texto cuando termine tu animación de los números. Saludos.
Muchas gracias por el tutorial me ayudo bastante. Solo tengo una duda en el caso que quiera mostrar 2,000,000 como podría hacerlo? ya que el slider solo deja hasta 1,000,000?
Hola Diego, en ese caso no te va a quedar otra que trabajarlo por separado. Es decir el número de millones que sea una capa independiente del resto con su propia animación. Saludos.
Te recomiendo que en esa caso trabajes con textos animados de manera independiente, es decir por ejemplo los primeros 4 decimales con un texto y los otros 3 con otro. Saludos.
Hola Matias voy a investigar en profundidad lo que planteas. Te comento que cuando he necesitado hacer una animación similar a la que planteas he trabajado por separado cada de los digitos de ese número largo.
A lo mejor ya lo descubriste (5 meses tarde xD) Yo lo logré agregando un fotograma al inicio de mi tiempo y en el deslizador escribiendo el número 1; luego, en el segundo 10 (por ejemplo) añadí otro fotograma y en el deslizador escribí el número 2; y así sucesivamente. En ese caso, ya mi contador cambia de número cuando lo necesito y al número que requiero. Yo tengo otra pregunta relacionado justo a esto 👆 Si dejo los decimales, mi número cambia justamente en el fotograma que le indico; sin embargo, si añado la expresión para eliminar los decimales, entonces me cambia el número en la mitad del tiempo. Siguiendo el ejemplo de arriba, en lugar de cambiarme al número 2 en el segundo 10, me lo cambia al segundo 5. ¿Sabrá alguna forma de solucionar eso? He buscado tutoriales e información pero no encuentro cómo.
Para que funcione con la versión en español solo es necesario insertar el efecto Slider Control con su nombre en español que es Control de Deslizador y cambiar esto también en la expresión que se usa en el Source Text.
¿Se puede hacer esta animación añadiéndole el efecto de acelerar y desacelerar?, intenté hacerlo pero los números volvían a 0 a la mitad de la animación
Hola, no entiendo para que tendrías que agregarle un efecto para acelerar o desacelerar. Si deseas que los números hagan eso, simplemente manéjalo con los keyframes subiendo o bajando el número y separando o acercando los keyframes entre si. Saludos.
Estimado gracias por tu interacción, pero resolver lo de agregar dos decimales con expresiones es un poco mas detallado, yo te aconsejaría que trabajes lo de los decimales por separado como número independiente con su propio Slider Control. Prometo hacer un video sobre esto en un futuro cercano. Saludos.
@@postroomcanal Gracias hermano, pero encontré otro video que se agregaba esto .value. toFixed(2), donde el número agrega la cantidad de decimales. Agradezco tu respuesta. Saludos. :)
Hola Alejandro, no entiendo bien tu pregunta, pero si te refieres al wiggle, pues debes ponerle en vez de 500 como hice yo, sólo 99 para que ese sea su rango máximo y nunca muestre mas de 2 valoles. Saludos.
Estimado, para lograr poner el símbolo de porcentaje debes escribir luego del… Slider”))+” %”; guíate mirado el minuto 10:49 del video. Es decir al poner el símbolo de suma le indicas que quieres agregar algo, en este caso todo aquello que se poner entre las comillas, por eso OJO que dejé un espacio antes del símbolo de porcentaje para que no pegue al lado derecho del número. Saludos.
Muchas gracias por el tuto, que genialidad, bien explicado, me quedo con los nros sencillos del principio, jaja. Puedo guardar esos número para usar en otro proyecto?, y como se guarda?.Saludos.
Gracias por tus palabras. La forma mas práctica de guardar esto me parece que es que crees un proyecto de AE solo con la composición donde tienes tus números animados. De ahora en adelante cada vez que trabajes un nuevo proyecto importas ese AE con su única composición y lo insertas donde lo necesites. Saludos.
que pasa si por ejemplo a un 100% que tenga algun simbolo en esta expresión quiero ponerla en capitular, como hago para modificar el tamaño y hacerlo más chico Math.round(effect("Control del deslizador")("Deslizador"))+ "%"
¿Cómo podría llevarlo a Premiere con esa animación para simplemente cambiarle al valor q quiero, ya q lo usaría varias veces en un video donde quiero mostrar diferentes cifras, pero quiero mantener la animación? Gracias.
Hola William, eso no se puede hacer. Porque la opción de Dynamic Link que existe en Premiere permite modificar sin salir del programa textos con animaciones simples hecho en After Effects. Pero con esta con expresiones no se puede. Lo que tendrías que hacer es modificar la animación cada vez que quieras un número diferente en AE y lugo importarlo al Premiere.
Hola hay dos opciones en caso estés usando el Wiggle entonces recuerda que el primer número se refiere a los cambios por segundo, y el segundo a la dimensión del cambio. Si usaste por ejemplo wiggle(1,5000) podrías cambiar el 1 por 0.5 y de esa manera la velocidad de los cambios por segundos se reducirá a la mitad. En caso estés trabajando con keyframes bastará con que les mayor distancia entre los dos puntos para que la animación se haga mas lenta. Saludos.
Hola amigo, ayuda por favor. Hice mi conteo regresivo pero cuando va cambiando los numeros tienen un efecto como si temblaran. Si sabes como solucionarlo me lo puedes decir porfavor
Hola, me parece que no es un problema con tú animación propiamente dicha, sino que de repente has bajado mucho la calidad de la previsualización y está generando esta sensación. Revisa también el tamaño de tu composición, a veces cuando es muy pequeña también se producen "fallos" al reproducir.
Hola John, lo que debes hacer en examinar con detalle la expresión "function addcommas(x)..." como verás al lado derecho entre comillas está una coma, entonces simplemente borra esa coma y reemplázala por un punto.
No me salia, estuve media hora buscando el porque... y resulta que me saltie un paso, que todo esto habia que escribirlo en el source del texto y no en el deslizador XDD No quieran pasarse de listos y sigan bien el tutorial!!!
![Easy Percentage Counter with only 1 line of Expression [AE Tutorial]](/img/n.gif)
Muchas gracias por hacer y compartir tu video!!
Gracias por el reconocimiento.
ohh.. que buenisima explicación despues de muchos tutoriales, la verdad que muchas gracias!! contento me suscribo jeje Saludos desde Bolivia!!
Gracias por tus palabras, bienvenida al canal.
Llevaba 3 días buscando un video que me explicara esto de porque me salía un error y colocar las comas, al fin lo encuentro.... Eres un Crack! Muy buen video!!!
Gracias Elvin, bienvenido al canal.
y eso que lo encontraste pero te dejaron mamandooo con las expresiones que usa Xd
que bien lo explicas, sos un genio, muchas gracias!! Saludos desde Argentina!
Muchas gracias Clara, bienvenida al canal.
Ame tu forma de explicar... por favor quiero ver mas tutoriales de expresiones mientras mas complejas mejor
Gracias por tus palabras. Tomaré en cuenta el tema que propones. Saludos.
¡Me salvaste la vida!
Me encanto tu video super bien explicado.Saludos desde México.
Gracias, bienvenido al canal.
Su nivel es impresionante prosor
Gracias mi estimado.
¡Por fin lo logré! Gracias.
Muy bueno amigo....gracias por compartir
😃
Eres lo mejor, muy claro todo y funcionando, muhcas gracias
Gracias por tu palabras, ese es el estilo del canal, saludos.
te ganaste el Follow !!
@@VideoVipPanama 🤓🤓👍🏻
excelente video, me ayudó para unas animaciones en mi trabajo
Bienvenido al canal.
Super Util! Lo he hecho con el AE en español y 0 problemas!!
Excelente, bienvenido al canal.
Maestro, gracias.
Muchas gracias amigo, me sirvió bastante!
Bienvenido al canal.
Eres un crack!!! Muchas gracias
🤓
En mi caso necesitaba hacer un conteo con números más grandes pero que estos tuvieran comas, asi que desarrolle esta porción de código.
Para esto en lugar de usar el efecto "Control Slider" usen el efecto de "Contol Angle" y en la línea de código este:
________________________
parseInt(effect("Control angle")("Angle")).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
________________________
En caso de necesitarlo en Español:
________________________
parseInt(effect("Control de ángulo")("Ángulo")).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
________________________
Con este código el resultado seria algo asi: "3,000,000,000"
Para los que les interese el código:
No es necesario definir la variable, tampoco definir una función como la de addCommas todo se puede hacer en una sola línea, entonces parseamos lo que nos llega del efecto de Angulo, luego con el punto y con el método "toString" lo convertimos a cadena de texto ya que para usar el metodo de "replace" es estrictamente necesario que sea una cadena de texto y no números, por eso usamos "toString" y ya con esto, podemos hacer uso del metodo "replace" ya solo agregamos la expresión regular que nos da el autor del vídeo para ingresar las comas.
Espero que si alguien necesita lo que yo, pueda llegar a este comentario, saludos y buen video.
ERES DIOS, Gracias JAJAJ, necesitaba poner 54 millones y no me dejaba
Creo que estoy haciendo algo mal o no se, pero no me funciona :c
Me da error
@@krisbellflores6869 había un error en el nombre del efecto en lugar de escribir "Control Angle" debes de escribir "Angle Control"
Mil gracias!
Bienvenido al canal.
Muy util el video. Muchas gracias. Como sería la expresión si yo quisiera que mi número comience en "0.000" en vez de "0" Es para emular el pesaje en una balanza. Muchas gracias!
Gracias crack mundial
excelente explicación sigue asi
Gracias, saludos
Muy buen tip :) Tengo una duda: Y en el caso de querer añadir puntos a número decimales, cómo cambiaría el código de la expresión? Muchas gracias de antemano🙏🏻
Tendrías que agregar lo siguiente: .value. ToFixed(2) donde el número entre paréntesis determina la cantidad de decimales. Saludos.
excelente video, hay manera de hacer que el contador sobrepase el millon? o porque no me deja mas?
Lo mas sencillos es que lo trabajes como 2 números con animaciones independientes.
Muchísimas gracias!
Bienvenido al canal.
Neta me salvaste, gracias!!!!
Bienvenida al canal.
Está muyt bien explicado el tutorial. Tengo una duda, ¿cómo podría hacer la animación de 0 a 41,6? (esos si son decimales).
Hola Giovanny, bienvenido al canal. Para lograr animar eso simplemente usa el slider control, primero haces un keyframe y luego otro keyframe en 41,6. OJO además no vayas a ponerle la expresión math.round porque obviamente no la necesitas.
@@postroomcanal entendido!! >D
Gracias crack!
gracias, explicas muy bien justo lo que estaba buscando quiero realizar el marcador de futbol donde el usuario toca la pantalla del cel y queda capturado ej: 2 vs 4 lo pude hacer con wiggle. donde es el numero aleatorio.
Gracias por tu palabras, bienvenido al canal.
Gracias!👏
¿Como le pongo un punto en vez de una coma?
Hola excelente contenido! 10/10. quiera saber si se puede iniciar con números y terminar en un texto, como mi nombre. Quedo atento.
Gracias por tu palabras. Si quieres lograr eso te diría que simplemente insertes por corte ese texto cuando termine tu animación de los números. Saludos.
Muchas gracias por el tutorial me ayudo bastante. Solo tengo una duda en el caso que quiera mostrar 2,000,000 como podría hacerlo? ya que el slider solo deja hasta 1,000,000?
Hola Diego, en ese caso no te va a quedar otra que trabajarlo por separado. Es decir el número de millones que sea una capa independiente del resto con su propia animación. Saludos.
Hola amigo, que buen video. De casualidad sabes cómo quitar el límite númerico ya que es de 7 cifras, que se pueda manejar con 0 o más ceros?
Te recomiendo que en esa caso trabajes con textos animados de manera independiente, es decir por ejemplo los primeros 4 decimales con un texto y los otros 3 con otro. Saludos.
Hols Post, conoces alguna forma de mantener la cantidad de caracteres fija?
Hola Matias voy a investigar en profundidad lo que planteas. Te comento que cuando he necesitado hacer una animación similar a la que planteas he trabajado por separado cada de los digitos de ese número largo.
A lo mejor ya lo descubriste (5 meses tarde xD) Yo lo logré agregando un fotograma al inicio de mi tiempo y en el deslizador escribiendo el número 1; luego, en el segundo 10 (por ejemplo) añadí otro fotograma y en el deslizador escribí el número 2; y así sucesivamente.
En ese caso, ya mi contador cambia de número cuando lo necesito y al número que requiero.
Yo tengo otra pregunta relacionado justo a esto 👆 Si dejo los decimales, mi número cambia justamente en el fotograma que le indico; sin embargo, si añado la expresión para eliminar los decimales, entonces me cambia el número en la mitad del tiempo. Siguiendo el ejemplo de arriba, en lugar de cambiarme al número 2 en el segundo 10, me lo cambia al segundo 5. ¿Sabrá alguna forma de solucionar eso? He buscado tutoriales e información pero no encuentro cómo.
Tendras la expresión en español? solo funciona con el after en inglés
Para que funcione con la versión en español solo es necesario insertar el efecto Slider Control con su nombre en español que es Control de Deslizador y cambiar esto también en la expresión que se usa en el Source Text.
Te recomiendo tener el After effects en inglés, hay más tutoriales, y hay efectos que en cualquier idioma estarán en inglés, slds
¿Se puede hacer esta animación añadiéndole el efecto de acelerar y desacelerar?, intenté hacerlo pero los números volvían a 0 a la mitad de la animación
Hola, no entiendo para que tendrías que agregarle un efecto para acelerar o desacelerar. Si deseas que los números hagan eso, simplemente manéjalo con los keyframes subiendo o bajando el número y separando o acercando los keyframes entre si. Saludos.
Eres un capo, hermano.
Una consulta.. y para un decimal o dos?
Muchas gracias, nuevamente.
Estimado gracias por tu interacción, pero resolver lo de agregar dos decimales con expresiones es un poco mas detallado, yo te aconsejaría que trabajes lo de los decimales por separado como número independiente con su propio Slider Control. Prometo hacer un video sobre esto en un futuro cercano. Saludos.
@@postroomcanal Gracias hermano, pero encontré otro video que se agregaba esto .value. toFixed(2), donde el número agrega la cantidad de decimales.
Agradezco tu respuesta. Saludos. :)
@@pitrubioque bueno que encontraste ese video, yo conocía un método mucho mas enredado, esto que comentas es mucho mas sencillo. Gracias.
@@postroomcanal para servirte y siempre, muy agradecido.
Amigo como podría poner para que solo me muestre dos valores a medida que incrementa, tipo binario?. Gracias por el video
Hola Alejandro, no entiendo bien tu pregunta, pero si te refieres al wiggle, pues debes ponerle en vez de 500 como hice yo, sólo 99 para que ese sea su rango máximo y nunca muestre mas de 2 valoles. Saludos.
Muy buena tu explicación, pero si necesitara colocar porcentae= 100% como lo hago?
Hola Carolina, para lograr eso debes al final de la expresión sumar el símbolo entre comillas, es decir esto: +"%"
Cordial saludo, en que parte se coloca la expresión para agregar por ejemplo 127,7 %, me puedes ayudar serias de gran ayuda. Gracias
Estimado, para lograr poner el símbolo de porcentaje debes escribir luego del… Slider”))+” %”; guíate mirado el minuto 10:49 del video. Es decir al poner el símbolo de suma le indicas que quieres agregar algo, en este caso todo aquello que se poner entre las comillas, por eso OJO que dejé un espacio antes del símbolo de porcentaje para que no pegue al lado derecho del número. Saludos.
Muchas gracias por el tuto, que genialidad, bien explicado, me quedo con los nros sencillos del principio, jaja. Puedo guardar esos número para usar en otro proyecto?, y como se guarda?.Saludos.
Gracias por tus palabras. La forma mas práctica de guardar esto me parece que es que crees un proyecto de AE solo con la composición donde tienes tus números animados. De ahora en adelante cada vez que trabajes un nuevo proyecto importas ese AE con su única composición y lo insertas donde lo necesites. Saludos.
que pasa si por ejemplo a un 100% que tenga algun simbolo en esta expresión quiero ponerla en capitular, como hago para modificar el tamaño y hacerlo más chico
Math.round(effect("Control del deslizador")("Deslizador"))+ "%"
¿Cómo podría llevarlo a Premiere con esa animación para simplemente cambiarle al valor q quiero, ya q lo usaría varias veces en un video donde quiero mostrar diferentes cifras, pero quiero mantener la animación? Gracias.
Hola William, eso no se puede hacer. Porque la opción de Dynamic Link que existe en Premiere permite modificar sin salir del programa textos con animaciones simples hecho en After Effects. Pero con esta con expresiones no se puede. Lo que tendrías que hacer es modificar la animación cada vez que quieras un número diferente en AE y lugo importarlo al Premiere.
no expresión que dices que pegaste en la descripción del video, para las comas.
variable = value;
function addCommas(x) {return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}
addCommas(variable)
hola, tengo una duda, ¿como hago para que los cambios sean mas lentos?
Hola hay dos opciones en caso estés usando el Wiggle entonces recuerda que el primer número se refiere a los cambios por segundo, y el segundo a la dimensión del cambio. Si usaste por ejemplo wiggle(1,5000) podrías cambiar el 1 por 0.5 y de esa manera la velocidad de los cambios por segundos se reducirá a la mitad. En caso estés trabajando con keyframes bastará con que les mayor distancia entre los dos puntos para que la animación se haga mas lenta. Saludos.
Hola, muy buen video, existe alguna forma de lograr que el máximo supere 1000000 (un millón)?
Hola, gracias. Si eso deseas lo más conveniente es trabajar dos animaciones separadas.
Hola amigo, ayuda por favor. Hice mi conteo regresivo pero cuando va cambiando los numeros tienen un efecto como si temblaran. Si sabes como solucionarlo me lo puedes decir porfavor
Hola, me parece que no es un problema con tú animación propiamente dicha, sino que de repente has bajado mucho la calidad de la previsualización y está generando esta sensación. Revisa también el tamaño de tu composición, a veces cuando es muy pequeña también se producen "fallos" al reproducir.
y en ves de coma puntos
Hola John, lo que debes hacer en examinar con detalle la expresión "function addcommas(x)..." como verás al lado derecho entre comillas está una coma, entonces simplemente borra esa coma y reemplázala por un punto.
Hola, te amo, Adiós
😝😝😝 que linda y directa eres!
buenas, como se hace para sobrepasar el millon ?
Lo más fácil es que lo trabajes por separado como un número independiente, y lo colocas a la derecha para completar los dígitos que desees.
@Platcom Audiovisual te recomiendo trabajar por separado el 5 de los números ceros.
No me salia, estuve media hora buscando el porque... y resulta que me saltie un paso, que todo esto habia que escribirlo en el source del texto y no en el deslizador XDD
No quieran pasarse de listos y sigan bien el tutorial!!!
😂😂😂 paso a paso se llega lejos.
Me acaba de pasar exactamente lo mismo JAJAJA
LIT para los que lo tienen en ingles es: Math.round(value)