Tutorial de photoshop: La herramienta forma {Diseñando una etiqueta}

Hoy no toca receta, lo siento, hoy toca tutorial de photoshop. Aunque en el ejemplo estemos diseñando una etiqueta para jabón, con la misma herramienta podréis hacer unos botones para el blog, un banner para el concurso que estáis organizando o vuestro propio logo, se trata de una de las herramientas vectoriales que podemos encontrar en photoshop. ¿Preparados?

La “culpable” de este tutorial es Esther que necesita unas etiquetas para los jabones naturales que hace en casa, para motivarme me mando alguno, además de oler de maravilla tienen un montón de propiedades. Esta es la primera parte del tutorial, una vez tengamos definido nuestro diseño procederemos a hacer pequeños cambios para mejorar su resultado, pero eso será en la segunda parte.

La ventaja de utilizar una herramienta vectorial es que no se pixela (cuadraditos que se forman al perder definición la imagen) al cambiar su tamaño. El mismo proceso lo podemos hacer con la herramienta pincel pero personalmente me gusta más el resultado con formas o “shape” si nuestro photoshop está en inglés.

Empezaremos abriendo un archivo nuevo, yo he escogido como medida 500 x 500 pixel pero podéis adecuarlo a las proporciones que necesitéis. Para ello abrimos el menú contextual Archivo en el menú principal, escogemos Nuevo y ahí indicamos el tamaño que deseemos.

En la barra de herramientas del programa, situada en el lateral izquierdo encontraremos la que estamos buscando, por defecto viene seleccionado el rectángulo, manteniendo pulsado el triangulo que hay en una de sus esquinas se desplegará un menú en el que podemos escoger la forma deseada, nosotros vamos a escoger forma personalizada.

Al seleccionar una herramienta se abre su menú correspondiente bajo el principal, arriba sobre nuestro archivo. Pulsaremos el triángulo que aparece junto a la forma personalizada para poder escoger la que queremos usar. Ha llegado el momento de dibujar sobre nuestro archivo. Hacemos clic sobre el documento y manteniendo el botón izquierdo del ratón pulsado arrastramos la forma trazando una diagonal hasta que tenga el tamaño deseado. Si deseas que la forma tenga el mismo ancho que alto solo tendrás que mantener pulsada la tecla shift de tu teclado, la que pulsamos cuando queremos una letra en mayúsculas.

La forma no tiene borde pero si está rellena de color, del que tengas seleccionado en el frontal de la paleta de color.

Como se trata de un jabón voy a dibujar un fajín, quiero que quede por debajo de la etiqueta que ya hemos dibujado por lo que me sitúo encima de la capa fondo antes de hacer el nuevo trazado, esta vez con la herramienta rectángulo. He cambiado el color frontal antes de dibujarla, podeis verlo en la imagen, ahora en la herramienta color tengo dos tonos turquesas.

Me sitúo sobre la última capa, selecciono de nuevo forma personalizada y escojo, en este caso una que solo es un trazo (aparentemente), cambio de nuevo el color frontal antes de dibujar. Ahora ya podemos escribir con la herramienta texto lo que deseemos, en nuestro caso jabón. La fuente que he utilizado la podéis encontrar aquí.

Si deseamos cambiar el color de alguna de las formas bastará con hacer doble click sobre el cuadrado de color en la capa correspondiente.

Estas son las dos formas que he dibujado para hacer este tutorial, podéis descargarlas haciendo click sobre la imagen. Para instalarlas, una vez que tengáis la carpeta que las contiene abierta, haced doble click sobre cada una de ellas, se abrirá photoshop y ya estarán instaladas. Si tenéis algún problema con la descarga pedídmelas por correo.

Si queréis probar con otras formas bastará con hacer una búsqueda en google imágenes, escribid shape photoshop y veréis todo lo que encontráis. Otro día os traigo la segunda parte de este tutorial, practicad hasta entonces.

Si te parece interesante este post, no seas tímido, compártelo =)