Efecto de texto metálico en Photoshop

Efecto de texto metálico en Photoshop

Efecto de texto metálico en Photoshop

En esto Tutorial de efectos de texto de Photoshop, aprenderemos a crear fácilmente texto de metal, un efecto popular ampliamente utilizado en videojuegos y carteles de películas. Puede parecer que hay muchos pasos involucrados, pero una vez que lo haya hecho varias veces, crear el efecto no le llevará más de unos minutos de principio a fin. Para crear la textura de metal en sí y aplicarla al texto, usaremos un par de estilos de capa, algunos filtros, modos de fusión de capas y una máscara de recorte. Usaré Photoshop CS5 para este tutorial, pero cualquier versión reciente de Photoshop funcionará.

Aquí está el resultado final que crearemos:

Efecto de texto metálico de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

El efecto final de «texto metálico».

¡Empecemos!

Paso 1: Crear un documento nuevo

Cree un nuevo documento de Photoshop subiendo al Expediente menú en la barra de menú en la parte superior de la pantalla y seleccionando Nuevo, o presione Ctrl + N (Ganar) / Comando + N (Mac) en su teclado para un atajo más rápido:

Vaya a Archivo><noscript><img alt= Nuevo. Imagen © 2010 Photoshop Essentials.com.» width=»292″ height=»111″ src=»https://lovingfotografia.com/wp-content/uploads/Efecto-de-texto-metalico-en-Photoshop.gif»>

Querrá crear un documento que sea un poco más grande de lo que necesita, por razones que veremos en un momento. Haré que mi documento tenga 1200 píxeles de ancho por 600 píxeles de alto y dejaré la resolución en su valor predeterminado de 72 píxeles / pulgada. Puede usar estas mismas configuraciones para seguir o ingresar sus propios valores. Establezca la opción Contenido de fondo en Blanco por ahora, aunque la cambiaremos en el siguiente paso. Haga clic en Aceptar cuando haya terminado. Su nuevo documento aparecerá en la pantalla:

El cuadro de diálogo Nuevo documento en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

El cuadro de diálogo Nuevo documento.

Paso 2: rellena el fondo con negro

Presione la letra D en su teclado para restablecer rápidamente Photoshop Colores de primer plano y de fondo a sus valores predeterminados si es necesario, lo que establecerá su color de primer plano en negro. Entonces presione Alt + Retroceso (Ganar) / Opción + Eliminar (Mac) para llenar rápidamente el documento con el color de primer plano actual (negro):

El nuevo documento de Photoshop ahora está lleno de negro.  Imagen © 2010 Photoshop Essentials.com.

El documento ahora está relleno de negro.

Paso 3: agregue una nueva capa en blanco

Clickea en el Nueva capa en la parte inferior del panel Capas:

El icono de Nueva capa en el panel Capas en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en el icono Nueva capa (segundo icono de la derecha).

Photoshop agrega una nueva capa en blanco llamada «Capa 1» sobre la capa de fondo:

El icono de Nueva capa en el panel Capas.  Imagen © 2010 Photoshop Essentials.com.

La nueva capa aparece encima de la capa Fondo.

Paso 4: rellene la nueva capa con gris claro

Sube al Editar en la parte superior de la pantalla y elija Llenar:

Seleccionando el comando Relleno en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Editar> Rellenar.

Cuando aparezca el cuadro de diálogo Rellenar, haga clic en el cuadro desplegable a la derecha de la palabra Usar y seleccione Color de la lista de opciones:

El cuadro de diálogo del comando Rellenar en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Elija Color para la opción Usar en la parte superior del cuadro de diálogo Relleno.

Tan pronto como seleccione Color, Photoshop abrirá el Selector de color para que pueda elegir el color con el que desea rellenar la capa. Elija un gris claro. Si desea usar el tono exacto de gris que estoy usando, ingrese 195 Para el R, GRAMO y B opciones:

El selector de color en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Elija un gris claro en el Selector de color.

Haga clic en Aceptar cuando haya terminado para salir del Selector de color, luego haga clic en Aceptar para salir del cuadro de diálogo Relleno. Photoshop llena la capa con gris, ocultando temporalmente la capa de fondo llena de negro de la vista:

La capa ahora está llena de gris.  Imagen © 2010 Photoshop Essentials.com.

El documento ahora aparece lleno de gris.

