por 
Ver el tutorial
Paso 1: Dibuja el cuerpo del interruptor
Elige la Rectangle Tool en la barra de herramientas y haz clic y arrastra en el Program Monitor para dibujar un rectángulo. Mantén seleccionada la capa de forma y abre Window > Essential Graphics si el panel no está visible. Haz clic en la pestaña Edit.
Paso 2: Redondea las esquinas
En Essential Graphics, busca el valor de corner radius junto al ancho y el alto. Súbelo hasta el máximo, que es 1000. El rectángulo se convierte en una píldora, que es el cuerpo del interruptor. Comprueba que el Fill sea un gris oscuro, como un interruptor de iPhone apagado. Para cambiar el tamaño, elige la Selection Tool y arrastra los tiradores de la forma.
Paso 3: Añade el círculo blanco
Haz clic en la zona gris vacía de la línea de tiempo para deseleccionar la capa. Después mantén pulsada la herramienta de formas de la barra de herramientas y elige la Ellipse Tool. Mantén pulsada Shift mientras arrastras en el Program Monitor para dibujar un círculo perfecto. En Essential Graphics, cambia el color de Fill a blanco. Con la Selection Tool, mueve el círculo al extremo izquierdo de la píldora y ajusta su tamaño para que encaje bien dentro.
Paso 4: Anima el círculo con fotogramas clave de Position
Selecciona la capa del círculo y abre Effect Controls. Mueve el cabezal al punto donde el interruptor debe empezar a moverse y haz clic en el cronómetro junto a Position para crear un fotograma clave. Avanza al punto donde la animación debe estar completa y cambia el valor de Position para que el círculo quede en el otro extremo de la píldora. Para que sea más rápido, acerca los dos fotogramas clave.
Paso 5: Suaviza el movimiento
Un interruptor real acelera y frena con suavidad. Selecciona ambos fotogramas clave, haz clic derecho en uno de ellos y elige Temporal Interpolation > Ease In. Luego repite y elige Ease Out. Para tener más control, haz clic en la flechita junto a Position para abrir el gráfico de velocidad. Selecciona los fotogramas clave para que aparezcan los tiradores y da forma a tu propia curva de velocidad.
Más fluido con EaseFlow: selecciona los fotogramas clave y aplica una curva de easing real con un clic, en lugar de arrastrar los controladores Bezier. Ver EaseFlow
Paso 6: Añade el efecto Tint
Ahora el interruptor debe ponerse verde al encenderse. Abre el panel Effects, busca Tint (en Video Effects > Color Correction) y aplícalo a la capa inferior, la píldora.
Más rápido con BetterFX: sáltate el panel Effects. Pulsa tu atajo de BetterFX, escribe las primeras letras de Tint y pulsa Enter para aplicarlo al clip seleccionado. Consigue BetterFX
Paso 7: Anima el color con fotogramas clave
Antes de cambiar ningún color, alinea el cabezal con tu animación. Selecciona el clip superior, abre Effect Controls y salta al primer fotograma clave con la flecha junto a Position. Después selecciona de nuevo la capa inferior y haz clic en los cronómetros junto a Map Black To y Map White To para crear fotogramas clave con los colores originales.
Selecciona otra vez la capa del círculo y mueve el cabezal al último fotograma clave. Ahora vuelve a la capa inferior y pon Map White To en un verde brillante. Pon Map Black To en un verde más oscuro. Puedes elegir cualquier otro color. Dale a reproducir y el interruptor se desliza y se pone verde a la vez.
Consejos
- Agrupa las capas. Anida la píldora y el círculo para mover o escalar todo el interruptor como un solo objeto.
- Añade un sonido de clic. Un pequeño clic cuando se mueve el círculo hace que la animación parezca real.
- Inviértelo. Duplica el anidado y voltéalo para que el interruptor vuelva a apagarse.
Preguntas frecuentes
¿Cómo hago una forma de píldora en Premiere Pro?
Dibuja un rectángulo y sube el corner radius en Essential Graphics a su valor máximo.
¿Cómo dibujo un círculo perfecto en Premiere Pro?
Elige la Ellipse Tool y mantén pulsada Shift mientras arrastras en el Program Monitor.
¿Cómo animo un cambio de color en Premiere Pro?
Aplica el efecto Tint y crea fotogramas clave en los colores Map Black To y Map White To al inicio y al final de la animación.
¿Buscas gráficos animados ya listos? Echa un vistazo a las Motion Graphic Templates.
