Facebook Twitter RSS Reset

Photoshop | Crea un elegante banner para tus posts…




Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

¡Hola! Photoshop | Crea un elegante banner para tus posts...Photoshop | Crea un elegante banner para tus posts...

Bueno, en el día de hoy les enseñare a hacer un hermoso banner para sus posts.

Photoshop | Crea un elegante banner para tus posts...

Resultado

tutorial

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

Comencemos…

diseño

Preparando el Documento

Photoshop | Crea un elegante banner para tus posts...

1. Creamos un nuevo documento de 600×150 pixeles.

Photoshop | Crea un elegante banner para tus posts...

photoshop

2. Vamos a archivo > Colocar. Seleccionamos una imagen que queramos. La vamos a acomodar en el documento.

Photoshop | Crea un elegante banner para tus posts...

diseño

3. Vamos a guardarlo, como archivo PNG.

Ahora creamos un nuevo documento de 700×200 pixeles.

Photoshop | Crea un elegante banner para tus posts...

tutorial

4. Vamos a Archivo > Colocar y seleccionamos la imagen que guardamos recién. La dejamos en su tamaño original.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

Haciendo las lineas

diseño

5. Sin cerrar el documento, vamos a crear uno nuevo de 50×50 pixeles.

Photoshop | Crea un elegante banner para tus posts...

tutorial

6. Seleccionamos la herramienta Linea.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

7. Le ponemos grosor de 1px.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

8. Nos acercamos con la herramienta Lupa y hacemos las lineas de color blanco, dejando un espacio entre ellas.

Photoshop | Crea un elegante banner para tus posts...

photoshop

9. Vamos a Edicion > Definir motivo. Le damos Ok. Luego de esto podemos cerrar el documento de las lineas.

Photoshop | Crea un elegante banner para tus posts...

diseño

10. Con el Lazo Poligonal, y en una nueva capa, vamos a hacer la forma que ocuparan las lineas.

Photoshop | Crea un elegante banner para tus posts...

tutorial

11. Vamos a rellenar esa seleccion, con cualquier color.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

12. Vamos a hacer Doble Click en la Capa donde esta esa forma. Vamos a bajar la Opacidad de Relleno a 0.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

13. Vamos a Superposición de Motivo. Seleccionaremos el ultimo motivo del panel. Bajamos la opacidad a 50%. Yo aquí puse la escala a 150%.

Photoshop | Crea un elegante banner para tus posts...

photoshop

Haciendo el Listón

Photoshop | Crea un elegante banner para tus posts...

14. En una nueva capa, haremos un rectangulo.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

15. Haremos doble click en la capa, y añadiremos las siguientes opciones de fusión.

Superposición de colores. Aquí elegimos el color que queramos.

Photoshop | Crea un elegante banner para tus posts...

photoshop

Trazo. Pondremos trazo de 1px de un color mas oscuro que el del listón.

Photoshop | Crea un elegante banner para tus posts...

diseño

Resplandor Interior. Lo configuramos así:

Photoshop | Crea un elegante banner para tus posts...

tutorial

Sombra Paralela. Lo configuramos así:

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

16. Con el lazo poligonal vamos a recortar la punta. Luego, presionamos Supr para borrarla.

Photoshop | Crea un elegante banner para tus posts...

Photoshop | Crea un elegante banner para tus posts...

17. Ahora vamos a hacer el doblado del listón. Con el lazo poligonal hacemos la figura. En una nueva capa, rellenamos del color mas oscuro que el listón.

Photoshop | Crea un elegante banner para tus posts...

photoshop

18. Ahora hacemos el texto. Yo use la font Script MT Bold.

Photoshop | Crea un elegante banner para tus posts...

diseño

Aplicando la Sombra

Photoshop | Crea un elegante banner para tus posts...

19. Vamos a este post. Nos descargamos el archivo. Vamos a Archivo > Colocar. Seleccionamos una de las sombras y la adaptamos al diseño.

Photoshop | Crea un elegante banner para tus posts...

photoshop

20. Bajamos la opacidad de la sombra a 50%.

Photoshop | Crea un elegante banner para tus posts...

diseño

¡Listo!

Photoshop | Crea un elegante banner para tus posts...

Hasta aquí llego el post. Me llevo mucho tiempo hacerlo, asi que si podes recomendarlo me ayudaría mucho :’)

tutorial

Photoshop | Crea un elegante banner para tus posts...


No comments yet.

Leave a Comment