Subscribe:

Ads 728x90px

10 mar. 2013

Diseña la portada de tu libro con photoshop

design your own book cover with photoshop

Has pensado alguna vez en crear tu propio libro, quizás acerca de tus experiencias o dominio técnico de X tema? En éste blog he creado la cubierta de un libro ficticio. La idea es orientarte y que puedas familiarizarte con algunas de las increibles herramientas que nos ofrece Photoshop.

Para este tutorial he usado Photoshop CS6 Extended, versión en Inglés. Si posees Photoshop Element o cualquier versión de Photoshop inferior a CS6, no deberias de tener ningún problema en encontrar las herrmientas y efecto que he utilizado acá. Si al final del tutorial tienes preguntas, dejanos saber o simplemente muestranos tu arte, al final todos nos beneficiaremos.

1.) Fondo

Nuestro primer paso sería crear un documento con las siguientes dimensiones: width:350px; height:500px. Ahora crea una nueva capa, y nombrala "fondo", y le damos el siguiente color #f2c5be.

2.1.) Modificar el Estilo de la Capa "fondo" - Pattern Overlay

Empecemos por hacer unos cambios en el "Patrón de superposición" (Pattern Overlay). Ver imagen, eso te ayudará a darte una idea y obtener los mismos resultados como en la imagen al inicio de éste tutorial.
- Modo de Mezcla (Blend Mode) : Multiplicar (Multiply)
- Opacidad (Opacity): 75%
- Patrón (Pattern): Papel de lija (Sandpaper); puedes experimentar con otros patrones de superposición
- Escala (Scale): 200%

NOTA: El tipo de patrón "Sandpaper" se encuentra en el grupo "Texturas Erosionable" (Erodible Textures).


Layer Style - Pattern Overlay

2.2.) Aplicando Gradiente de Superposición (Gradient Overlay)

- Modo de Mezcla (Blend Mode) : Multiplicar (Multiply)
- Opacidad (Opacity): 50%
- Da un check en la casilla de "Reverse", para cambiar el sentido del gradiente
- Estilo (Style): Radial
- Angulo (Angle)90º
- Escala (Scale): 130%
Aplicando Gradiente de Superposición (Gradient Overlay)

2.3.) Aplicando Color de Superposición (Color Ovelay)

- Modo de Mezcla (Blend Mode) : Normal
- Opacidad (Opacity): 100%
- Practicamente deja intacto las opciones por defecto de éste tipo de superposición.
Aplicando Color de Superposición (Color Overlay)

2.4.) Aplicando Satinado (Satin)

- Modo de Mezcla (Blend Mode) : Multiplicar (Multiply)
- Opacidad (Opacity): 80%
- Angulo (Angle)20º
- Distancia (Distance): 1px
- Tamaño (Size): 100px
- Contorno (Contour): Gaussian
Aplicando Satinado (Satin)

3.) Crear capa "figura1"

Nuestro siguiente paso es crear una nueva capa y nombrala "figura1". Luego escogemos una de las figuras que vienen por defecto en Photoshop, como lo es "Fleur-De Lis".

Diseña la portada de tu libro con photoshop - Shape

Para poder activar el panel de figuras, tienes que haber seleccionado la Herramienta de Figuras Personlizadas ("Custom Shape Tools"). Para que obtengas los mismos resultados, como en la imagen mostrada al inicio de éste blog, asegurate que ésta figura tenga estas dimensiones; Ancho=70px; Altura=73px.

4.) Crear capa "figura2"

Para éste tutorial he escogido la figura "Flower 1", por supuesto tú puedes experimentar con otras.

Si no has cargado todas las figuras que ofrece Photoshop, puedes hacerlo dando un click en la rueda de engranaje y puedes seleccionar ciertas figuras o hacer como yo he hecho, cargarlas todas.

Diseña la portada de tu libro con photoshop - Shape Flower 1

