Crear un post-it

Nuevo tutorial paso a paso para conseguir crear un post-it con una nota recordatoria escrita en él usando el Gimp.

El resultado obtenido es este:

Vemos los pasos que he seguido:

1. Creamos una nueva imagen con el Gimp. La capa de fondo la dejamos blanca y creamos una nueva capa transparente que llamamos post-it. En ella vamos a dibujar el post-it directamente con la herramienta de creación y edición de rutas. Seleccionamos dicha herramienta del menú de herramientas y trazamos los cuatro vértices del post-it. En la esquina inferior izquierda movemos el vértice y adaptamos las curvas para tener no una esquina sino una curva. El vértica inferior derecho lo movemos un poco abajo a la derecha y hacemos que del superior baje una leve curva. Tendremos una ruta como la de la siguiente imagen:

   

2. Una vez que tengamos la ruta, vamos al menú de la herramienta y pinchamos en crear una selección desde la ruta. Con la herramienta de degradado, seleccionamos un color de frente amarillo oscuro y un color de fondo amarillo claro. Lanzamos un degradado lineal desde la esquina superior derecha hasta la inferior izquierda. Tendremos algo así:

   

3. Utilizando la ruta que habíamos creado (pinchar la ruta que acabamos de dibujar en Diálogos -> Rutas para que vuelva a aparecer), vamos a crear la sombra del post-it. Creamos una nueva capa que llamamos sombra. Movemos los vértices de la ruta con la herramienta de edición de rutas para que crear una sombra que parezca real, moviendo las esquinas inferiores del modo que se ilustra a continuación, y las esquinas superiores bajarlas un poco para que no se cree sombra en ellas.

   

4. Cuando tengamos la ruta dibujada a nuestro gusto, creamos una selección desde la ruta y la rellenamos de un gris oscuro. Vamos a Seleccionar -> ninguno y a Filtros -> Desenfoque Blur. Le aplicamos un desenfoque de unos pocos pixels y movemos esta capa sombra por debajo de la capa post-it. En el diálogo de capas disminuimos la opacidad de esta capa sombra para favorecer el realismo de la imagen.

   

5. Cogemos ahora la herramienta de texto y escribimos la nota a recordar gracias al post-it. Seleccionamos alguna tipografía handwritten, que parezca escrita a mano. Puedes encontrar muchas de estas en dafont.com. Escribir con un color gris oscuro y después con la herramienta de cambiar la perspectiva podemos modificar un poco esta capa texto.

   

6. Vamos a crear ahora ese aspecto de suciedad sobre el post-it para hacerlo más real. Primero rellenamos la capa de fondo (hasta ahora blanca) con un patrón que tenga una textura de pared (ir a Diálogos-> Patrones y arrastrar a la imagen el que más nos guste). Luego creamos una nueva capa que llamamos nubes y la colocamos encima de todas las otras capas. Vamos a Filtros -> Renderizado -> Nubes -> Plasma y en la ventana emergente movemos la pestañita de turbulencia hasta un valor de 6.0. Le damos a aceptar y nos rellena la capa nubes. Vamos a Colores -> Desaturar y en el modo de fusión de la capa (en Diálogos -> Capas) la establecemos a Solapar. Seleccionamos la herramienta goma de borrar con una brocha blanda y borramos todas las partes de esta capa nubes que no están sobre el propio post-it. Nos queda algo así:

   

7. Una mancha de café no le quedaría nada mal a nuestro post-it, así que aplicamos el filtro de manchas de café para crear una mancha. Este filtro puede estar en Script-Fu -> Decoración (Gimp versión 2.2) o en Filtros -> Decor (Gimp versión 2.3). Este filtro nos crea una capa Stain que colocamos encima de todas las capas y la ponemos en un lugar adecuado:

   

8. Es interesante modificar la perspectiva de la mancha un poquito, adaptándola con la herramienta de cambiar la persperctiva al aspecto del post-it en esa esquina. Con la herramienta goma de borrar y una brocha no muy dura borramos las partes de la mancha que quedan fuera del post-it. Para hacerla más real, las letras del texto que quedan dentro de la mancha deberían estar un poquito difuminadas. Lo conseguimos seleccionando con la herramienta de selección de regiones continuas (varita mágica) la zona interior de la mancha. Como no selecciona hasta el borde de la mancha, vamos a Seleccionar -> Agrandar para aumentar unos pixels la selección y a Seleccionar -> Encoger por si nos pasamos. Cuando ya la tengamos, seleccionamos la capa del texto y aplicamos un filtro de desenfoque blur (Filtros -> Desenfoque -> Desenfoque gaussiano (Blur)) de unos 3 ó 4 pixels.

   

9. Al fin, ya tenemos nuestro post-it colgado de la pared para recordarnos lo que queramos, XD. El diálogo de las capas nos ha quedado al final de esta manera:

   

Si quieres puedes descargarte el proyecto post-it.xcf (1,9 MB) del Gimp, con todas las capas.

Este artículo ha estado basado en principio en el artículo Creating Post-It Stick-ups (PDF – 677Kb) de photoshopgurus.com.