Paso 5: agregar ruido

Sube al Filtrar menú en la parte superior de la pantalla, elija Ruidoy luego elige Añadir ruido:

Seleccionando el comando Agregar ruido en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro> Ruido> Agregar ruido.

Cuando aparezca el cuadro de diálogo Agregar ruido, agregue mucho ruido a la imagen configurando el Monto alrededor 150%. Asegúrate que Gaussiano y Monocromo Las opciones se seleccionan en la parte inferior del cuadro de diálogo:

Las opciones de filtro Agregar ruido en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Las opciones de filtro Agregar ruido.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. El documento ahora debería estar lleno de ruido:

El documento de Photoshop se llenó de ruido.  Imagen © 2010 Photoshop Essentials.com.

El documento después de aplicar el filtro Agregar ruido.

Paso 6: aplique el filtro de desenfoque de movimiento

Usaremos todo este ruido para crear la primera parte de nuestra textura metálica. Vuelve a la Filtrar menú, elija Difuminary luego elige Desenfoque de movimiento:

Seleccionar el filtro Motion Blur en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro> Desenfocar> Desenfoque de movimiento.

Cuando aparezca el cuadro de diálogo Motion Blur, configure el Ángulo de la mancha a su alrededor -10 °, luego aumente el Distancia alrededor 200 píxeles:

Filtro de desenfoque de movimiento de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Establezca el ángulo en -10 ° y aumente la distancia a unos 200 píxeles.

Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. Difuminar el ruido ha creado un efecto de metal cepillado:

El ruido ahora es borroso.  Imagen © 2010 Photoshop Essentials.com.

La imagen después de aplicar Motion Blur al ruido.

Paso 7: recorta los bordes

En el paso 1, mencioné que debería hacer su documento un poco más grande de lo necesario. La razón es que el filtro Motion Blur tiene problemas para difuminar los píxeles alrededor de los bordes de un documento, que ahora podemos ver claramente en nuestro propio documento. Recortemos esas áreas no deseadas. Seleccione Photoshop Herramienta de recorte desde el panel Herramientas, o presione la letra C para seleccionarlo con el atajo de teclado:

Herramienta de recorte de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Seleccione la herramienta Recortar.

Con la herramienta Recortar seleccionada, haga clic en en la parte superior izquierda esquina del área de buena textura, luego mantenga presionado el botón del mouse y arrastre hasta la esquina inferior derecha del área de buena textura. Suelta el botón del mouse para ver una vista previa del área que mantendrás (el área oscura alrededor de los bordes se recortará):

Arrastrar una selección de recorte con la herramienta Recortar.  Imagen © 2010 Photoshop Essentials.com.

Arrastre una selección de recorte alrededor del área que desea conservar.

prensa Ingresar (Ganar) / Regreso (Mac) para que Photoshop recorte los bordes no deseados. Ahora solo queda la buena textura:

La imagen recortada.  Imagen © 2010 Photoshop Essentials.com.

La imagen después de recortar los bordes.

Paso 8: agregue su texto

Selecciona el Tipo de herramienta desde el panel Herramientas, o presione la letra T para seleccionarlo con el atajo de teclado:

Herramienta de texto de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Seleccione la herramienta Texto.

Con la herramienta Texto seleccionada, elija su fuente de la barra de opciones en la parte superior de la pantalla. Para obtener los mejores resultados con este efecto, utilice una fuente con letras gruesas. Voy a usar Arial Black:

Las opciones de tipo en la barra de opciones.  Imagen © 2010 Photoshop Essentials.com.

Las opciones de fuente en la barra de opciones.

Una vez que haya elegido una fuente, haga clic dentro del documento y agregue su texto. Escribiré la palabra «METAL»:

Agregar texto al documento de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Agrega tu texto.

Cuando haya terminado, haga clic en el marca de verificación en la barra de opciones para aceptar el texto:

Hacer clic en la marca de verificación para aceptar el texto.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en la marca de verificación para salir del modo de edición de texto.

Paso 9: cambiar el tamaño del texto con transformación libre

Lo más probable es que su texto sea demasiado pequeño en este punto (como el mío), así que suba al Editar menú y elegir Transformación libre, o presione Ctrl + T (Ganar) / Comando + T (Mac) para seleccionar Transformación libre con el atajo de teclado:

