Interfaz de Ranuras con Photoshop

Ahora aprenderemos a crear un interfaz de ranuras.
1) Hacemos un nuevo documento de aprox. 100×100 píxeles de tamaño. Escogemos algún color que nos guste para el fondo (en el ejemplo R: 63 G: 124 B: 166 ). Posteriormente, creamos una nueva capa (Capa> Nueva> Capa ó Shift+Ctrl+N) y lo llenamos con un gris medio (R: 127 G: 127 B: 127 ). Cambiamos el modo de esta capa de Normal a Superponer.

photoshop

2) De momento no vamos a utilizar esta Capa. Hacemos otra capa sobre ella, y aquí hacemos una selección que ocupe casi toda la imagen. Vamos a Selección> Modificar> Suavizar y usamos 3 píxeles. Elegimos los colores por defecto (presionando D) y llenamos la selección con negro (Herramienta “Bote de Pintura” o Alt+Backspace).

3) Contraemos la selección 2 píxeles en Selección>Modificar>Contraer y presionamos la tecla Supr para borrar lo sobrante. Cambiamos el modo de esta capa de Normal a Superponer.
photoshop

4) Ahora, presionando la tecla Ctrl, hacemos click sobre ésta capa para seleccionar el recuadro. Vamos a Selección>Calar y usamos 1 píxel. Seleccionamos la Capa intermedia (aquella que rellenamos de gris en el primer paso), movemos la selección 1 píxel hacia arriba y 1 píxel hacia la izquierda y vamos a Imagen> Ajustes>Brillo/Contraste. Bajamos el Brillo a -100.

5) Movemos la selección 2 píxeles hacia abajo y 2 hacia la derecha. Volvemos a modificar el Brillo/contraste, pero esta vez lo subimos a +100. Finalmente deseleccionamos haciendo CTRL+D y tendremos una imagen similar a la de la de la derecha.
photoshop

Éste efecto puede aplicarse a cualquier forma y puede servirnos para diseñar, botones, menús o cualquier cosa que se nos ocurra.

Leave a Reply