Share
En este tutorial de consejos rápidos, explicaremos cómo crear un interruptor de plástico en Photoshop que pueda utilizar en sus diseños de interfaz. Empecemos!
Crea un nuevo archivo. Ajuste el ancho a 400 y la altura a 300 y la resolución a 72 PPI.
Ahora crea un nuevo grupo y llámalo Fondo. Usando la herramienta Rectángulo (U) dibuja una forma más grande que el lienzo, como la del ejemplo. Establece el color en blanco #ffffff y aplica los estilos de capa.
Crea un nuevo grupo y llámalo Base. Usando la herramienta Pluma (P) dibuje una forma como la del ejemplo. Establezca el color en gris oscuro # 242424 y aplique los estilos de capa. Ahora nuestra forma de base esta hecha.
Crea un nuevo grupo y llámalo Button. Usando la herramienta Pluma (P) dibuje una forma como la del ejemplo. Establece el color en # ada397 y aplica el estilo de capa.
Ahora para agregar algo de volumen y detalle al botón. Dentro del Grupo de botones, cree una nueva capa sobre la forma del botón y, con la herramienta Pincel (B), configure el color de primer plano en negro # 000000, el tamaño del pincel en 11px y la dureza en 0 y trace una línea corta en la parte inferior Parte del botón, como se ve en el ejemplo. Transforme esa capa en una máscara de recorte presionando la tecla ALT y presionando entre las dos capas, o simplemente haga clic derecho en la última capa y seleccione Crear máscara de recorte.
Cree una nueva capa y, utilizando la herramienta Pluma (P), dibuje una forma negra # 000000 como la del ejemplo. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, configure el Radio a 1.5 px y aplique el filtro. Con la herramienta Borrador (E), configure el Tamaño en 58 y la Dureza en 0, y retire el lado izquierdo de la forma borrosa (la forma roja en el ejemplo marca el lugar). Establezca la Opacidad de la capa al 18% y haga de esta capa una Máscara de recorte. Ahora haga una nueva capa, seleccione la Herramienta Pincel (B), establezca el tamaño en 15px y la Dureza en 0, establezca el color en # 92897f y trace una línea recta como la del ejemplo. Cuando hayas terminado, transforma esta capa en una máscara de recorte también.
Cree una nueva capa, seleccione la herramienta Pluma (P), establezca el color en # c8b7a5 y dibuje una forma como la del ejemplo. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, configure el Radio a 1.5 px y aplique el filtro. Con la herramienta Borrador (E), configure el Tamaño en 58 y la Dureza en 0, y retire el lado izquierdo de la forma borrosa (la forma roja en el ejemplo marca el lugar). Ahora seleccione la Herramienta Pincel (B), establezca el tamaño en 13px y la Dureza en 0, establezca el color en # c8b7a5 y trace una línea recta como la del ejemplo. Haz de esta capa una máscara de recorte.
Cree una nueva capa y, utilizando la herramienta Pluma (P), establezca el color en negro # 000000 y dibuje una forma como la del ejemplo. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, configure el Radio a 1.5 px y aplique el filtro. Con la herramienta Borrador (E), configure el Tamaño en 58 y la Dureza en 0, y retire el lado izquierdo de la forma borrosa (la forma roja en el ejemplo marca el lugar). Ahora establezca el modo de fusión de la capa en Superposición y la opacidad al 80% y transforme la capa en una máscara de recorte.
Cree una nueva capa y, utilizando la herramienta Pincel (B), establezca el Tamaño en 10px, la Dureza en 0%, el color en negro # 000000 y dibuje algunas líneas alrededor de la parte inferior y derecha del botón como se ve en el ejemplo . Transforma esa capa en una máscara de recorte y crea una nueva. Use la herramienta Pincel (B) con la misma configuración que antes y dibuje algunas líneas más en el lado derecho del botón. Ahora tenemos que copiar la miniatura de la máscara vectorial de la forma del botón en nuestra capa. Manteniendo presionada la tecla ALT, haga clic y arrastre la miniatura de la máscara vectorial desde nuestra Forma de botón a esta capa exactamente como se ve en el ejemplo. No haremos esta capa ni ninguna capa futura. Máscaras de recorte.
Haremos una nueva capa. Usando la herramienta Pluma (P) dibuje otra forma negra # 000000 como la del ejemplo. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, configure el Radio a 1.5 px y aplique el filtro. Establece la opacidad de la capa al 20%. Crea una nueva capa y con la herramienta Pincel (B) agregaremos algunos aspectos destacados. Establezca el Tamaño en 2px y la Dureza en 0%, configure el color en # d5c8b5 y haga un pequeño punto cerca de la esquina superior izquierda del botón. Haga otra capa, y usando la herramienta Pluma (P) agregaremos algunos detalles más. Establezca el color en #dbcebe y dibuje tres formas más como la que se ve en el ejemplo. Estos puntos destacados ayudarán a dar más volumen y realismo a nuestro botón..
Cree un nuevo grupo y colóquelo en Grupo base. Nómbrelo Shadow. Usando la herramienta Pluma (P), configure el color en # 000000 y dibuje una forma como la del ejemplo. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, configure el Radio a 1.5 px y aplique el filtro. Establezca la Opacidad de la capa al 20% y, utilizando la herramienta Borrador (E), configure el tamaño en 58px y la Dureza en 0% y elimine la parte inferior derecha de nuestra forma (el círculo rojo indica el área en el ejemplo).
Accentsconagua