Seleccionando Transformación libre en el menú Editar en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Editar> Transformación libre.

Esto coloca el cuadro Transformación libre y los controles alrededor del texto. Para cambiar el tamaño del texto, mantenga presionada la tecla Cambio y arrastre cualquiera de los cuatro manijas de esquina (los pequeños cuadrados). Mantener presionada la tecla Mayús mientras arrastra restringe la relación de aspecto del texto para que no distorsione su forma general. Para mover el texto, haga clic en cualquier lugar dentro del cuadro delimitador y simplemente arrástrelo con el mouse. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptar los cambios y salir de Free Transform:

Mover y cambiar el tamaño del texto con Free Transform.  Imagen © 2010 Photoshop Essentials.com.

Mueva y cambie el tamaño del texto según sea necesario.

Paso 10: Mueva la capa de texto debajo de la capa de textura

Haga clic en la capa de texto en el panel Capas y con el botón del mouse aún presionado, arrastre la capa entre la capa de textura gris (Capa 1) y la capa de Fondo. Cuando vea aparecer una barra de resaltado entre esas dos capas, suelte el botón del mouse y Photoshop colocará la capa de texto en su lugar:

Arrastre la capa de texto debajo de la capa de textura.  Imagen © 2010 Photoshop Essentials.com.

Arrastre la capa de texto entre la capa Fondo y la Capa 1.

Paso 11: crea una máscara de recorte

Haga clic en la Capa 1 en el panel Capas para seleccionarla. Entonces sube al Capa menú y elegir Crear máscara de recorte:

El comando Crear máscara de recorte en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Capa> Crear máscara de recorte.

La capa 1 se sangrará a la derecha en el panel Capas, lo que indica que ahora está «recortada» en la capa de texto debajo de ella:

La capa 1 ahora está recortada a la capa de texto.  Imagen © 2010 Photoshop Essentials.com.

El panel Capas ahora muestra la Capa 1 recortada a la capa de texto.

Si miramos en la ventana del documento, vemos que la textura gris ahora aparece solo dentro del texto:

La textura de metal ahora aparece solo dentro del texto.  Imagen © 2010 Photoshop Essentials.com.

El negro de la capa Fondo ahora es visible alrededor del texto.

Paso 12: agregue un estilo de capa de bisel y relieve

Haga clic en la capa de texto en el panel Capas para seleccionarla. Luego haga clic en el Estilos de capa en la parte inferior del panel Capas:

El icono de Estilos de capa en el panel Capas en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en el icono Estilos de capa.

Escoger Bisel y relieve de la lista de estilos de capa que aparece:

El estilo de capa Bisel y Relieve.  Imagen © 2010 Photoshop Essentials.com.

Elija Bisel y Relieve.

Esto abre el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones Bisel y Relieve en la columna central. Primero, cambie el Técnica para Cincel duro, luego aumente el Tamaño alrededor 7 px. Arrastrar el Profundidad deslizador hacia la derecha para aumentarlo a alrededor 500%:

Las opciones de Bisel y Relieve en el cuadro de diálogo Estilo de capa.  Imagen © 2010 Photoshop Essentials.com.

Las opciones de bisel y relieve.

En la sección Sombreado de las opciones, haga clic en el Contorno brillante miniatura:

La miniatura de Gloss Contour.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en la miniatura de Gloss Contour.

Esto abre el Editor de contorno. Clickea en el Preestablecido cuadro desplegable en la parte superior del cuadro de diálogo y elija Anillo de la lista:

El editor de contorno.  Imagen © 2010 Photoshop Essentials.com.

Elija el ajuste preestablecido de Ring.

Haga clic en Aceptar para salir del Editor de contorno. Luego, de vuelta en el cuadro de diálogo principal Estilo de capa, seleccione el Suavizado opción a la derecha de la miniatura Gloss Contour:

La opción Anti-aliased.  Imagen © 2010 Photoshop Essentials.com.

Seleccione la opción Suavizado.

No cierre todavía el cuadro de diálogo Estilo de capa. Todavía tenemos uno más para agregar, pero su texto ahora debería verse similar a esto:

El texto metálico con bisel y relieve aplicados.  Imagen © 2010 Photoshop Essentials.com.

El texto después de aplicar el estilo de capa Bisel y Relieve.

Paso 13: agregue un estilo de capa de superposición de degradado

