Fotos con formas :)

No me voy a alagar mucho hoy en la introducción porque la ella misma se ha presentado y todo.

El tutorial que nos trae Paty, a la vista está que os va a encantar.

Sabéis que yo soy fan de monito, pero entiendo que cada una tenemos unos gustos y unas preferencias, así que ella nos va a enseñar cómo recortar fotos con formas con Photoshop para quien se sienta más cómoda con este programa, aprenda a hacerlo :)

Inciso: si alguien aún no tiene la guía de diseño PicMonkey, puede aprovechar para descargársela. 

Además su tutorial está detalladísimo así que nos va a resultar hasta fácil seguirlo :)

Y ya no me enrollo más. Os dejo con el post de Paty:

Nota: Este es un post invitado. No está escrito por mí, pero me ha parecido interesante compartirlo en Personalización de Blogs.

POST INVITADO

¡Buenos días a todos!

Antes de enseñaros el tutorial que he preparado quería hacer dos cositas.

La primera darle las gracias a Blanca por su maravilloso blog, por dedicar tanto tiempo a que aprendamos más, por sus ideas, sus fiestas, sus tutoriales... pero sobretodo ¡por ser tan maja! Blanca, de verdad que eres un encanto :)

La segunda es aprovechar esta colaboración para invitaros a mi blog. ¡¡Me encantaría veros por allí!!

Bueno, vamos a lo importante.

¿Verdad que muchas veces nos cansamos de un blog porque las fotos que pone son siempre iguales? Incluso en nuestros blogs podemos aburrirnos de ponerlas siempre de la misma manera...

Yo creo que un blog con una bonita composición en las fotos es mucho más llamativo e incluso muchas veces más original.

Así que voy a enseñaros, paso a paso, como recortar imágenes con formas de una manera super fácil.

Eso si, vamos a utilizar Photoshop (más concretamente el CS5, que es el que yo tengo, aunque vale cualquier versión, por supuesto)

Sé que para mucha gente la palabra photoshop es sinónimo de "difícil", que enseguida se echan para atrás porque creen que sólo es para profesionales... pero no es así.

Es cierto que tiene cosas muy complejas, pero no nos hacen falta. Para hacer lo que os propongo, basta saber dos o tres cositas muy básicas y enseguida le pillaréis el truco, ¡¡palabra!!

Lo primero que vamos a hacer es abrir la imagen que nos interesa recortar.

En la parte de la derecha tenemos una lista donde se van poniendo las capas de nuestra imagen. La capa en la que estemos trabajando estará marcada de color azul.

Tenemos que fijarnos si la imagen que hemos abierto aparece con un candado en la derecha (en la mía veis que sí aparece)

Debemos quitarlo y desbloquear la capa ya que si no, no podremos trabajar con la imagen.

Para quitarlo, simplemente pinchamos encima del candado dos veces hasta que salga este cuadro de diálogo.

Con darle a aceptar sería suficiente pero podemos darle un nombre nuevo a la capa si nos apetece (yo la llamaré melocotón)

Si directamente la imagen que hemos abierto nos ha salido sin el candado, este primer paso nos lo ahorramos.

A continuación vamos a seleccionar la forma que más nos guste para recortar nuestra imagen.

Para ello vamos a la barra de iconos de la izquierda y seleccionamos el que está justo debajo de la flecha. En mi caso tiene forma de "mancha" pero podría aparecer con forma de cuadrado, de circulo... (las marcadas arriba) dependiendo de cual fuera la forma que se utilizó la última vez.

Ahora que ya tenemos marcada la herramienta "Forma" vamos a la parte de arriba, desplegamos y elegimos la forma que queremos que tenga nuestro recorte. Veréis que hay muchas para elegir. Yo he elegido el sello.

Tendremos que tener elegida la opción de contorno vacío, no por nada, sino porque así veremos mejor lo que estamos recortando.

Seguidamente, pinchamos en la imagen y arrastramos el ratón. Veremos como se dibuja la forma seleccionada.

Una vez hecho volvemos a los iconos de la barra de la izquierda y seleccionamos la flecha.

Pinchamos el contorno que hemos dibujado antes y hacemos click con el botón derecho del ratón. Nos aparecerá un desplegable en el que tendremos que pinchar "Hacer selección"

Nos saldrá un nuevo cuadro de diálogo.

