Banner de diseño profesional

En este tutorial de Photoshop, voy a mostrarte cómo crear un banner de diseño profesional para tus diseños.

Entonces, al principio debe crear un nuevo documento, tamaño 500 × 300 píxeles y rellénelo de color blanco.

Luego seleccione el Herramienta rectangular (Radio: 5 px) para hacer una forma con color de # 6d9e1e como en mi foto de abajo.

Después de eso, aplique el estilo de capa Gradient Overlay a esta capa.

El resultado debería ser el siguiente:

Ok, pasa al siguiente paso. ¿Es hora de crear un «encabezado»? para nuestro banner. prensa Ctrl + clic izquierdo la miniatura de la capa en la paleta de capas para seleccionar la forma del banner, luego use el Herramienta Marco Rectangular para cortar la parte de selección. Tenencia Alt botón cortar la parte inferior como se muestra en mi imagen a continuación. Después de eso, llene la parte restante con color blanco.

Eliminar selección con Ctrl + D, después de eso, cambie el modo de capa a Cubrir y establezca la opacidad hasta un 20%.

Ok, pasa al siguiente paso. Me gustaría agregar algún elemento gráfico a nuestro encabezado. Vaya a Google Imágenes y busque una imagen adecuada que desee agregar. No importa qué imagen sea. Depende solo del área temática del banner. En cuanto a mí, prefiero usar la imagen de alarma, que puedes descargar desde aquí. Abra esta imagen y cópiela en nuestro lienzo principal. Después de eso presione Ctrl + T para reducir un poco la imagen.

Solicitar Herramienta de afilado para hacer que el objeto sea un poco más nítido.

Ok, pasa al siguiente paso. Sal de la Herramienta de texto horizontal y escriba el título del encabezado.

En la imagen de arriba he usado Myraid Pro como mi fuente preferida, y he usado el color blanco. En realidad, es comercial, pero si no lo tienes, puedes encontrar fácilmente una buena alternativa. Después de eso, aplique el estilo de capa Sombra paralela a esta capa de texto.

Vea el resultado a continuación:

Ok, hemos terminado con el encabezado. Después de eso, me gustaría agregar algunos elementos de diseño más a nuestro banner. Selecciona el Herramienta de forma personalizada y seleccione una de las formas estándar de Photoshop que puede ver en la imagen de abajo.

Agrega dos formas con color blanco a nuestro banner.

Fusiona dos de estas formas en una capa. Ahora tenemos que cortar toda la parte del área del banner. ¿Cómo podemos hacer esto? prensa Ctrl + clic izquierdo la miniatura de la capa de forma de banner en la paleta de capas para hacer una selección de forma de banner y luego invertir esta selección con Ctrl + Mayús + I. Entonces presione Borrar para borrar el área seleccionada.

Eliminar el área seleccionada con Ctrl + D. Y ahora intente meterse con el modo de capa y la opacidad / relleno. Lo intenté Luz tenue con una opacidad del 20%.

Ahora necesitamos limpiar el encabezado del banner de estos elementos. Utilizar el Herramienta Marco Rectangular para hacer la selección como en mi imagen de abajo y presione Borrar para borrar el área seleccionada.

Anule la selección del área elegida con Ctrl + D de nuevo y agregue más texto con Herramienta de texto horizontal. Vuelva a utilizar el color blanco para el texto.

Es hora de agregar el último texto. Pero antes de eso quiero poner un poco de sustrato debajo. Utilizar el Herramienta Rectángulo redondeado (Radio: 2 px) y agregue la forma usando el color de # 69990d.

Ahora, usa el Herramienta de texto horizontal para agregar el texto sobre el sustrato.

Ok, hemos terminado con este tutorial. Ahora tenemos un banner de diseño profesional. Se ve bien, ¿no?