CREA TU PROPIO GIF CON EFECTO EGG HATCHING | Tutorial After Effects #61

avatar
(Edited)

Feliz domingo. Es un enérgico placer saludarlos una vez más, queridos steemians. :)

Buen día, mis queridos y distinguidos amigos virtuales. En esta ocasión les estaré compartiendo un digno e integro tutorial — que me ha llevado algunas horas de ardua, pero apacible diversión — de cómo realizar un GIF con efecto «Egg hatching» (conocido en español como «Eclosión»).



¿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 800px x 800px, color negro.

    PARTE 2: Importar archivos

    Presionamos Archivo/Importar/Archivos...

  • Seleccionamos las imágenes y presionamos importar.

  • Arrastramos las imágenes «BG» y «EGG» hacía la mesa de trabajo.
  • PARTE 3: Unir capas

  • Seleccionamos la herramienta punto de anclaje en el apartado superior.

  • Movemos el punto de anclaje hacia el lado derecho de la cáscara.
  • Tiene que estar posicionado justo en la unión de las dos partes.

  • Seleccionado «Egg base», elegimos la herramienta de anclaje, otra vez.
  • Movemos el punto de anclaje hacia la parte inferior central.

  • Seleccionamos la imagen «Egg top»:

  • En el apartado Principal y enlace, cambiamos Ninguno a Egg base

    PARTE 4: Editar movimiento

  • Teniendo seleccionado «Egg base», presionamos la letra "R".
  • Se abrirán los frames de rotación.

  • Nos posicionamos en el (seg) 0.20, creamos un frame en Rotación.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 0.30, cambiamos Rotación a -10°.

  • Nos posicionamos en el (seg) 0.40, cambiamos Rotación a 10°.

  • Nos posicionamos en el (seg) 1.00, cambiamos Rotación a 0°.

  • Seleccionamos todos los frames, presionamos ctrl + C.
  • Con este comando lo que haremos será copiarlos.

  • Nos posicionamos en el (seg) 2.00, presionamos ctrl + V.
  • Con este comando lo que haremos será pegar los frames en ese (seg).

  • Teniendo seleccionado «Egg base», presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 3.00, creamos un frame en Posición.
  • Presionando el símbolo del reloj.

  • Aún teniéndolo seleccionado, presionamos la letra "S"
  • Se abrirán los frames de escala.

  • Nos posicionamos en el (seg) 3.00, creamos un frame en Escala.
  • Presionando el símbolo del reloj.

  • Teniéndolo seleccionado, presionamos la letra "U".
  • Se abrirán todos los frames.

    • Nos posicionamos en el (seg) 3.10:

    Cambiamos el valor Escala Y a 23.

    • Nos posicionamos en el (seg) 3.20:

    Duplicamos los valores de Posición.

    Presionando el símbolo del rombo.

    Cambiamos el valor Escala Y a 33.
    Cambiamos el valor Escala X a 26.

    • Nos posicionamos en el (seg) 3.30:

    Duplicamos los valores de Escala.

    Presionando el símbolo del rombo.

    • Nos posicionamos en el (seg) 3.40:

    Cambiamos el valor Posición Y a 545.
    Cambiamos el valor Escala X a 29.
    Cambiamos el valor Escala Y a 29.

  • Seleccionamos los tres primeros frames, presionamos ctrl + C.
  • Con este comando lo que haremos será copiarlos.

  • Nos posicionamos en el (seg) 4.00, presionamos ctrl + V.
  • Con este comando lo que haremos será pegar los frames en ese (seg).

    • Nos posicionamos en el (seg) 4.20:

    Cambiamos el valor Escala Y a 29.

  • Teniendo seleccionado «Egg top», presionamos la letra "R".
  • Se abrirán los frames de rotación.

  • Nos posicionamos en el (seg) 4.10, creamos un frame en Rotación.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 4.20, cambiamos Rotación a 115°.

  • Nos posicionamos en el (seg) 4.25, cambiamos Rotación a 110°.
  • PARTE 5: Agregar sombra

  • Seleccionamos la herramienta rectangular, y presionamos la letra "Q".

    Con este comando cambiaremos su forma a una circunferencia.

  • Nos posicionamos en la mesa de trabajo y crearemos un óvalo.

  • Movemos la capa de forma creada bajo la imagen «Egg base».
  • En la línea de tiempo.

  • Teniendo seleccionado «Capa de forma 1», presionamos la letra "T".
  • Se abrirán los frames de opacidad.

  • Cambiamos el valor Opacidad a 25.
  • Teniendo seleccionado «Capa de forma 1», presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 0.20, creamos un frame en Posición.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 0.30, cambiamos Posición X a 385.

  • Nos posicionamos en el (seg) 0.40, cambiamos Posición X a 425.

  • Nos posicionamos en el (seg) 1.00, cambiamos Posición X a 401.

  • Seleccionamos los frames creados, presionamos ctrl + C.
  • Con este comando lo que haremos será copiarlos.

  • Nos posicionamos en el (seg) 2.00, presionamos ctrl + V.
  • Con este comando lo que haremos será pegar los frames en ese (seg).

  • Teniendo seleccionado «Capa de forma 1», presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Nos posicionamos en el (seg) 3.00, creamos un frame en Escala.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 3.10, cambiamos Escala X a 115.

  • Nos posicionamos en el (seg) 3.20, cambiamos Escala X a 75.

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

  • Nos posicionamos en el (seg) 4.00, cambiamos Escala X a 100.

  • Nos posicionamos en el (seg) 4.10, cambiamos Escala X a 110.

  • Nos posicionamos en el (seg) 4.20, cambiamos Escala X a 100.
  • PARTE 6: Añadir dinosaurio

  • Arrastramos las imágenes «Dino» hacía la mesa de trabajo.

  • Seleccionamos la herramienta pen tool, en el apartado superior.

  • Creamos una máscara que corte al dinosaurio por la mitad.

  • Teniendo seleccionada la imagen «Dino», presionamos la letra "P".
  • Se abrirán los frames de posición.

  • Nos posicionamos en el (seg) 4.10, cambiamos Posición Y a 600.
  • Creamos un frame, presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 4.20, cambiamos Posición Y a 500.

  • Movemos la imagen «Dino» bajo el archivo «Egg base».
  • En la línea de tiempo.

    PARTE 7: Efecto zoom in

  • Presionando clic derecho sobre el área de trabajo.

  • Seleccionamos Nuevo/Objeto Null

  • Seleccionamos todos los archivos creados:

  • En el apartado Principal y enlace, cambiamos Ninguno a Nulo 1.

  • Teniendo seleccionado «Nulo 1», presionamos la letra "S".
  • Se abrirán los frames de escala.

  • Nos posicionamos en el (seg) 4.10, creamos un frame en el valor Escala.
  • Presionando el símbolo del reloj.

  • Nos posicionamos en el (seg) 4.20, cambiamos Escala a 150.
  • PARTE 8: 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:



    Publicado desde mi blog personal, usando SteemPress : https://rpcaceres.000webhostapp.com/2019/11/crea-tu-propio-gif-con-efecto-egg-hatching-tutorial-after-effects-61



    0
    0
    0.000
    17 comments
    avatar
    (Edited)

    ¡Tus Gifs y tus tutoriales son geniales!

    Vemos que publicas por medio de WordPress desde una plataforma gratuita. Te invitamos a conocer nuestro servicio de @repollo.press.

    Ofrecemos subdominio + hosting + wordpress. Además somos curadores de SteemPress y votamos a nuestros usuarios con regularidad. Puedes activar tu cuenta con 3.000 STEEM y probarlo por 20 días, pasando ese tiempo se pagaría el resto si estás conforme con el servicio.

    Para más info puedes contactar a @eddiespino en el Discord de Repollo (eddiespino#1698).

    ¡Saludos y sigue con ese buen trabajo!

    image.png

    Tu publicación ha sido votada por @Repollo.Press.

    0
    0
    0.000
    avatar

    Hello rpcaceres!

    Congratulations! This post has been randomly Resteemed! For a chance to get more of your content resteemed join the Steem Engine Team

    0
    0
    0.000
    avatar

    Jajajaj! que genial! tienes mucha creatividad!. <3 Es un Dino muy adorable el que ha salido del cascarón.

    0
    0
    0.000
    avatar

    JAJAJA si, estaba bastante ansioso por ver el mundo exterior. ;D

    P.D. Muchas gracias por pasarte. Siempre es un placer tenerte por aqui, querida @equipodelta.

    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

    Muchísimas gracias por su apoyo, amigos de @stellae. Me alegra mucho que les haya gustado mi post.

    Saludos y buenos deseos para todos.

    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 with our @build-it.curator account. You can buy, stake, and exchange our "BUILD" tokens for steem on steem engine and Steem Leo's exchange

    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.

    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