Diseño realista de fondo y texto de acero inoxidable [Photoshop Tutorial]

Los diseñadores web y los webmasters solían amar los efectos del acero frío o metálico antes de la web 2.0 Tormentas y arrasaron todo; dejándo el WWW Con sitios web de gradientes brillantes y abusivos.. Apple.com Siempre se ha relacionado con un buen diseño de la interfaz Web 2.0, pero estos tipos nunca han perdido los efectos negros y plateados ni dejan de mejorarlo en sus diseños y tipografía..

Inspirado por sus diseños, trato de devolver estos estilos a mi diseño personal y, por lo tanto, creo algo sólido, y se parece un poco a una pieza de metal de acero inoxidable. Tutorial completo de Photoshop después del salto.

Fondo de acero inoxidable

Paso 1

Cree un nuevo documento en blanco con el tamaño de 600 × 400. Crear una nueva capa, nombrarla 'fondo' y rellenarlo con color gris [# c0c0c0]. Duplicar 'fondo' capa, nombre la nueva capa 'fondo de acero'y colóquelo encima de'fondo'.

Paso 2

Con la capa 'fondo de acero' seleccionada, aplicar Filtro -> Añadir ruido e ingrese los siguientes ajustes:

• Importe: 14.21
• Distribución: gaussiana.
• Monocromático comprobado

Paso 3

Con 'fondo de acero'capa aún seleccionada, vaya Filtrar -> Difuminar -> Desenfoque de movimiento e ingrese los siguientes ajustes:

• Ángel: 0
• Distancia: 34 píxeles

Botón derecho del ratón 'fondo de acero', seleccione Opciones de mezcla e ingrese los siguientes ajustes para Superposición de degradado - Editor de degradado:

Color Stop 1

• Color: # 000000
• Opacidad: 50%
• Ubicación: 0%

Color Stop 2

• Color: #ffffff
• Ubicación: 50%

Color Stop 3

• Color: # 000000
• Opacidad: 50%
• Ubicación: 0%

Texto de metal

Etapa 4

Su fondo de acero inoxidable está básicamente terminado, continuaremos desde allí para insertar un texto de metal que debería verse a juego. Utilizar el Herramienta de texto, escriba algo en el medio, de preferencia con la fuente think fat (estoy usando Myriad Pro Bold aquí). Haga clic derecho (o doble clic) en la capa de texto para iniciar el Opciones de mezcla diálogo.

1. Sombra paralela

• Opacidad: 38%
• Distancia: 1px
• Spread: 1%
• Tamaño: 2px

• Profundidad: 100%
• Tamaño: 0px
• Suavizar: 0px
• Resalte la opacidad: 42%
• Opacidad de las Sombras: 32%

Tu texto debe ser similar al siguiente.

Paso 5

Aquí hay algo que necesitas seguir con firmeza.. Mantenga presionada la tecla Control (Mac: tecla de comando) y haga clic izquierdo en la capa de texto para resaltar su contorno. Asegúrate de que el contorno todavía está allí, selecciona 'fondo de acero'capa, y pulsa Control + J (Mac: Comando + J)

Al hacer esto, estás duplicando el fondo de acero en la forma de tu texto. Cambiar el nombre de la capa a 'fondo de texto'y moverlo a la parte superior.

Paso 6

Cambio 'fondo de texto' a Color quemado, traer es Opacidad Abajo a 67%.

Su salida final debe ser similar a la imagen de abajo..

Descargar archivo .PSD.