Haga clic directamente en las palabras Gradiente de superposición en la columna izquierda del cuadro de diálogo Estilo de capa. Debe hacer clic directamente en las palabras en sí mismas, no solo en la casilla de verificación, para que aparezcan las opciones de Superposición de degradado:

Seleccionar el estilo de capa de Superposición de degradado.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en las palabras Superposición de degradado.

La columna central del cuadro de diálogo Estilo de capa cambiará para mostrar las opciones de Superposición de degradado. De forma predeterminada, Photoshop elige un degradado basado en los colores actuales de primer plano y fondo (blanco y negro), pero si se selecciona algún otro degradado, haga clic en el barra de vista previa de degradado:

La barra de vista previa del degradado.  Imagen © 2010 Photoshop Essentials.com.

Haga clic en la barra de vista previa del degradado solo si se selecciona algo que no sea un degradado de blanco a negro.

Luego haga clic en el De primer plano a fondo miniatura del degradado (arriba a la izquierda) en el Editor de degradado para seleccionarlo:

Editor de degradado de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Seleccione el degradado de primer plano a fondo.

Haga clic en Aceptar para cerrar el editor de degradado. De vuelta en el cuadro de diálogo principal Estilo de capa, cambie el Modo de mezcla para Cubrir, luego baje el Opacidad alrededor 70%. Esto agregará un efecto de iluminación inicial al metal:

Las opciones de estilo de capa de Superposición de degradado.  Imagen © 2010 Photoshop Essentials.com.

Las opciones de Superposición de degradado.

Haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa. Aquí está el efecto con los estilos de capa agregados:

El efecto de texto metálico después de aplicar los estilos de capa.  Imagen © 2010 Photoshop Essentials.com.

El efecto después de aplicar los estilos de capa.

Paso 14: agregue un nuevo conjunto de capas al modo de fusión de superposición

Haga clic en la Capa 1 en el panel Capas para seleccionarla. Mantenga presionada su Alt (Ganar) / Opción (Mac) y haga clic en la Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa.  Imagen © 2010 Photoshop Essentials.com.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic en el icono Nueva capa.

Esto le dice a Photoshop que abra el cuadro de diálogo Nueva capa donde podemos configurar algunas opciones antes de agregar la nueva capa. Haga clic dentro de la casilla de verificación a la izquierda de donde dice Utilice la capa anterior para crear una máscara de recorte para seleccionar la opción, luego cambie el Modo (abreviatura de Blend Mode) para Cubrir. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo. Una nueva capa en blanco llamada «Capa 2», configurada en el modo de fusión Superposición, aparecerá sobre la Capa 1 en el panel Capas. Al igual que la Capa 1, se recortará a la capa de texto debajo de ella:

Cuadro de diálogo Nueva capa de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

El cuadro de diálogo Nueva capa.

Paso 15: Aplicar el filtro de nubes

Agreguemos algunas luces y sombras al azar al efecto de metal. Para eso, usaremos el filtro Nubes de Photoshop, junto con el modo de fusión Superposición en el que ya hemos configurado la capa. Sube al Filtrar menú en la parte superior de la pantalla, elija Hacery luego elige Nubes:

Seleccionar el filtro Nubes en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro> Renderizar> Nubes.

Las «nubes» crean muchas áreas claras y oscuras:

El efecto de texto metálico después de aplicar el filtro Nubes.  Imagen © 2010 Photoshop Essentials.com.

La imagen después de aplicar el filtro Nubes.

Paso 16: aplique el filtro de desenfoque gaussiano

Las nubes deben suavizarse un poco para que se vean más como luces y sombras. Lo haremos difuminando. Sube al Filtrar menú, elija Difuminary luego elige Desenfoque gaussiano:

Seleccionar el filtro Desenfoque gaussiano de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro> Desenfocar> Desenfoque gaussiano.

Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, arrastre el control deslizante a lo largo de la parte inferior hacia la derecha para aumentar la Radio valor a alrededor 10 píxeles:

El cuadro de diálogo Desenfoque gaussiano en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Establezca el radio en alrededor de 10 píxeles.

Aquí está la imagen después de difuminar las nubes:

La imagen después de difuminar las nubes.  Imagen © 2010 Photoshop Essentials.com.

El efecto de nubes ahora se parece más a un efecto de iluminación sutil.

