Hacer un baner en photoshop

TUTORIAL

1. CREAMOS EL ARCHIVO

Creamos un nuevo archivo, para ello “Archivo >> Nuevo”.
En la ventana que se nos abre, hacemos clic para seleccionar tamaños preestablecidos. (imagen)
Puedes dejar el fondo transparente o no, no importará más adelante.
Seleccionamos la opción Banner 468x60. Se nos abrirá un nuevo documento, que será sobre el que trabajaremos.

2. TIPO DE BANNER 1
Este tipo de banner es en el que usaremos una fotografía completa que ocupe todo nuestro archivo, por ejemplo: (imagen)
En nuestro explorador, hacemos clic con el botón derecho y seleccionamos la opción copiar. Vamos al Photoshop, y seleccionamos “Edición >> Pegar”
Veremos algo como esto: (imagen)
No te asustes, ahora moveremos la imagen para ver algo. Escogemos la herramienta mover en el menú de la izquierda, hacemos clic sobre la foto, y arrastramos hacia arriba.
(imagen)
Puede que pese a haber movido la imagen, no se ajuste a lo que queremos, por lo que tendremos que cambiar el tamaño. Para ello, usamos la combinación de teclas ctrl+T y nos aparecerá algo como lo siguiente:
(imagen)
Para modificar ahora el tamaño, tenemos que hacer clic en uno de los cuadraditos señalados, y arrastrar hacia dentro de la imagen (para reducir). Es importante que si quieres que se conserven las proporciones, selecciones arriba Mantener Proporción (indicado en la captura).
Tras esos ajustes, hemos obtenido algo como esto:
(imagen)

Ahora llega el turno de mejorar visualmente la imagen. Como puedes ver, la calidad no es muy buena, así que haremos lo siguiente.
Duplicaremos la imagen. Para ello, iremos al menú superior, escogeremos Capa >> Duplicar Capa.
En el menú de capas, veremos lo siguiente:
(imagen)
Este menú capas nos servirá para desplazarnos entre capas, y para modificar la opacidad de capa.
Ahora vamos a suavizar la foto. Para ello, en el menú superior escogemos “Filtro >> Desenfocar >> Desenfoque Gaussiano” y escogemos las siguientes settings:
(imagen)
Como ves, queda demasiado desenfocado, pero en el Menú Capas bajaremos la opacidad a un 67 % (imagen), obteniendo lo siguiente:
(imagen)
Obteniendo así un resultado muy bueno teniendo en cuenta la foto de la que partíamos.
Tanto el texto como el borde serán tratados en el punto 4.

3. TIPO DE BANNER 2
Ahora supongamos que quieres poner un fondo y encima una imagen. Para insertar el fondo, seguimos todos los pasos del apartado anterior. Tras esto, yo he obtenido lo siguiente:
(imagen)
Ahora seleccionamos la imagen que queremos poner encima, con el botón derecho, Copiar. Ya en el Photoshop, Edición >> Pegar
(imagen)
Como ves, lo que tenemos que hacer ahora es borrar el fondo blanco, para lo que podemos usar varias herramientas. En este tutorial, por lo simple que es, nos decantaremos por la clásica Goma de Borrar
(imagen)
Puedes seleccionar diferentes pinceles (lo que apunta la flecha). Recomiendo un pincel pequeño, y con bordes difuminados, como en el de la figura.
Para borrar con pequeños detalles, puedes utilizar el zoom:
(imagen)
Lo de borrar es cogerle el truco, no te preocupes si al principio te parece difícil.
Así nos ha quedado:
(imagen)
Como ves, demasiado artificial, por lo que vamos a jugar con la transparencia de capa, como explicamos en el punto anterior.
(imagen)
No es un gran ejemplo, pero espero que entendáis lo que quiero decir.

4. TEXTO Y BORDES
Ahora algo fundamental en nuestro banner: el texto. Tiene que ser legible y llamativo.
Para introducir texto, utilizamos la herramienta de texto horizontal.
(imagen)
Escogemos la fuente en el menú superior (también puedes escoger el color haciendo clic en el cuadradito de color), y hacemos un clic sobre el documento. Escribimos el texto deseado.
(imagen)
Como se puede apreciar, se leerían mejor las letras con un bordecito negro que le vamos a poner.
Vamos al menú de arriba, y escogemos “Capa >> Estilo de capa >> Trazo” y escogemos las siguientes opciones:
(imagen)
Finalmente, añadiremos un borde en una nueva capa. Creamos una nueva capa: “Capa >> Nueva >> Capa” con las settings que ponga por defecto. Seleccionamos el archivo entero con la herramienta selección rectangular: (imagen) (haciendo clic en la esquina superior izquierda y arrastrando hasta la inferior derecha.
Para poner el borde, vamos a “Edición >> Contornear” y escogemos las siguientes settings:
(imagen)
Y luego podemos repetir el Trazo, explicado anteriormente para el texto, obteniendo nuestro banner final:
(imagen)
No ha sido de lo mejor que he hecho...pero en fin, pasable para ser un tutorial básico.