TEXTO CON EFECTO FALLING ROTATION | Tutorial After Effects #80

avatar
(Edited)
Buen día, queridos steem lovers. Hoy les estaré compartiendo un tutorial bastante suculento — Al menos para todos aquellos que se consideren diletantes, o amantes del diseño gráfico. — En este oportunidad la animación será de un texto con un efecto llamado «Falling rotation» (conocido en español como «Rotación descendente»). A pesar de su simplicidad, me parece un edición que puede quedar muy bien en cualquier contexto (vídeos, imagen animadas, etc.) . ¡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 700px x 400px, color negro.

    PARTE 2: Crear sólido

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Sólido

    Le colocaré como nombre «BG».

    PARTE 3: Crear texto

  • Seleccionamos nuestra herramienta de texto en el apartado superior.
  • Nos aseguramos que la fuente seleccionada sea Arial Black.

  • Creamos un texto.
  • Colocaré «Falling».

    Vamos a Alinear y centramos nuestro texto, vertical y horizontalmente.

    PARTE 4: Efecto falling

  • Desplegamos los valores del texto, presionando la flecha a su lado.

  • Abrimos los valores de Animar y seleccionamos Posición

  • Cambiamos el valor Posición a -900.

  • Desplegamos «Selector de rango 1», presionando la flecha a su lado.

  • Nos posicionamos en el (seg) 0.00, cambiamos Desplazamiento a -100.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 1.00, cambiamos Desplazamiento a 100.

  • Desplegamos «Avanzado», presionando la flecha a su lado.

  • En la opción Forma, cambiamos Cuadrado por Pend. hacia arriba.

  • Cambiamos el valor Cambio alto a 50.

  • Cambiamos el valor Cambio bajo a 50.
  • PARTE 5: Editar rotación

    Abrimos los valores de Animar y seleccionamos Rotación

    Abrimos Animación 2 y seleccionamos Agregar/Escala

  • Cambiamos el valor Escala a 0.

  • Cambiamos el valor Rotación a -90.

  • Abrimos Animación 2 y seleccionamos Agregar/Selector/Expresión

  • Seleccionamos Nivel, presionamos Alt + el símbolo del reloj.

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

  • delay = .1;
    myDelay = delay*textIndex;
    t = (time - inPoint) - myDelay;
    if(t >= 0){
    freq = 3;
    amplitude = 250;
    decay = 8.0;
    s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t);
    [s,s];
    }else{
    value
    }

    PARTE 6: Duplicar texto

  • Nos posicionamos en el (seg) 1.00, presionamos la letra "N".
  • Se reducirá el tiempo de visualización (fin) a dicho (seg).

  • Teniendo seleccionado el texto «Falling», presionamos ctrl + D.

  • Cambiamos la palabra del texto.
  • En este caso le colocaré «Text»

  • Teniendo seleccionado el texto «Text», presionamos ctrl + D.

  • Cambiamos la palabra del texto.
  • En este caso le colocaré «Animation»

  • Seleccionamos todos los textos creados:

  • Vamos a Animación/Asistente de fotograma clave/Capas de secuencia...

    PARTE 7: 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. ;)



    Descargá el material usado:



    Publicado desde mi blog personal, usando SteemPress :
    https://rpcaceres.000webhostapp.com/2019/12/texto-con-efecto-falling-rotation-tutorial-after-effects-80



    0
    0
    0.000
    6 comments
    avatar

    CURADORES-01.gif

    0
    0
    0.000
    avatar

    Muchas gracias por tan confortante apoyo. Esta demás decirlo pero, siempre me motivan a seguir posteando. ¡Gracias!

    0
    0
    0.000
    avatar

    Gracias por compartir tu contenido con la comunidad de El Arca (@elarca), el mismo ha sido votado por nuestra iniciativa de curación artística @stellae. Si deseas puedes delegar SP al proyecto: Delegate 25 SP Delegate 50 SP Delegate 100 SP Delegate 250SP Delegate 500SP o seguir nuestro trail de curación en Steem Auto. Recuerda usar los tags palnet y creativecoin para obtener mayores recompensas.
    0
    0
    0.000
    avatar

    Muchas gracias por la apreciaron. Es grato recibir su apoyo. ;)

    0
    0
    0.000
    avatar

    Thank you for using the #diy tag. This post has been manually rewarded with BUILD tokens in the form of an upvote. You can buy, stake, and exchange our "BUILD" tokens for steem on steem engine or SteemLeo

    Build-it is a central hub for DIY and How-To projects. It's an opportunity to find and share the latest in DIY, and How-To tutorials. The recommended tags required when creating a DIY article are #diy, #build-it. #how-to, or #doityourself. Please read our guide

    Chat with us on our discord and telegram channels Discord, Telegram. Are we adding value ? your witness vote will be appreciated! Click here to vote

    0
    0
    0.000