CREA TU PROPIO GIF CON EFECTO SCALE UP | Tutorial After Effects #26

in creativecoin •  last month 

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

Buenos noches a toda la comunidad hispana. En esta oportunidad me complace compartir con ustedes una forma de crear un GIF con un efecto «scale up» (conocido en español como «escala proporcional»).

Para los que están iniciando en After Effects, una de las formas más sencillas de lograr resultados profesionales, siendo aprendices, es con el uso de preset's pre-renderizados. El día de hoy estaré usando uno distribuido por los desarrolladores de Youtool ¡Espero les guste!



¿Qué necesitamos?


  • Necesitamos tener instalado After Effects.
  • Al final les dejaré el link de descarga.

  • Fuente usada en este tutorial, aquí

  • 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

  • Creamos un sólido presionando clic derecho sobre el área de trabajo.
  • Yo lo colocaré un color blanco grisáceo.

    PARTE 3: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos el preset, presionamos importar.

  • Arrastramos nuestros archivo importado hacía la mesa de trabajo.
  • PARTE 4: Crear texto

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

    Vamos a Alinear y centramos nuestro texto, verticalmente.

    PARTE 5: Editar texto

  • Teniendo seleccionado el texto, presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Nos posicionamos en el (seg) 1.25 y bajamos el valor Escala a 0%.
  • Crearemos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 2.10 y subimos el valor Escala a 100%.

  • Nos posicionamos en el (seg) 4.35 y duplicamos los valores anteriores.
  • Presionando el símbolo del rombo.

  • Nos posicionamos en el (seg) 5.00 y bajamos el valor Escala a 0%.
  • Teniendo seleccionado el texto, presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 1.25 y cambiamos Posicion Y a 175.
  • Crearemos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 2.10 y cambiamos Posicion Y a 164.6.

  • Nos posicionamos en el (seg) 4.35 y duplicamos los valores anteriores.
  • Presionando el símbolo del rombo.

  • Nos posicionamos en el (seg) 5.00 y cambiamos Posicion Y a 175.
  • Teniendo seleccionado el texto, presionamos la letra "T".
  • Se abrirán los frames de opacidad.

  • Nos posicionamos en el (seg) 1.25 y bajamos el valor Opacidad a 0%.
  • Crearemos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 2.10 y subimos el valor Opacidad a 100%.

  • Nos posicionamos en el (seg) 4.35 y duplicamos los valores anteriores.
  • Presionando el símbolo del rombo.

  • Nos posicionamos en el (seg) 5.00 y bajamos el valor Opacidad a 0%.
  • PARTE 6: Duplicar texto

  • Teniendo seleccionado el texto, presionamos ctrl + D para duplicarlo.
  • En este caso lo duplicare 3 veces.

  • Seleccionamos el primer duplicado y cambiamos la palabra del texto.
  • En este caso le colocaré "CA"

  • Seleccionamos el segundo duplicado y cambiamos la palabra del texto.
  • En este caso le colocaré "CE"

  • Seleccionamos el tercer duplicado y cambiamos la palabra del texto.
  • En este caso le colocaré "RES"

  • Movemos cada uno de los textos para que queden en posición vertical.

  • Teniendo seleccionado los 4 textos, presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Cambiamos el valor Posición Y a 339.
  • Movemos los textos «RES» y «CA» bajo el preset, en la linea de tiempo.
  • De esta forma se visualizaran detrás.

  • Teniendo seleccionado los 2 textos, presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Cambiamos el valor Posición X a 387.

  • Movemos el primer frame del texto «RES» hasta el (seg) 0.40.

    NOTA: De esta forma la animación iniciará en dicho (seg).

  • Movemos el primer frame del texto «CE» hasta el (seg) 1.00.

    NOTA: De esta forma la animación iniciará en dicho (seg).

  • Movemos el primer frame del texto «RP» hasta el (seg) 1.35.

    NOTA: De esta forma la animación iniciará en dicho (seg).

    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:


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

    Authors get paid when people like you upvote their post.
    If you enjoyed what you read here, create your account today and start earning FREE STEEM!
    Sort Order:  

    CURADORES-01.gif

    Lo haces ver tan sencillo que hasta me dan ganas de intentar hacerlo

    Es facilitó bro. Si te ánimas me avisas y te ayudo. :)

    Posted using Partiko Android

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

    curacionestutoriales.png

    Felicidades, sigue haciendo un buen trabajo!

    Únete a nuestro Discord Oficial

    Loading...

    ¡Eres el papá de los helados con los gift propios!

    ¡Gracias, bro! Aún soy un pollito, pero ahí vamos... aprendiendo cada día. xD

    Didáctico y explicativo... Esto nos sirve para lo que estamos entrando en el mundo es a
    Adobe Illustrator... Saludos

    Gracias por el buen comentario, siempre es un placer tenerte por aquí @joelsegovia. ;)