Share
En este tutorial de consejos rápidos, crearemos un botón de interruptor redondo que puede utilizar en sus diseños de interfaz. Empecemos!
Crea un nuevo archivo. Establezca el ancho en 1000 y el alto en 1000 y la resolución en 72 PPI.
Crea un nuevo grupo y llámalo Fondo. Ahora vaya a este enlace Patrón de tela vertical y descargue este patrón y cárguelo. Usando la herramienta Rectángulo (U) dibuje una forma de rectángulo un poco más grande que el lienzo, y aplique el patrón como un estilo a la capa de forma.
Crea un nuevo grupo y llámalo Button. Usando la herramienta Elipse (U) dibuja un círculo perfecto como el del ejemplo. Establezca el color en # 0e0f0f y aplique los estilos de capa. Una vez que haya terminado con los estilos de capa, reduzca la opacidad al 20%..
Ahora haga otro círculo, esta vez un poco más pequeño, establezca el color en # 222429 y aplique los estilos de capa.
Vaya al sitio de Pixeden y descargue el efecto de texto PSD Retro de la vieja escuela en el que encontraremos la textura que necesitamos. Una vez que haya descargado el archivo, ábralo con Photoshop y localice la capa llamada Textura Grunge. Importe esa capa en su PSD y establezca el modo de fusión en Pin Light y el nivel de Opacidad en 10%. Haz de esta capa una máscara de recorte.
Utilizando la herramienta Elipse (U), haga otro círculo perfecto también más pequeño que el anterior, establezca el color en # 0d0d0e y aplique los estilos de capa. Usando la herramienta Pincel (B), establezca el tamaño del pincel en 200 px y la Dureza en 0% y haga un punto blanco como el de nuestro ejemplo. Establezca el modo de fusión en Luz suave y el nivel de opacidad en 80% y transforme esta capa en una máscara de recorte. Ahora haga otra capa, cambie el color a negro # 000000 y cepille alrededor de la parte inferior del círculo como se ve en el ejemplo. Transformar esta capa en una máscara de recorte también.
Nuevamente, utilizando Elipse Tool (U), haga otro círculo perfecto, pero haga que este sea un poco más pequeño que el anterior. Establezca el color en # 1a1a1b y, al utilizar la Herramienta de selección directa (A), mueva el anclaje inferior unos pocos píxeles hacia arriba. Ahora aplique los estilos de capa, vuelva a importar la textura Grunge, establezca el modo de fusión a Linear Dodge y el nivel de opacidad al 10%. Cree una nueva capa y use la Herramienta de pincel (B) mantenga los mismos ajustes que usamos en nuestro paso anterior, elija el número de color blanco como el color y retírelo en la parte inferior de nuestra forma. Establezca el modo de fusión de esta capa en Luz suave y transforme la capa en una Máscara de recorte.
Usando la herramienta de tipo horizontal (T), configure la fuente en Myriad Pro (fuente estándar), negrita y el tamaño en 48pt y escriba la letra "I". Establezca el color en # 969696 y aplique el estilo de capa. Haga otro tipo, este dirá "O", establezca el color como #fefefe. Haga clic derecho en la capa y seleccione Rasterizar tipo. Ahora presiona CTRL / CMD + T y presionando CTRL / CMD + MAYÚS + ALT arrastra la esquina inferior izquierda hacia la izquierda unos pocos píxeles. Aplicar el estilo de capa y hemos terminado..
Accentsconagua