Ventanitas Windows (Photoshop)

En este tutorial voy a explicar cómo hacer las ventanas de Windows con Photoshop

1. Creamos una imagen, y vamos añadiendo poco a poco los diferentes elementos que vienen incluidos en el PSD.

2. Orden de capas: los botones llevan 2 px de separación entre ellos, excepto los de maximizar-minimizar, que van unidos. Los iconos se sitúan 2 px por encima del bisel del botón, todos a la misma altura. El degradado es uniforme; siempre es 15265c – acccf5 (comienzo y final). En cada botón/marco hay una línea de un píxel, que se puede apreciar fácilmente con la herramienta Zoom (Z)

3. Podéis verlo todo en el PSD: los iconos, los botones, el estilo de capa…

Lo siento por los novatos en esto, pero resultaría muy difícil explicarlo paso a paso, así que podéis coger el estilo de capa y los botones con los iconos e ir probando, siguiendo las pautas del paso 2…

1. Estilos de capa (jpg)
2. Archivo Photoshop (PSD)
3. Resultado (jpg)


Leave a Reply