Cómo hacer un Post-it

En este tutorial voy a explicar como hacer un Post-it con Photoshop.

En primer lugar abre el Photoshop y crea un lienzo cuadrado, por ejemplo de 600 x 600 pixels y creamos una nueva capa encima del fondo (background). Ahora con la herramienta marca rectangular (rectangular marque tool) hacemos en el centro un cuadrado si no esta en el medio no importa, siempre lo podemos mover, pulsando en su borde, con la herramienta mover.

Truco: Para que el cuadrado salga perfecto tenemos que mantener pulsado mientras lo hacemos el botón SHIFT. Si mantenemos pulsado ALT en el centro del lienzo blanco y arrastramos el centro del cuadrado será donde hayamos pinchado. Por supuesto si mantenemos pulsado ALT y SHIFT ala vez saldrá un cuadrado perfecto y centrado.

Con la nueva capa que hemos creado seleccionada, escogemos un color, el que queramos, y con el cubo de pintura rellenamos con color la selección que hemos hecho.

Ahora, hacemos una selección con la herramienta marca rectangular en la esquina inferior izquierda. Acto seguido pulsamos el botón derecho del ratón y seleccionamos transformación libre y volvemos a pulsar el botón derecho y seleccionamos la herramienta deformar (warp).

Después de esto cogemos el punto de la esquina inferior derecha y lo llevamos hacia dentro como si de una hoja doblada se tratase. Ahora con la herramienta pluma (pen tool) dibujamos la esquina que faltaría rellenándola de color blanco.

Uso de la herramienta pluma o pen (si sabes usarla omite este paso): para usar la herramienta pluma tienes que seleccionarla y marcar puntos donde quieras dibujar. Cada punto que hagas, en este caso 3, tienes que pincharle de nuevo antes de hacer el siguiente con la tecla ALT pulsada. Para darle curvatura tienes que pinchar y sin soltarlo arrastrar el ratón hacia donde quieras dirigirlo. Si quieres modificar algún punto coge la herramienta selección directa (direct selection tool). Verás que Photoshop crea una capa llamada shape o capa de forma que contiene el color y la forma.

Creamos una nueva capa y, haciendo una selección de la forma que acabamos de crear (CTRL + clic en la capa de la forma), pintamos de color blanco en la nueva capa la selección que acabamos de hacer. Ahora, con la herramienta degradado (bajo el cubo de pintura) seleccionamos un degradado lineal y pinchando con el botón derecho en el editor de gradientes seleccionamos unos colores que se ajusten a nuestro Post-it . A continuación hacemos una línea como muestra la imagen, de fuera hacia dentro, para que salga el degradado.

Por último aplicamos las sombras paralelas como más nos guste. Pongo los valores que he puesto.

Finalmente:

Archivo para Photoshop CS3 descargable:

postit_photoshop_tutoblog

Tutorial en pdf:

postit_photoshop_tutoblog

Otro tutorial de como hacer post-it 2.0:

Link:Create Web 2.0 Stickers