Tutorial Creacin de portadas con Photoshop

El primer paso para conseguir una buena portada es tener una buena base. Lo idneo es utilizar imgenes con la mejor calidad posible. El apartado de imgenes de Google nos permite realizar bsquedas de imgenes de determinado tamao. Podemos, por ejemplo, buscar imgenes de ms de 1600x1200px e ir bajando si no encontramos lo que buscamos.

Lo siguiente es asegurarnos de que la imagen tiene las proporciones correctas. Las portadas de tienen una proporcin de 2:3. Esto quiere decir que por cada 2 unidades de ancho tenemos 3 de alto. Hay varios mtodos para ajustarnos a estas proporciones sin deformar la imagen. Vamos a ver dos.

Mtodo 1

Abrimos nuestra imagen en Photoshop. Vamos a "Imagen > Tamao de imagen..." (cmd+opc+I, ctrl+alt+I) Desactivamos la opcin "Remuestrear la imagen"

Fijamos un ancho de 20cm. Si el alto resultante es menor de 30cm, lo fijamos manualmente en 30cm. Para no deformar la imagen Photoshop fijar un ancho mayor de 20cm. El ancho debe ser siempre igual o mayor de 20cm, y el alto igual o mayor de 30cm. Si los valores son 20cm y 30cm la imagen ya tiene las proporciones correctas, con lo que podemos pasar a aadir el logotipo.

Ahora recortaremos la imagen. Vamos a "Imagen > Tamao del lienzo..." (cmd+opc+C, ctrl+alt+C) Nos aseguramos de que la casilla "Relativo" est desactivada y fijamos una ancho de 20cm y un alto de 30cm.

Dependiendo de si hay que recortar vertical u horizontalmente los controles de "Ancla" cambiarn. Podemos seleccionar uno de los 9 manejadores para que el lado activado quede intacto tras el recorte. Lo ms habitual es dejar seleccionado el manejador central. Pulsamos "OK". Con esto nuestra imagen ya tiene las proporciones correctas de 2:3.

Mtodo 2
Este mtodo es ms rpido, pero requiere mayor precisin.

Abrimos nuestra imagen en Photoshop. Seleccionamos la herramienta "Marco rectangular" (M)

En "Estilo" seleccionamos "Proporcin fija" e insertamos "2" de ancho y "3" de alto.

Con cuidado dibujamos un rectngulo para seleccionar la zona de la imagen que queremos conservar. Una vez creada la seleccin, podemos colocarla con ms exactitud utilizando las flechas del teclado. Vamos a "Imagen > Recortar" Con esto nuestra imagen ya tiene las proporciones correctas de 2:3.

Aadir el logotipo de ePUB

Lo primero es descargar la plantilla aqu. Para aadir el logotipo de ePUB debemos saber el tamao en pixels de nuestra portada. Vamos a "Imagen > Tamao de imagen..." (cmd+opc+I, ctrl+alt+I) y tomamos nota de los valores de ancho y alto. Vamos a "Seleccin > Todo" (cmd+A, ctrl+A) y despus a "Edicin > Copiar" (cmd+C, ctrl+C)

Abrimos el documento "plantilla_portada.psd Vamos a "Imagen > Tamao de imagen..." (cmd+opc+I, ctrl+alt+I) e introducimos los valores que acabamos de anotar. Vamos a "Edicin > Pegar" (cmd+V, ctrl+V) Si todo ha salido bien la portada debera quedar por debajo del logo y perfectamente encajada en el lienzo.

La implementacin correcta del logo mantiene estas proporciones.

Por ltimo guardamos el archivo. Para obtener el menor tamao posible vamos a "Archivo > Guardar para web y dispositivos..." (cmd+opc+may+S, ctrl+alt+may+S). Seleccionamos "JPEG" y una calidad de "60" y pulsamos guardar. Con esto tenemos la portada para el ePUB. Podemos crear la versin para la web desde aqu. Vamos a "Imagen > Tamao de imagen..." (cmd+opc+I, ctrl+alt+I). Volvemos a activar "Remuestrear la imagen" e introducimos un ancho de 320px y un alto de 480px en la seccin "Dimensiones en Pixels" Seguimos los mismos pasos para guardar esta versin.