23 de enero de 2012

Cómo hacer un botón / button super real con photoshop.

Hoy os voy a explicar como hacer un botón de una forma super fácil y con un resultado muy realista.



Lo primero es tener en cuenta que un tamaño apropiado para un botón es en torno a los 300 píxeles.

Así que para trabajar cómodamente vamos a abrir un nuevo documento de 500 x 500 píxeles.

Después de abrir el documento vamos a mostrar la cuadrícula ya que así nos será más fácil centrar los agujeros y el interior de botón (mucho mejor que trabajar a ojo...). Si no sabéis como hacerlo podéis mirar este post.  En este caso tengo la cuadrícula cada 100 píxeles y con 4 subdivisiones.

Pues nada, vamos a ello.

Seleccionamos la Herramienta Elipse con las opciones Capas de Forma, Círculo y Crear nueva capa de forma. Dibujamos un círculo de 300 x 300 píxeles.


Ahora, sobre la misma capa vamos a hacer los agujeros del botón, para ello lo único que tenemos que hacer es seleccionar Excluir areas de formas superpuestas (con la misma herramienta Elipse) y dibujar los agujeros.

Os tiene que quedar así:


Como tenemos las guias es muy fácil dejar bien centrados los agujeros.

Ahora vamos a darle estilos a esta capa.

Sombra interior:



Bisel y relieve:


Bajamos a 0% el relleno de capa, ya que sólo queremos que se vean los efectos.

Siguiente, vamos a dibujar un circulo interior en una nueva capa. Así que creamos una nueva capa y nos aseguramos de que en la herramienta Elipse tenemos seleccionado Crear nueva capa de forma. Ya veréis como con la guias es muy fácil dejar este círculo bien centrado.


Como antes, vamos a darle estilo a esta capa también.

Sombra paralela:


Sombra interior:


Como en la capa anterior, rebajamos el relleno al 0%.

Os tiene que quedar así:


Ahora, si colocamos una capa de color uniforme debajo del botón os quedará como sigue (Truco: para copiar la máscara vectorial en la nueva capa de color, pulsamos ALT mientras arrastramos la miniatura de la máscara del botón hacia la capa del color).

Os quedará así:


Fácil verdad?

Pues ahora vamos a darle un poquito de brillos.

Creamos una nueva capa y seleccionamos la Herramienta Pluma (sin miedo que no es tan fiera como parece).

Ahora dibujamos una línea recta desde la mitad superior a la mitad izquierda...


 Y cuando lleguemos a la mitad de la izquierda hacemos click y sin soltar el botón del ratón, arrastramos el ratón hacia abajo, para darle curvatura al trazado, cuando hayamos conseguido darle la curvatura deseada pulsamos la tecla ESC para soltar el trazado. Nos tiene que quedar así:


Ahora vamos a la Herramienta pincel, y seleccionamos un pincel circular difuso de tamaño 9. Elegimos como color frontal el Blanco.


Nos vamos a la paleta de trazados. Seleccionamos el trazado y pulsamos botón derecho. Contornear trazado. Elegimos Pincel y nos aseguramos de que está marcada la opción Simular presión.

Nos tiene que quedar así.


Ahora, nos vamos a Filtro, desenfocar y Desenfoque Gausiano. Le ponemos un radio de 3 píxeles.


Ahora, duplicamos la capa del brillo, la giramos 180 grados y la llevamos al borde inferior y voila! Ya tenemos un bonito botón!!!



Lo guardamos como .png y ya estaría.



Si en lugar de elegir una capa de color, seleccionais alguno de vuestros papeles favoritos el resultado también es muy interesante. Tened en cuenta que dependiendo del color seguramente tengais que jugar con el color de las sombras. En el siguiente botón en lugar de poner las sombras en negro, he seleccionado un rosa oscuro.
 

Bueno, espero que os haya gustado el tutorial y que os sirva en vuestros próximos diseños!!!
Ciao!!!



29 de diciembre de 2011

Qué debe incluir un buen Kit de Scrap.

Hoy os voy a explicar, a mi modo de ver, qué elementos debe incluir un Kit de Scrap.

Lo primero es distinguir los Kits por el número de elementos mínimos que contiene:
 
MINI KIT:
  1. No incluye alfabeto.
  2. Entre 6 y 10 papeles.
  3. Entre 8 y 12 elementos.
FULL KIT:

  1. Un alfabeto.
  2. Entre 10 y 15 papeles.
  3. Entre 20 y 40 elementos.
 ADD-ON: 
  1. No incluye alfabeto.
  2. Entre 4 y 6 papeles.
  3. Entre 5 y 10 elementos.
MEGA KIT:
  1. Uno o dos alfabetos.
  2. Más de 30 papeles.
  3. Más de 30 elementos.
¿Qué elementos debe contener un Kit?

PAPELES:
  • Papeles con patrón: Rayas, lunares,  flores, estrellas, corazones, diamantes, ginghams, texto ...
  • Papeles de colores sólidos (un sólo color): limpios o sucios (grunge).
  • Papeles únicos y exclusivos de ese kit, hecho con elementos del propio kit.
ALFABETOS:
  • Mayúsculas y/o minúsculas.
  • Números.
  • Símbolos.
ELEMENTOS:

  • Marcos: redondos, ovalados, cuadrados, rectangulares...
  • Cintas, lazos, cuerdas.
  • Flores.
  • Botones, broches, clips, alfileres...
  • Pespuntes (Stitches).
  • Bordes.
  • Etiquetas.
  • Word art (palabras que vayan acordes con el kit).
  • Elementos únicos y exclusivos del kit.

