CREA TU PROPIO GIF CON EFECTO CONTADOR | Tutorial After Effects #31

in #creativecoin • 5 years ago (edited)

Feliz lunes. Es grato saludarlos una vez más, queridos steemians. :)

Buenos noches a toda la comunidad hispana. En esta ocasión aprenderemos cómo crear un GIF con efecto «Contador numérico».

Resultaría casi imposible crear, frame by frame, una animación como esta. Por esa razón, After Effects incluye en su pack tool un plug-in llamado «slide control» (conocido en español como «control del deslizador»), para automatizar la edición de números. ¡Espero les guste!


¿Qué necesitamos?


  • Necesitamos tener instalado After Effects.

    • Al final les dejaré el link de descarga.

    Proceso de creación:


    PARTE 1: Composición



  • Empezaremos creando una nueva composición.

  • En la ventana emergente modificaremos los valores de la composición.

    • En mí caso el tamaño es 669px x 597px, color negro.

    PARTE 2: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos la imagen y presionamos importar.

  • Arrastramos nuestro archivo importado hacía la mesa de trabajo.

    • PARTE 3: Crear texto

  • Seleccionamos nuestra herramienta de texto en el apartado superior.

    • Nos aseguramos que la fuente seleccionada sea Arial Bold.

  • Creamos un texto.

    • Para el color elegí un gris claro.

  • Teniendo seleccionado el texto, presionamos ctrl + D para duplicarlo.

  • Seleccionamos el duplicado y cambiamos la palabra del texto.

    • En este caso le colocaré "views"

  • Teniendo seleccionado el texto con números, presionamos la letra "P".

    • Se abrirán los frames de posición.

  • Cambiamos el valor Posición X a 310.

    • PARTE 4: Efecto contador numérico

    Vamos a efectos/Control del deslizador y lo arrastramos hasta el texto.

  • Seleccionamos Texto de origen, presionamos Alt + el símbolo del reloj.

  • Arrastramos el símbolo de (espiral) hasta Control del deslizador

  • Copiamos el siguiente código en la línea de diálogo:

    • .value.toFixed(0)

    PARTE 5: Exportar nuestro GIF

    Presionamos Composición/Añadir a cola de Adobe Media Encoder...

  • Nos aseguramos que el formato de salida sea en .gif animado, y le damos al botón de exportar.

    • Y éste es el resultado final:


    Hasta aquí el tutorial, espero les resulte útil. @rpcaceres se despide. ;)

    imagen usada de fondo:

    Descargá el material usado:

    ¡Gracias por leer! oficialmente te doy la bienvenida a la dimensión desconocida.

    #arte #palnet #cervantes #spanish #art #diy #neoxian #tutorial
    5 years ago in #creativecoin by
    $3.35
    • Past Payouts $3.35, 0.00 TRX
    • - Author $1.70, 0.00 TRX
    • - Curators $1.66, 0.00 TRX
    656 votes
    Reply 10
    Sort:  
  • Trending
    • [-]
     5 years ago 

    Esta publicación ha sido seleccionada para el reporte de Curación Diaria. # final de post.png¡¡¡Felicidades!!!

    [-]
     5 years ago 

    LOGO Nombre SINERGICA.png

    Tu excelente publicación da muestra del esfuerzo y dedicación que pones en lo que haces, por eso ha sido seleccionada por el equipo de curación de @sinergica.

    Curamos la etiqueta #spanish con el token SPACO de la Comunidad de Hispano Hablantes, te invitamos a formar parte de nuestra comunidad.

    [-]
     5 years ago 

    Votado por el trail @team-mexico
    Servidor en Discord TeamMexicoPRO ¡Te esperamos!

    Delegaciones para @team-mexico ¡Ayúdanos a crecer!

    10 SP - 25 SP - 50 SP - 100 SP - 150 SP- Mas información.
    teammexico (1).png

    [-]
     5 years ago 

    Congratulations @rpcaceres! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

    You received more than 15000 upvotes. Your next target is to reach 20000 upvotes.

    You can view your badges on your Steem Board and compare to others on the Steem Ranking
    If you no longer want to receive notifications, reply to this comment with the word STOP

    Do not miss the last post from @steemitboard:

    SteemitBoard supports the SteemFest⁴ Travel Reimbursement Fund.
    Vote for @Steemitboard as a witness to get one more award and increased upvotes!
    [-]
     5 years ago 

    Excelente tutorial. ¡Muchas gracias por compartirlo!

    [-]
     5 years ago 

    ¡Gracias a ti por tan bonito comentario! :)

    $0.00
      Reply
      [-]
       5 years ago 


      Felicidades, sigue haciendo un gran trabajo :)

      $0.00
        Reply
        [-]
         5 years ago 

        Hi, @rpcaceres!

        Thank you for using the #diy tag. This post has been rewarded with BUILD tokens in the form of an upvote.

        Build-it is a new tribe on the steem blockchain that serves as a central hub for DIY and How-to's contents on steemit. The recommended tags required when creating a DIY artcle are #diy, #build-it. #how-to, or #doityourself. You'll get rewarded with BUILD tokens, which can also be exchanged for steem on steem-engine when you use any of the recommended tags as well as posting via our website.

        We encourage steemians to post their DIY articles via our website. Have a question? Join us on Discord and telegram

        This project is run and supported by our witness @gulfwaves.net. If you like what we do, vote for us as a witness on the steem blockchain

        $0.00
          Reply
          [-]
           5 years ago 

          Este post ha sido votado manualmente por Spanish-Tribe: "Tutorial"

          curacionestutoriales.png

          Felicidades, sigue haciendo un buen trabajo!

          Únete a nuestro Discord Oficial

          $0.00
            Reply

            Coin Marketplace

            STEEM 0.19
            TRX 0.15
            JST 0.029
            BTC 64432.28
            ETH 2648.26
            USDT 1.00
            SBD 2.78