Para recortar de forma clara, lo dejaremos todo como está y le daremos a aceptar. Podemos, sin embargo, recortar difuminando los bordes. Para eso iremos cambiando el número de píxeles (a más número, más difuminado quedará). Yo voy a dejarlo como está para no difuminar nada.

Aceptamos y veremos como queda seleccionado nuestro contorno en forma de linea punteada que parece que se mueve.

Una vez tenemos todo esto hecho ya sólo queda lo más fácil.

Ahora tenemos dos opciones: recortar lo que esta dentro de la selección o lo que está fuera. Yo, por la imagen que he elegido, lógicamente voy a recortar lo de fuera.

Para eso me voy a la barra de comandos de arriba buscamos "Selección" y dentro de ella pinchamos "Invertir"

Veremos como la zona seleccionada se da la vuelta.

En la parte de la derecha vemos que se nos ha ido creando una capa nueva conforme seguíamos todos estos pasos (tendrá como nombre forma 1)

Para continuar debemos marcar de nuevo nuestra capa inicial (en mi caso, la capa "melocotón") porque si no nos dará un error y no podremos continuar.

Estando ya en la capa inicial, ¡¡recortar es tan sencillo como pulsar el botón suprimir del teclado!!

Tachán!! Ahora tendremos un sello chulísimo!! :)

Para terminar del todo, buscamos de nuevo en la barra de comandos superior la orden "Selección" y pulsamos "Deseleccionar"

Nos situamos encima de la capa "Forma 1" y la suprimimos (son el suprimir del teclado). Ahora que ya tenemos el recorte hecho no nos hace falta. Haciendo eso se eliminará una línea negra que se habrá quedado alrededor de nuestra imagen.

Si ya queremos dejarla bonita del todo lo que tenemos que hacer es quitar la parte de fondo que ya no nos sirve. Para eso seleccionamos en el menú de la izquierda el icono "Recortar"

Seleccionamos el trozo que queremos conservar, aceptamos y el trozo de imagen que no necesitamos se eliminará

Ahora ya si que tenemos una imagen perfectamente recortada, con la forma que nos había gustado, más original y diferente.

Nos queda un último detalle, ¡¡el reborde de color!!

Para ello nos situamos encima de la capa "Melocoton" y le damos al botón derecho del ratón. Nos saldrá un desplegable donde elegiremos "Opciones de fusión"

Nos aparecerá una nueva ventana con muchas opciones. La que queremos es la última, donde pone "Trazo". Tenemos que marcar en el cuadradito que tiene y además pinchar encima hasta que la opción esté en azul porque si no no podremos variar nada

Yo he elegido un tamaño de 3px y el color melocotón que tanto me gusta. Podéis trastear con los valores para ver las diferentes formas que va tomando y además, probar con las demás opciones... hay biseles, resplandor, sombras...

Utilizando únicamente la opción "Trazo" nos ha quedado algo ¡tan bonito como esto!

Podemos utilizar esta técnica para montar composiciones de fotos, hacer nuestros propios iconos del blog, letreros, adornos, infinidad de cosas... (¡¡ojo!! para mantener el fondo transparente tenemos que guardar la foto en formato .png, ¿¿ok??)

Espero que os haya resultado útil el tutorial y que no haya sido pesado o díficil de seguir.

Yo os prometo que en un par de veces que lo hayáis hecho, no tardaréis más de dos minutos en recortar la foto. ¡¡Es más difícil de explicar que de hacer!!


Y si os ha gustado y queréis otro tutorial me encantaría saberlo.

Muchísimas gracias de nuevo a Blanca y ¡gracias a vosotras por estar ahí!!

Un besote

Paty

¡Mil gracias Paty por el tutorial!

Claramente me va a quitar el puesto ;P

¡Espero que os haya gustado!

Y hablando de eso, en su blog suele compartir las cosas que le gustan (no os perdáis el libro de fieltro que le hizo a Paula, que es genial), y me ha dicho que si os gustan los tutoriales de Photoshop se animará a hacer más :)

Podéis visitarle en su blog y decírselo si es que os apetece. ¡Ya veis qué pedazo de tutorial nos ha preparado esta vez! ¡Así hasta yo le quito el miedo la manía a Photoshop!

¡¡¡Gracias otra vez Paty!!!

Un besote y hasta el miércoles,