Espero que no se me haya olvidado nada importante!!

Ciao!

27 de diciembre de 2011

Recursos de la Web. Pinceles de costura / Stitch Brushes.

Hoy no voy a poner un tutorial, pero es que he encontrado unos pinceles para hacer costura gratuitos en la red que me han encantado y quería compartirlos con todos vosotros.

Estos son los pinceles.






Son super realistas. Este es el juego completo:





Y este es el enlace a la página del autor:


Espero que os gusten tanto como a mí!

Por cierto, a la hora de usarlos, igual que os expliqué para las texturas en Blanco y Negro, no uséis colores puros, ya que entonces no se apreciaría la textura del pincel.

Ciao! Y Feliz Navidad!

17 de diciembre de 2011

Freebie. Alfabeto Navideño / Christmas Alpha

Aquí os dejo el Alfabeto hecho con el tuto anterior.

Espero que os guste!



Ciao!

Cómo crear un Alfabeto para Scrap / Alpha Scrap

Después de mucho tiempo sin pasar por aquí, hoy os voy a explicar como crear un Alfabeto.

Muchas veces ocurre que tenemos un kit que no contiene el Alpha, o que el que contiene no nos termina de gustar o simplemente que queremos crear el nuestro propio.

Los elementos que vamos a necesitar son una fuente que nos guste (yo las prefiero gorditas) y papers del kit que estamos usando o creando.

Bueno, vamos a ello!

Abrimos un nuevo documento de 5000x5000 y 300dpi. Yo he elegido la fuente MisterEarl BT con tamaño de 75 mm. (Esta fuente me encanta!!!).

Pues nada, con paciencia escribimos todo el alfabeto, números y caracteres especiales. En mi caso, una letra que nunca encuentro es la "ñ" así que es muy importante que por lo menos en el alfabeto este el símbolo "~" que se escribe pulsando ALT + 126.

Como veis, creo que me he quedado un poco corta de espacio...


Para solucionarlo, vamos a modificar los parámetros de Carácter.


 Y vamos a modificar la distancia entre cada carácter y entre cada línea.




Aún después de modificarlo, vamos a tener que ampliar el lienzo ya que no caben correctamente todos los caracteres. Vamos a Imagen --> Tamaño de lienzo y ponemos el alto a 5500 pixels.

Ahora sí!



Ahora, vamos a seleccionar la herramienta Varita Mágica con el parámetro Añadir a Selección, de forma que vamos a seleccionar una cuantas letras o número. Aparecerá el caminito de hormigas en cada carácter seleccionado.


Ahora pulsamos las teclas CTRL+j y se creará una nueva capa con los caracteres seleccionados. (nos pedirá que antes debemos rasterizar la capa, que como sabemos es botón derecho sobre la capa y Rasterizar Texto).

Repetimos los dos pasos anteriores hasta conseguir separar en 4 capas todos los caracteres. Os tiene que quedar así:


 Comprobar que no os falta ningún carácter ocultando la capa original.

Bueno, pues ahora vamos a abrir los papeles con los que queremos crear el alfabeto. Yo voy a usar los papeles que he subido en el post anterior.

Como los papeles son de tamaño 3600 y nuestro documento es mayor, tendremos que duplicar los papeles para que cubran todas las letras.



Ahora botón derecho en cada uno de los papeles y Crear máscara de recorte.


Repetimos los mismos pasos para el resto de papeles y letras.

Os quedará así.


Ahora vamos a juntas todas las capas en una. Así que nos colocamos sobre la paleta de capas, pulsamos botón derecho y Combinar visibles. Se nos habrá quedado en una única capa.

Ahora vamos a darle un par de toques más.

Hacemos doble click sobre la capa y vamos a elegir Trazo. Elegimos Motivo. El motivo que he elegido y que me gusta mucho para los alfabetos es Acuarela. Le he puesto un grosor de 30 pixels.



Ahora vamos a hacerle un efecto muy chulo. Le vamos a hacer una pequeña costura. Nos colocamos sobre la miniatura de la capa (en la paleta de capas) y pulsamos CTRL y hacemos click en la miniatura. De esta forma se seleccionarán todas las letras. Ojo, en esta selección no se tendrá en cuenta el trazo.

Vamos a Selección --> Modificar --> Contraer y ponemos 5 pixels. Os debe quedar así. (He ampliado un poco para que se vea mejor).


Nos vamos a la paleta de trazados y pulsamos sobre Hacer trazado de trabajo desde selección.

Nos vamos a la paleta de capas y creamos una nueva capa. Seleccionamos la herramienta pincel y seleccionamos un pincel de puntada, yo he elegido tamaño de 20 pixels. Además seleccionamos el color blanco.



Ahora volvemos a la paleta de Trazados y seleccionamos Contornear trazado con pincel.


Finalmente aplicamos un poco de Sombra interior y ya tendríamos nuestro Alfabeto acabado.


Cuando estemos contentos con el resultado, Combinamos en una sola capa las letras y la capa de puntadas.


El último paso, sería separar en capas distintas y guardar como archivos .png cada una de las letras.

Para ello podemos usar la herramienta lazo y usar, igual que antes, las teclas CTRL + j para ir separando cada una de las letras.



Espero que os haya gustado el tutorial y que os sirva en vuestros diseños.

Ciao!!