⏱️ Crear CONTADOR NUMÉRICO en After Effects - Tiempo, Dinero, Porcentaje, lo que quieras!

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2024

ความคิดเห็น • 89

  • @XanTips
    @XanTips  2 ปีที่แล้ว +14

    ⬇ EXPRESIONES ⬇
    ⏱ Números con puntos o comas entre medio (1.000.000)
    s = "" + Math.floor(effect("Slider Control")("Slider")[0]);
    s.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    ⏱ Números con decimales y comas (0,00)
    s = "" + (effect("Slider Control")("Slider")[0]).toFixed(2);
    s.replace(/\./g, ",")
    ---------------------------------------------------------------------
    ⚠ Activar: Project Settings > Expresions > Legacy Extended Scrypt
    ⏱ Contador con Minutos/Segundos
    slider = Math.round(effect("Slider Control")("Slider"))
    sec = slider%60
    min = Math.floor(slider/60)
    function addZero(n){ if (n

    • @ziriuz1970
      @ziriuz1970 10 หลายเดือนก่อน

      Eres todo un maestro. Gracias por enseñarnos todo a detalle!

  • @ayleonstah
    @ayleonstah ปีที่แล้ว +27

    Muchas gracias!! y para quien le sirva, si tienen el AE en español y quieren usar la expresión de puntos o comas con slider, se escribe así:
    s = "" + Math.floor(effect("Control del deslizador")("Deslizador")[0]);
    s.replace(/\B(?=(\d{3})+(?!\d))/g, ".");

    • @ZegaVFX
      @ZegaVFX ปีที่แล้ว +1

      GRACIAS! ME SALVASTE!

    • @martinpaez6339
      @martinpaez6339 ปีที่แล้ว +1

      Como te amo! guachin! estaba puteando por que no me tomaba la expresion! jja

    • @jhonvliisik
      @jhonvliisik ปีที่แล้ว +1

      Muchas gracias

    • @jackuard
      @jackuard 9 หลายเดือนก่อน +1

      eres un crack

  • @morrayitayaliyali
    @morrayitayaliyali 2 ปีที่แล้ว +11

    Fenomenal. Tuto perfecto. Por si ayuda a alguien, tardé un poquito en darme cuenta. Si tienes AE en Español, tendrás que poner las expresiones en español. Ejemplo:
    s = "" + Math.floor(effect("Control de puntos")("Punto")[0]);
    s.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    Muchas gracias por el tutorial

    • @XanTips
      @XanTips  2 ปีที่แล้ว +3

      Gracias, puede que me olvidará de decirlo. Pero es verdad que cuando se escriben expresiones y se sigue un tutorial, hay que tener siempre en cuenta en que idioma está en el nombre del efecto explicado y el idioma de programa, como tú has notado. Porque si tienes el AE en español y le pones un nombre en inglés no lo entiende, y viceversa haha. Yo por eso siempre ya trabajo con el AE en inglés para no tener problemas con otros tutoriales que voy aprendiendo de gente no hispanohablante. Igualmente, lo tendré en cuenta para la próxima vez :)

    • @lorenromero1606
      @lorenromero1606 ปีที่แล้ว +1

      Gracias funciono perfecto!

    • @maximilianoacosta3336
      @maximilianoacosta3336 ปีที่แล้ว

      Hola. Gracias por la aclaración. Tenés el código para números de dos decimales pero con coma? Gracias, Antonio.

  • @vanesoraci
    @vanesoraci หลายเดือนก่อน

    Completísimo, abarcaste todas las posibilidades y contestaste todas las dudas que tenía. Muchas gracias :)

  • @allwinamv
    @allwinamv 9 หลายเดือนก่อน

    Qué vídeo tan completo. Me ayudó muchísimo. Eres un maestro, gracias.

  • @craolla8307
    @craolla8307 ปีที่แล้ว

    EL MEJOR PUTO TUTORAIL DE TH-cam!!!! este sí que es el DEFINITIVO!!!! GRACIAS!

  • @alessandrocwilliam
    @alessandrocwilliam 2 ปีที่แล้ว +2

    Es un crimen que este vídeo tenga tan pocas visitas y una pena capital que no tengas más suscriptores.
    Muchísimas gracias por este tutorial tan bien explicado, ordenado y además dividido en diferentes secciones.
    Te has ganado una suscripción y muchas views más.

    • @XanTips
      @XanTips  ปีที่แล้ว +1

      Muchas gracias Alessandro por tu apoyo 🙏 Nos vemos por aquí :)

    • @Sagegabs
      @Sagegabs ปีที่แล้ว

      Y ya vas a llorar

    • @DrecFreeOficial
      @DrecFreeOficial 9 หลายเดือนก่อน

      bro como puedo ponerle a los numeros del contador un parentesis @@XanTips

    • @XanTips
      @XanTips  9 หลายเดือนก่อน +1

      @@DrecFreeOficial Con la misma técnica que poner símbolos, como muestro en el tutorial.
      Si quieres un símbolo por delante abres comillas, escribes algo y luego cierras y le pones un +, para que se sume al contador. Y lo mismo por detrás.
      Sería:
      "(" + Aquí la expresión larga + ")"
      Espero que te sirva 😉

    • @DrecFreeOficial
      @DrecFreeOficial 9 หลายเดือนก่อน

      si bro muchas gracias, excelente video, era todo lo que buscaba, mil gracias! @@XanTips

  • @BAUTYSUAREZZ
    @BAUTYSUAREZZ 9 หลายเดือนก่อน

    Muy bien explicado, al fin pude entender lo del contador😅, Gracias y saludos desde Argentina 💙🤍💙
    Me mato cuando dice, "Y QUE NO BAILAN" jaja

  • @mightyjoykiller
    @mightyjoykiller 2 ปีที่แล้ว +1

    Estupendo el tutorial, muchas gracias.

  • @AdrianHernandez-ww2wu
    @AdrianHernandez-ww2wu ปีที่แล้ว

    Excelente tu canal, tu trabajo y sobre todo tu manera de explicar pedagógica y estructurada! Recomiendo 100%

  • @Axolote9000
    @Axolote9000 2 ปีที่แล้ว

    ¡Muchas gracias amigo!
    Me sirvió bastante, necesitaba hacer un contador regresivo con dos decimales.

  • @sergiesgleas
    @sergiesgleas 4 หลายเดือนก่อน

    Muchas gracias. Veo que hay manera de editar el número de decimales pero y si queremos empezar, por ejemplo, con tres ceros. 000. Es decir, que el número siempre tenga tres cifras independientemente que sean unidades. Es decir, que no vaya del 0 al 100 sino del 000 al 100. Gracias!

  • @giovannimartinez9257
    @giovannimartinez9257 9 หลายเดือนก่อน +1

    Amigos, la verdad me ha costado mucho trabajo lo de las expresiones, al final me tarde una hora en buscarle. Dejo la expresión con decimales y comas en español.
    s = "" + (effect("Control de puntos")("Punto")[0]).toFixed(2);
    s.replace(/\./g, ".")

    • @alexblanco8158
      @alexblanco8158 8 หลายเดือนก่อน

      Dios te bendiga hermano :D:D:D

  • @juanif
    @juanif หลายเดือนก่อน

    Muy buen video! Gracias!

  • @SEDAMALEJA
    @SEDAMALEJA ปีที่แล้ว

    Hola Xan gracias por compartir sus sabidurias son muy buenos sus tutoriales FELICITACIONES

    • @XanTips
      @XanTips  ปีที่แล้ว

      Muchas gracias!

  • @AudioPervert1
    @AudioPervert1 9 หลายเดือนก่อน

    Gracias y saludos desde Valencia! Muy buena y simple era

  • @anabelvicente7330
    @anabelvicente7330 ปีที่แล้ว

    Esta súper de bien este video!

  • @ivanafuchs9851
    @ivanafuchs9851 11 หลายเดือนก่อน

    Increíble tu laburo 👏🙌

  • @RELATOS.HISTORICOS
    @RELATOS.HISTORICOS 6 หลายเดือนก่อน

    Saludos, para agregar un texto a numeros que tengan punto o comas entre el medio cual seria la expresion, gracias de ante manos

  • @milordracing
    @milordracing 2 ปีที่แล้ว +2

    Buenísimo el tutorial

  • @milordracing
    @milordracing 2 ปีที่แล้ว +3

    Buenísimo el tutorial. Sinceramente me he preguntado varias veces, que con lo bueno que eres con After Effetcs, que tengas los suscriptores que tienes. Cuesta mucho despegar hasta llegar a los 5000 suscriptores. Después el incremento es mayor. Comparto tu vídeo por si mi ayuda te vale para algo.

    • @XanTips
      @XanTips  2 ปีที่แล้ว +1

      Muchas gracias por tu comentario y apoyo 🙏 Sí, tienes razón, cuesta lo suyo crecer, pero no me desanimo 💪 Lo importante es que cuando uno cree en lo que hace y le gusta, estoy seguro de que con el tiempo se verán los resultados del trabajo hecho con pasión 😃 Además vuestros comentarios siempre me motivan más a seguir ayudando!

  • @alejandrolopera8850
    @alejandrolopera8850 2 ปีที่แล้ว

    Muchas gracias don señor por el tutorial

  • @ColorPlayTgn
    @ColorPlayTgn ปีที่แล้ว

    super útil y completo! gracias :D

  • @patrikdimitrov
    @patrikdimitrov ปีที่แล้ว

    Grande, me has salvado la vida

  • @yoveblack
    @yoveblack 2 ปีที่แล้ว

    hemano, gracias por el video, me ayudó muchísimo.

  • @GHMStudio
    @GHMStudio ปีที่แล้ว

    Amigo excelentes tus tutoriales. muy bien explicados.... saludos desde Colombia 👍 Nuevo Suscriptor

  • @JacksonLove
    @JacksonLove 2 ปีที่แล้ว

    Buenísimo!!!! Muchísimas gracias!!!!!!

  • @xcucchix
    @xcucchix 5 หลายเดือนก่อน

    Hola! Quiero saber como ponerle el punto a los miles y la coma para señalar los decimales. Podrias compartir la expresion?

  • @AlarmaesGames
    @AlarmaesGames 2 ปีที่แล้ว

    excelente tutorial muchas gracias

  • @kevintorresospina32
    @kevintorresospina32 2 หลายเดือนก่อน

    After es el unico programa donde se puede hacer este efecto? O hay otro programa?

  • @alejandromoreno6284
    @alejandromoreno6284 11 หลายเดือนก่อน +1

    bro podrias poner la expresion en español para el ultimo de minutos y segundos uu me sigue saliendo error

  • @koryugi
    @koryugi 4 หลายเดือนก่อน

    Ahora, si quiero hacer esa animación con una tipografía en específico que no es Mono-space ¿Qué tendría que hacer para que el número no baile?

  • @sailfotodesign
    @sailfotodesign ปีที่แล้ว

    Excelente amigo gracias por tu explicación, una consulta como puedo agregar 0000 por delante?

    • @XanTips
      @XanTips  ปีที่แล้ว

      ¿Ceros que cambien o solo estáticos? Si son estáticos haz el mismo truco que con el símbolo del € que enseño en el tutorial. Es decir, pones "0000" + [toda la expresión]. Lo que pongas con comillas y un + se sumará delante o detrás dependiendo de la posición :)

  • @nicopinamates
    @nicopinamates 10 หลายเดือนก่อน

    Muchas gracias por el video. Una consulta: Habrá alguna forma de hacer otra capa de texto que muestre la multiplicación de dos capas de textos numéricos que se muevan con el deslizador?.. Agradecido, Saludos

    • @XanTips
      @XanTips  8 หลายเดือนก่อน +1

      Aquí tienes 😉 th-cam.com/video/hQ4FTU1pnSA/w-d-xo.html

  • @JalcayagaL
    @JalcayagaL ปีที่แล้ว

    Excelente tutorial :D

  • @trilheirosonline
    @trilheirosonline 2 ปีที่แล้ว

    Muito obrigado pela ajuda, parabéns pelo vídeo.

  • @UltimateComicsS
    @UltimateComicsS ปีที่แล้ว

    Posiblemente les aparezca muchos numeros al azar a los costados como si se repiten, eso se debe a que posiblemente tengan la version en español . En ese caso debe de poner esto:
    "" + Math.floor(effect("Control del deslizador")("Deslizador")[0])

  • @andrewr.narvaez7338
    @andrewr.narvaez7338 4 หลายเดือนก่อน

    y como hago para pasarlo a premiere y que sea editable

  • @123latresmellizas
    @123latresmellizas ปีที่แล้ว

    Ps a mí no me sale el de minutos y segundos, ya active el legado, será porque está en español?

  • @inglesfacilbettydavid623
    @inglesfacilbettydavid623 ปีที่แล้ว

    MUCHAS GRACIAS POR EXCELENTE VIDEO. EN AFTER EFFECTS NO EXISTEN LOS BOTONES PARA ADELANTAR; DETENER EL VIDEO EN EL CUAL ESTOY TRABAJANDO. ENTONCES COMO PUEDO DETENER Y ADELANTAR EL VIDEO EN EL QUE ESTOY TRABAJANDO?? YA ME SUSCRIBI A TU CANAL..

  • @djnoelirts
    @djnoelirts 4 หลายเดือนก่อน

    Hola, no me sale slide control, porque puede ser?

  • @robertoespartero5245
    @robertoespartero5245 ปีที่แล้ว

    Hola, muchas gracias por el video!
    Cómo podría hacer un contador que se inicie en 0000? Necesitaría hacer un contador que se inicie en 0000 y llegue hasta una cifra de 4 dígitos, por ejemplo 1165. Gracias :)

  • @andydufresne9825
    @andydufresne9825 2 ปีที่แล้ว +1

    Hola Xan una pregunta, no se puede hacer el contador en modo alfabético que se esté jugando entre la a y la z, saludos

    • @XanTips
      @XanTips  2 ปีที่แล้ว +1

      Con el Slider o Point control no. Porque solo trabajan con números. Pero si lo puedes hacer con este tutorial de cambiar las letras th-cam.com/video/rIjdVPpKdpM/w-d-xo.html
      1 - Crea una capa de texto con la letra A
      2 - Ponle en animador > Character Offset.
      3 - Modifica y crea 2 keyframes que vayan de 0 a 29 en Character Offset. Los números representan el orden alfabético de las letras: 0 = A, 1 = B,.... 29 = Z
      Espero que te sirva ;)

    • @andydufresne9825
      @andydufresne9825 2 ปีที่แล้ว

      @@XanTips Muchas gracias abrazo grande

  • @laurasofiaayalarojas6282
    @laurasofiaayalarojas6282 ปีที่แล้ว

    Muy pro!!

  • @angehossel
    @angehossel ปีที่แล้ว

    Hola disculpa, a mi en la escala no me sale esa figura, sólo aparece en la capa de texto pero en Scale sale vacío y no puedo unirlo entonces, ¿Podrías ayudarme?

  • @Javier-hz9zz
    @Javier-hz9zz ปีที่แล้ว

    El tutorial es brutal. Felicidades. Cuál sería la expresión para mezcla unidades de millar con decimales? Por ejemplo, para cifras como esta: 32.546,76. Llevo un buen rato intentando mezclarlas pero no consigo dar con la expresión.

    • @jonytrujillo5044
      @jonytrujillo5044 11 หลายเดือนก่อน

      Parce, lo convine de esta forma y me funciono :
      s = "" + (effect("Slider Control")("Slider")[0]).toFixed(2);
      s.replace(/\B(?=(\d{3})+(?!\d))/g, ",")

  • @robertodiaz1602
    @robertodiaz1602 3 หลายเดือนก่อน

    petacular!!

  • @MegaRansel
    @MegaRansel ปีที่แล้ว

    Cómo podría emparejar un contador de minutos con una cuenta regresiva o un contador pero al reves?
    Ejemplo: que avance el contador inicial, 00:20, 00.21, 00:22.... y el que está emparejado, vaya al reves, si el tiempo final, del inicial es 10:35, entonces el contador emparejado vaya de 10:35, 10:34, 10:33...y así sucesivamente. Que el contador final, emparejado, funcione acorde con el inicial.

    • @XanTips
      @XanTips  ปีที่แล้ว +1

      No entiendo muy bien el porqué quieres hacer esto, pero más que emparejar yo lo que haría es dos contadores diferentes y ya está. No es necesario emparejarlos. Es decir:
      Contador 1: Slider que ⬆️ aumenta los segundos desde 00:20 (valor inicial).
      Contador 2: Slider que ⬇️ disminuye los segundos desde 10:35 (valor inicial).
      Luego ya es animarlos con los keyframes del slider para poner los varlores finales. Cuando haya pasado X tiempo del 🕓 timeline, cambias el slider para decirle que ha pasado X ⬆️⬇️ valores del slider (segundos, minutos).
      Un saludo!

    • @MegaRansel
      @MegaRansel ปีที่แล้ว

      @@XanTips Hahaha tremendo enrredo a simple vista, pero comprendo. Gracias.
      Al final opté por solo escribir a mano la hora final, ya que esta era fija hahaha

  • @joystickms7993
    @joystickms7993 8 หลายเดือนก่อน

    Cómo se escribe en español la parte de minutos y segundos, ya he cambioado todo y no me da, ojala alguien tenga esa parte

  • @sophiazepeda6565
    @sophiazepeda6565 ปีที่แล้ว

    En dónde puedo conseguir el efecto "Slider control"?

    • @XanTips
      @XanTips  ปีที่แล้ว +1

      Supongo que lo tendrás en español, en ese caso se llama: Control del deslizador

  • @aliciauzquianovico9242
    @aliciauzquianovico9242 ปีที่แล้ว

    Hola, alguien podría decirme como poner junto al número en vez del símbolo de una moneda metros cuadrados o cúbicos, estando el número con superíndice.

    • @XanTips
      @XanTips  ปีที่แล้ว

      Siempre puedes crear 2 capas de texto adicionales cambiando su tamaño (m2, con el 2 más pequeño) y enlazarlas al contador. No te comas la cabeza, no tienes por qué ponerlo todo dentro de la expresión :)

  • @Frank-lk9fs
    @Frank-lk9fs 9 หลายเดือนก่อน

    Pero como le hago para randomizar el contador

    • @XanTips
      @XanTips  9 หลายเดือนก่อน +1

      Con la expresión "random()". En este tutorial puedes ver sus diversas aplicaciones ;) th-cam.com/video/M3GSjLaVeqA/w-d-xo.html

    • @Frank-lk9fs
      @Frank-lk9fs 9 หลายเดือนก่อน

      Muchas gracias!@@XanTips

  • @garvin112
    @garvin112 ปีที่แล้ว

    Hola cómo puedo hacerlo con letras?

    • @XanTips
      @XanTips  ปีที่แล้ว

      ¿A qué te refieres?

  • @fernandoangel7254
    @fernandoangel7254 ปีที่แล้ว

    ¿Osea si no es monospace siempre va a bailar?

    • @XanTips
      @XanTips  ปีที่แล้ว

      Correcto :)

  • @Rodrigo94690
    @Rodrigo94690 ปีที่แล้ว

    Y si se quiere hacer una cuenta regresiva?

    • @XanTips
      @XanTips  ปีที่แล้ว +1

      Es tan simple como poner el contador con el número más alto primero y hacer un keyframe, y luego crear un keyframe con el número más bajo :)

  • @adrianaarizagamogrovejo8405
    @adrianaarizagamogrovejo8405 ปีที่แล้ว

    Demora demasiado en renderizar. Les pasa?

  • @felixayuso3467
    @felixayuso3467 ปีที่แล้ว

    Geniales tus tutoriales, pero es una pena que el programa lo tengas en inglés.

    • @XanTips
      @XanTips  ปีที่แล้ว

      Sé que en inglés puede ser complicado para los que no lo entienden, pero yo siempre recomiendo ponerlo en inglés porque hay más tutoriales muy buenos de gente hispanohablante e inglesa que también lo tienen inglés. Por eso es más fácil copiar y aprender lo que hacen :) Si quieres ponerlo en inglés tengo un tutorial de cómo hacerlo aquí: th-cam.com/video/IaouofG4i6k/w-d-xo.html