Es importante que coloques la capa "figura1" por encima de la capa "figura2".

4.1) Modificar el Estilo de la Capa "figura2" - Pattern Overlay

- Modo de Mezcla (Blend Mode) : Normal
- Opacidad (Opacity): 100%
- Patrón (Pattern): Luz Gouache sobre Acuarela (Gouache Light on Watercolor)
- Escala (Scale): 150%

4.2.) Aplicar Gradiente de Superposición - Gadient Overlay

- Modo de Mezcla (Blend Mode) : Superposición (Overlay)
- Opacidad (Opacity): 100%
- Eslilo: Lineal (selecciona casilla "Alinear con Capa") - Angulo (Angle): 125º
- Escala (Scale): 100%
Diseña la portada de tu libro con photoshop - Shape 2 - Gradient Overlay

4.3.) Aplicar Color de Superposición - Color Overlay

- Modo de Mezcla (Blend Mode): Pantalla (Screen)
- Color: #b9a143
- Opacidad (Opacity): 60 %

4.4.) Aplicar Satinado - Satin

- Modo de Mezcla (Blend Mode): Multiplicar (Multiply)
- Color: #b9a143
- Opacidad (Opacity): 75 %
- Angulo (Angle): 125º
- Distancia (Distance): 10px
- Tamaño (Size): 85px
- Contorno (Contour): Pasos Redondeados (Rounded Steps)
- Seleccionar casilla para invertir el contorno
Diseña la portada de tu libro con photoshop - Shape 2 - applying Satin

4.5.) Aplicar Sombra Interior - Inner Shadow

- Modo de Mezcla (Blend Mode): Multiplicar (Multiply)
- Color: #000000
- Opacidad (Opacity): 50 %
- Angulo (Angle): 145º
- Distancia (Distance): 3px
- Obturador (Choke): 0px
- Tamaño (Size): 4px
- Contorno (Contour): Lineal (Linear)
Diseña la portada de tu libro con photoshop - Shape 2 - Applying Inner Shadow

4.6.) Aplicar Bisel & Relieve - Bevel & Emboss

Este es el último ajuste o modificación que le haremos a la capa "figura2" En la sección de Estructura (Structure), ingresa éstos valores: - Etilo (Style): Bisel Exterior (Outer Bevel)
- Técnica (Technique): Suave (Smooth)
- Profundidad (Depth): 100%
- Dirección (Direction): Abajo (Down)
- Tamaño (Size): 5px
- Ablandar (Soften): 0px;

Ahora en la sección de Sombreado (Shading), ingresa éstos valores: - Angulo (Angle): 145º
- Altitud (Altitude): 30º
- Contorno Lustre (Gloss Contour): Lineal
- Resaltar Modo (Highlight Mode): Pantalla (Screen); Color: #ffffff
- Opacidad (Opacity): 75%
- Modo de Sombra (Shadow Mode): Multiplicar (Multiply); Color: #000000
- Opacidad (Opacity):75%
Diseña la portada de tu libro con photoshop - Shape 2 - Bevel&Emboss

5.)Seleccionar Capa "figura1"

Si tenías invisible la capa "figura1", ahora puedes seleccionarla y hacerla visible. Dá un click sobre la imagen en miniatura de la capa, notarás que ésta se activará creando un contorno con línea discontinua. Estando en ese modo, ve hacia la capa "figura2" y presiona la tecla "Delete", y Voilá ahi lo tienes.

hasta ahora tu imagen deberia ser muy semejante a la imagen mostrada abajo.

6.) Tipo de Fuente

El último paso te lo dejo a tu imaginación, es decir puedes escoger el tipo de fuente que desees, y dar el texto adecuado y a tu preferencia.

Aunque en otros tutoriales he compartido mi sitio favorito para bajar fuentes gratis, una vez más lo comparto con todos..., éste es el sitio http://www.fontsquirrel.com/

Productos Relevante al Blog