Photoshop|!Crea un banner con múltiples imágenes!



Hoy quería compartirles este tutorial que hice para crear un banner con múltiples imágenes como este poner el Video a 720p para que lo vean mejor: 


















1. Creación del Marco 

Se crea un nuevo documento de 700x200 pixeles. Se agrega una nueva capa y se elimina el fondo. Se rellena la nueva capa con cualquier color. 
Luego se le baja la opacidad de relleno y se le agrega un trazo inferior blanco. Se crea una nueva capa y se hace una linea blanca de 5px de grosor en diagonal. Se duplica la capa de la linea y se la mueve hacia la derecha. Se combinan las 3 capas para tener el marco ya en una sola capa. 









2. Colocación de las imagenes 


Se va a archivo, colocar y se coloca la primera imagen. Se adapta en el recuadro de la derecha. Luego se hace lo mismo con las demás imágenes. Se razterizan las capas de las 3 imágenes para poder editarlas. 


Con la herramienta Varita Mágica se selecciona el recuadro de la derecha. Se pasa a la capa de la imagen del centro y se recorta (Con la tecla Supr.). Luego se selecciona el recuadro del centro. Se pasa a la capa de la imagen de la izquierda y se recorta.








3. Agregar el texto y el patrón de lineas 


En una nueva capa, se agrega un rectángulo negro. Con la Varita Mágica se selecciona el recuadro izquierdo. Luego se invierte la selección y se borra lo que sobra del rectángulo. 
Luego se agrega el texto, en el caso del vídeo se uso la font Neou. 
En un nuevo documento de 4x4px, se rellenan las dos lineas de pixeles de abajo con blanco. Después se va a Edición, Definir motivo y se cierra el documento. 
Volviendo al documento del banner, se crea una nueva capa, se rellena y se le baja la Opacidad de Relleno a 0. Se le agrega el motivo creado y se le configura la opacidad a gusto. 









4. Correcciones de color 


Opcionalmente, se le pueden agregar correcciones de color como Curvas, Saturación, Luminosidad, etc. 









Photoshop|!Crea un banner con múltiples imágenes!
105 Puntos Score: 5/10
Visitas: 2581 Favoritos: 19
Ver los usuarios que votaron...
17 Comentarios Photoshop|!Crea un banner con múltiples imágenes!
Amigo no podrias hacer un tutorial de como hacer este banner animado??
Cita hec1891: Mostrar
Si lo hare pero dentro de 1 hora estara listo para que lo puedan Hacer ustedes Mismo subire el Video al igual que el PSD Y como hacerlo
Muchas gracias man!!!!  
@TheOsvald me nombras porque tambien estoy interesado en la barra animada
muy buen post sos un master!  
Cita El_Cuervo: Mostrar
Si ya casi esta el Video Renderizado yo les nombrare
Cita Dc_Frank: Mostrar
Gracias  
@TheOsvald muy interesante!! siempre habia querido hacer algo parecido a esto   y aqui tambien lo puedo usar como para hacer un collage verdad?
de antemano gracias por la explicacion  
Saludos!! +5
Cita DJKhaledSV: Mostrar
Si se puede hacer collage solo has mas lineas y colocas las imagenes
Cita Celciusb: Mostrar
Gracias  
@TheOsvald seria una buena idea para un timeline del face   aunque los usare para renovar los banner de mi comunidad
Las cosas que se pueden hacer con Photoshop  
@TheOsvald aca te dejo mi variacion:
Gracias por el tuto!
 
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!