Animación de Photoshop - Portada de video de Facebook
En los próximos tutoriales de Photoshop, crearemos una plantilla de portada de video de Facebook para sus clientes. Esta plantilla de video de Photoshop usará dos fotos y varias capas de texto. Usando fotogramas clave y la línea de tiempo del video, crearemos transiciones personalizadas para mover y desvanecer estos elementos de diseño. Finalmente, haremos que el primer y el último fotograma sean idénticos, para que el video pueda reproducirse en nuestra página de Facebook.

Los gráficos

Como se trata de una plantilla, utilizará gráficos de marcador de posición, que convertiremos en objetos inteligentes. Puede reemplazar las imágenes genéricas de marcador de posición con las fotos de su cliente.

La portada de video de Facebook debe ser de 820 x 462 píxeles, con una resolución de 1080. Como nuestros dos gráficos tendrán un borde inclinado a la izquierda, necesitaremos que los gráficos de marcador de posición tengan 920 x 462 píxeles, que es 100 píxeles más ancho que la pantalla.

Al elegir las fotos de su cliente (ver captura de pantalla), también deben tener 920 x 462 píxeles. Además, colocaremos el texto en el lado izquierdo de estas fotos, por lo que esta área debe tener menos detalles. Las fotos utilizadas en nuestro ejemplo de cliente son de Upsplash (ver enlaces a continuación).

Planificando la animación

  1. La primera escena comenzará con una foto ya en la pantalla y terminará con el Nombre del Negocio el texto del marcador de posición se desvanece en la pantalla.

  2. La siguiente escena comienza con el texto del marcador de posición restante en la pantalla y una segunda foto deslizándose hacia la pantalla desde la derecha, reemplazando la foto original. La escena finalizará con el texto del marcador de posición desapareciendo.

  3. En la tercera escena, la segunda foto permanece y el siguiente grupo de texto de marcador de posición se desvanece, una línea de texto a la vez. Este texto será un eslogan y una breve lista de los servicios ofrecidos por la empresa, como catering, iluminación y decoración. Por último, agregaremos un llamado a la acción en forma de número de teléfono, dirección de correo electrónico o URL del sitio web.

  4. Durante la cuarta y última escena, el texto del marcador de posición se desvanecerá y la primera foto se deslizará de nuevo a la pantalla desde la derecha. Finalizar la última escena con la misma foto que estaba en la línea de tiempo en el primer fotograma del video permitirá que el video se repita sin problemas.

Nota: Las fotos y las capas de texto son solo marcadores de posición y se pueden cambiar fácilmente dentro de la plantilla según sea necesario para su cliente.

Empecemos.

Fotos utilizadas:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

próximo

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop es / son [una] marca registrada [s] o una marca registrada (s) de Adobe Systems Incorporated en los Estados Unidos y / u otros países.


Instrucciones De Vídeo: VIDEO PORTADA de FACEBOOK efecto NETFLIX ???????????? (FONDO CON FOTOS EN MOVIMIENTO) (Marzo 2024).