Paso 17: agregue un nuevo conjunto de capas al modo de fusión múltiple

Una vez más, mantén presionado Alt (Ganar) / Opción (Mac) y haga clic en el Nueva capa en la parte inferior del panel Capas para abrir el cuadro de diálogo Nueva capa. Selecciona el Utilice la capa anterior para crear una máscara de recorte opción haciendo clic dentro de su casilla de verificación, luego cambie la Modo para Multiplicar. Finalmente, seleccione el Rellenar con color Multiply-neutral (blanco) en la parte inferior del cuadro de diálogo. Haga clic en Aceptar cuando haya terminado para cerrar y agregar la nueva capa:

Añadiendo una nueva capa.  Imagen © 2010 Photoshop Essentials.com.

Agrega otra capa nueva, esta vez configurada para Multiplicar.

Paso 18: agregar ruido

Hagamos un grunge con nuestro efecto metálico añadiéndole algo de suciedad y arañazos. Sube al Filtrar menú, elija Ruido, entonces escoge Añadir ruido. Aparecerá el cuadro de diálogo Agregar ruido con la misma configuración que usamos anteriormente. No es necesario cambiarlos, así que haga clic en Aceptar para salir del cuadro de diálogo. El texto ahora está lleno de ruido y, dado que el modo de fusión de la capa está configurado en Multiplicar, solo las manchas oscuras de ruido son visibles:

La nueva capa está llena de ruido.  Imagen © 2010 Photoshop Essentials.com.

El modo de fusión Multiplicar oculta áreas de blanco a la vista, por lo que solo las manchas oscuras de ruido son visibles.

Paso 19: aplique el filtro de mediana

Para convertir el ruido en algo que parezca suciedad o arañazos, vuelva a Filtrar menú, elija Ruido una vez más, y luego elige Mediana:

Seleccionando el filtro Mediana en Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro> Ruido> Mediana.

El filtro de mediana está diseñado para eliminar el ruido de una imagen. Haga clic dentro del Radio cuadro de entrada y utilice el Flecha hacia arriba en su teclado para aumentar lentamente su valor mientras vigila su imagen en la ventana del documento. A medida que aumenta el valor de Radio, el ruido comenzará a desaparecer, dejando «grumos» detrás para crear nuestro efecto de suciedad y rayones. Un valor de alrededor 9 píxeles Deberia trabajar. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo:

El cuadro de diálogo Filtro de mediana.  Imagen © 2010 Photoshop Essentials.com.

Aumente el valor de Radio para disminuir el ruido.

Paso 20: reducir la opacidad de la capa

Si el efecto de suciedad y rayones se ve demasiado oscuro, baje la opacidad de la capa. Encontrarás la opción Opacidad en la esquina superior derecha del panel Capas. Voy a bajar la mía a alrededor del 70%:

Opacidad de la capa de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

La opción de opacidad de la capa.

Y con eso, ¡hemos terminado! Aquí está el efecto final de «texto metálico»:

Efecto de texto metálico de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

El resultado final del «texto metálico».

El texto sigue siendo editable

Una de las cosas buenas de crear este efecto metálico de la forma en que lo tenemos es que el texto sigue siendo completamente editable, ¡e incluso podemos cambiar la fuente que estamos usando si no nos gusta la que comenzamos! Para cambiar la fuente, simplemente seleccione la herramienta Texto en el panel Herramientas, haga clic en la capa de texto en el panel Capas para seleccionarla, luego elija una fuente diferente de la barra de opciones (es posible que deba cambiar el tamaño del texto nuevamente usando Transformación libre – consulte el paso 9). Por ejemplo, aquí no he hecho más que cambiar la fuente a Trajan Pro Bold:

El efecto de texto metálico con Trajan Pro Bold.  Imagen © 2010 Photoshop Essentials.com.

Mismo efecto, fuente diferente.

Aquí, he editado el texto, cambiando la palabra de «METAL» a «STEEL». Si guarda su documento como Photoshop .PSD archivo, puede abrirlo de nuevo en cualquier momento que desee y editar su texto sin tener que volver a crear la textura del metal:

Efecto de texto de acero de Photoshop.  Imagen © 2010 Photoshop Essentials.com.

Mismo efecto, texto diferente.

[ads-boottom-float-left]

A dónde ir después …

¡Y ahí lo tenemos! Visite nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!