Efecto de Texto Metálico en Photoshop
En este Tutorial de efectos de texto en Photoshopaprenderemos a crear fácilmente texto de metalun efecto popular ampliamente utilizado en los videojuegos y carteles de películas! Puede parecer que hay muchos pasos, pero una vez que lo hayas hecho unas cuantas veces, crear el efecto no te llevará más de unos pocos minutos de principio a fin. Para crear la textura metálica en sí y aplicarla al texto, utilizaremos 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 vamos a crear:
El efecto final de «texto metálico».
¡Empecemos!
Paso 1: Crear un nuevo documento
Crear un nuevo documento de Photoshop subiendo al Archivo en la barra de menú en la parte superior de la pantalla y eligiendo Nouveau…o presione… Ctrl+N (Ganar) / Comando+N (Mac) en tu teclado para un atajo más rápido:
Vaya a File > New.
Querrás crear un documento un poco más grande de lo que necesitas, por razones que veremos en un momento. Haré mi documento de 1200 pixeles de ancho por 600 pixeles de alto, y dejaré la resolución por defecto de 72 pixeles/pulgada. Puedes usar estos mismos ajustes para seguir o introducir tus propios valores. Por ahora, establece la opción de Contenido de fondo en Blanco, aunque la cambiaremos en el próximo paso. Haz clic en Aceptar cuando hayas terminado. Tu nuevo documento aparecerá en la pantalla:
El cuadro de diálogo de Nuevo Documento.
Paso 2: Rellenar el fondo con negro
Presiona la carta D en tu teclado para reiniciar rápidamente el Photoshop Colores de primer y segundo plano a sus valores por defecto si es necesario, lo que pondrá su color de primer plano a negro. Entonces presione Alt+Retroceso (Ganar) / Opción+Borrar (Mac) para llenar rápidamente el documento con el color de primer plano actual (negro):
El documento está ahora lleno de negro.
Paso 3: Añadir una nueva capa en blanco
Haga clic en el Nueva capa en la parte inferior del panel de Capas:
Haga clic en el icono de Nueva Capa (segundo icono de la derecha).
Photoshop añade una nueva capa en blanco llamada «Capa 1» sobre la capa de fondo:
La nueva capa aparece sobre la capa de fondo.
Paso 4: Llenar la nueva capa con gris claro
Sube al Edita en la parte superior de la pantalla y elegir Llene:
Ir a Editar; Llenar.
Cuando aparezca el cuadro de diálogo Rellenar, haga clic en el cuadro desplegable a la derecha de la palabra Utilice y seleccionar Color de la lista de opciones:
Elija Color para la opción Usar en la parte superior del cuadro de diálogo Rellenar.
Tan pronto como selecciones Color, Photoshop abrirá el Color Picker para que puedas elegir el color con el que quieres llenar la capa. Elige un gris claro. Si quieres usar el tono exacto de gris que estoy usando, introduce 195 pour l' R, G y B opciones:
Elija un gris claro del Selector de colores.
Haga clic en Aceptar cuando termine de salir del Selector de colores y luego haga clic en Aceptar para salir del cuadro de diálogo Rellenar. Photoshop rellena la capa con gris, ocultando temporalmente la capa de fondo rellena de negro de la vista:
El documento ahora aparece lleno de gris.
Paso 5: Añadir ruido
Sube al Filtre en la parte superior de la pantalla, elija Ruidoy luego elegir Agregar ruido:
Ir a Filtro; Ruido; Añadir Ruido.
Cuando aparezca el cuadro de diálogo Agregar ruido, agregue mucho ruido a la imagen configurando el Quantité a alrededor de 150%. Asegúrate de que el Gaussiano y Monocromático se seleccionan las opciones en la parte inferior del cuadro de diálogo:
Las opciones del filtro Agregar ruido.
Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo. Ahora el documento debería estar lleno de ruido:
El documento después de aplicar el filtro «Add Noise».
Paso 6: Aplicar el Filtro de Desenfoque de Movimiento
Vamos a usar todo este ruido para crear la primera parte de nuestra textura metálica. Vuelve a subir al Filtre menú, elija Blury luego elegir Desenfoque de movimiento:
Ir a Filtro; Borrón; Desenfoque de movimiento.
Cuando aparezca el cuadro de diálogo de la Difuminación en Movimiento, establezca el Ángulo del borrón a los alrededores -10°y luego aumentar el Distancia a alrededor de 200 píxeles:
Ponga el ángulo a -10° y aumente la distancia a unos 200 píxeles.
Haz clic en Aceptar cuando hayas terminado para cerrar el cuadro de diálogo. El hecho de difuminar el ruido ha creado un efecto de metal cepillado:
La imagen después de aplicar el Desenfoque de Movimiento al ruido.
Paso 7: Recortar los bordes
En el paso 1, mencioné que deberías hacer tu documento un poco más grande de lo que necesitas. La razón es porque el filtro de Desenfoque de Movimiento tiene problemas para desdibujar los píxeles alrededor de los bordes de un documento, lo cual podemos ver claramente ahora en nuestro propio documento. Recortemos esas áreas no deseadas. Selecciona Photoshop’s Herramienta de cosecha desde el panel de herramientas, o presione la letra C para seleccionarlo con el atajo del teclado:
Seleccione la Herramienta de Recolección.
Con la herramienta de recorte seleccionada, haz clic en la esquina superior izquierda del área de la textura buena, luego mantén el botón del ratón presionado y arrástralo a la esquina inferior derecha del área de la textura buena. Suelta el botón del ratón para ver una vista previa del área que vas a conservar (el área oscura alrededor de los bordes se recortará):
Arrastra una selección de cultivos alrededor del área que quieres conservar.
Presiona Entra en (Ganar) / Devuelve (Mac) para que Photoshop recorte los bordes no deseados. Sólo queda la buena textura:
La imagen después de recortar los bordes.
Paso 8: Añadir su texto
Seleccione el Tipo Herramienta desde el panel de herramientas, o presione la letra T para seleccionarlo con el atajo del teclado:
Seleccione la herramienta de tipo.
Con la Herramienta de Tipo seleccionada, elija su fuente en la Barra de Opciones en la parte superior de la pantalla. Para obtener mejores resultados con este efecto, utilice una fuente con letras gruesas. Voy a usar Arial Black:
Las opciones de fuentes en la barra de opciones.
Una vez que hayas elegido una fuente, haz clic dentro del documento y añade tu texto. Escribiré la palabra «METAL»:
Añade tu texto.
Cuando termines, haz clic en el marca de verificación en la barra de opciones para aceptar el texto:
Haga clic en la marca de verificación para salir del modo de edición de texto.
Paso 9: Redimensionar el texto con Free Transform
Su texto será probablemente demasiado pequeño en este punto (como el mío), así que suba al Edita menú y elegir Transformation libre…o presione… Ctrl+T (Ganar) / Comando+T (Mac) para seleccionar Transformación Libre con el atajo de teclado:
Ir a Edición; Transformación Libre.
Esto coloca el cuadro de Transformación Libre y las manijas alrededor del texto. Para cambiar el tamaño del texto, mantén pulsada la tecla Cambio y arrastrar cualquiera de los cuatro manijas de las esquinas (los pequeños cuadrados). Mantener pulsada la tecla Shift mientras se arrastra restringe la relación de aspecto del texto para no distorsionar la forma general del mismo. Para mover el texto, haz clic en cualquier lugar dentro del cuadro delimitador y simplemente arrástralo con el ratón. Cuando hayas terminado, pulsa Entra en (Ganar) / Devuelve (Mac) para aceptar los cambios y salir de Free Transform:
Mueva y cambie el tamaño del texto según sea necesario.
Paso 10: Mover 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 ratón 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 resalte entre esas dos capas, suelte el botón del ratón y Photoshop encajará la capa de texto en su lugar:
Arrastra la capa de texto entre la capa de fondo y la capa 1.
Paso 11: Crear una máscara de recorte
Haga clic en la Capa 1 en el panel de Capas para seleccionarla. Luego suba al Capa menú y elegir Crear la máscara de recorte:
Ir a Capa; Crear máscara de recorte.
La Capa 1 se sangrará a la derecha en el panel de Capas, indicando que ahora está «recortada» a la capa de texto debajo de ella:
El panel de 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 sólo dentro del texto:
El negro de la capa de fondo es ahora visible alrededor del texto.
Paso 12: Agregar 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 capas en la parte inferior del panel de Capas:
Haz clic en el icono de Estilos de capa.
Elija Biselado y repujado de la lista de estilos de capa que aparece:
Elige Bevel and Emboss.
Esto abre el cuadro de diálogo de estilo de capas de Photoshop, establecido en las opciones de bisel y relieve en la columna del medio. Primero, cambia el Técnica un Cincel Duroy luego aumentar el Tamaño a alrededor de 7 px. Arrastra el Profundidad deslizador hacia la derecha para aumentarlo a alrededor de 500%:
Las opciones de bisel y relieve.
En la sección de Sombreado de las opciones, haga clic en el Contorno del brillo …en miniatura:
Haz clic en la miniatura de Gloss Contour.
Esto abre el Editor de Contorno. Haga clic en el Preset en la parte superior del cuadro de diálogo y elegir Anillo de la lista:
Elige el anillo preestablecido.
Haga clic en OK para salir del Editor de Contornos. Luego, de vuelta en el cuadro de diálogo principal de Estilo de Capa, seleccione el Anti-aliased a la derecha de la miniatura de Gloss Contour:
Seleccione la opción Anti-aliased.
No cierres todavía el cuadro de diálogo del Estilo de Capa. Todavía tenemos uno más para agregar, pero su texto debería verse ahora similar a este:
El texto después de aplicar el estilo de capa de Bevel and Emboss.
Paso 13: Añadir un estilo de capa de superposición de gradiente
Haga clic directamente en las palabras Superposición de gradiente en la columna izquierda del cuadro de diálogo del Estilo de Capa. Es necesario hacer clic directamente en las palabras en sí, no sólo en la casilla de verificación, para que aparezcan las opciones de superposición de gradientes:
Haz clic en las palabras Superposición de gradiente.
La columna central del cuadro de diálogo del Estilo de Capa cambiará para mostrar las opciones de la Superposición de gradiente. Por defecto, Photoshop elige un degradado basado en los colores actuales de primer y segundo plano (blanco y negro), pero si se selecciona algún otro degradado, haga clic en el botón barra de vista previa de gradiente:
Haga clic en la barra de vista previa del gradiente sólo si se selecciona algo que no sea un gradiente de negro a blanco.
Luego haga clic en el De la primera línea a la segunda la miniatura del gradiente (arriba a la izquierda) en el Editor de Gradientes para seleccionarlo:
Seleccione el gradiente de primer plano a fondo.
Haz clic en OK para cerrar el editor de gradientes. De vuelta en el cuadro de diálogo principal de Estilo de Capa, cambia el Modo de mezcla un Superposicióny luego bajar el Opacité a alrededor de 70%. Esto añadirá un efecto de iluminación inicial al metal:
Las opciones de superposición de gradientes.
Haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa. Aquí está el efecto con los estilos de capa añadidos:
El efecto después de aplicar los estilos de capa.
Paso 14: Añadir un nuevo conjunto de capas al modo de mezcla de superposición
Haga clic en la Capa 1 en el panel de Capas para seleccionarla. Mantenga pulsada la tecla Autre (Ganar) / Opción (Mac) y haga clic en la tecla Nueva capa en la parte inferior del panel de Capas:
Mantenga pulsada la tecla Alt (Win) / Option (Mac) y haga clic en el icono de Nueva Capa.
Esto le dice a Photoshop que abra el cuadro de diálogo de Nueva Capa donde podemos establecer algunas opciones antes de que se añada la nueva capa. Haga clic dentro de la casilla de verificación a la izquierda de donde dice Usar la capa anterior para crear una máscara de recorte para seleccionar la opción, y luego cambiar la Modo (abreviatura de Blend Mode) para Superposición. Haz clic en OK cuando termines de cerrar el cuadro de diálogo. Una nueva capa en blanco llamada «Capa 2», ajustada al modo de fusión de superposición, aparecerá encima de la Capa 1 en el panel de Capas. Al igual que la Capa 1, se recortará a la capa de texto que está debajo de ella:
El cuadro de diálogo de la nueva capa.
Paso 15: Aplicar el filtro de nubes
Añadamos algunos toques de luz y sombras aleatorios al efecto de metal. Para ello, usaremos el filtro de Nubes de Photoshop, junto con el modo de fusión Overlay que ya hemos establecido para la capa. Sube al Filtre en la parte superior de la pantalla, elija Renderizacióny luego elegir Nubes:
Ir a Filtro; Renderizar; Nubes.
Las «nubes» crean muchas áreas claras y oscuras:
La imagen después de aplicar el filtro de Nubes.
Paso 16: Aplicar el Filtro de Desenfoque Gaussiano
Las nubes necesitan ser suavizadas un poco para que se vean más como luces y sombras. Lo haremos difuminándolas. Sube al Filtre menú, elija Blury luego elegir Borrón Gaussiano:
Vaya a Filtro; Borrón; Borrón Gaussiano.
Cuando aparezca el cuadro de diálogo de la Desenfoque Gaussiano, arrastra el deslizador por la parte inferior hacia la derecha para aumentar la Radio valor a alrededor de 10 píxeles:
Ponga el radio a unos 10 píxeles.
Aquí está la imagen después de desdibujar las nubes:
El efecto de las nubes ahora se parece más a un sutil efecto de iluminación.
Paso 17: Añadir una nueva capa en el modo de mezcla múltiple
Una vez más, mantenga presionado Autre (Ganar) / Opción (Mac) y haga clic en el Nueva capa en la parte inferior del panel de Capas para abrir el cuadro de diálogo de Nueva Capa. Seleccione el icono Usar la capa anterior para crear una máscara de recorte haciendo clic dentro de su casilla de verificación, y luego cambiar la Modo un Multiplicar. Por último, seleccione el Rellenar con el color Multi-neutro (blanco) en la parte inferior del cuadro de diálogo. Haz clic en Aceptar cuando hayas terminado para cerrar y añadir la nueva capa:
Añade otra nueva capa, esta vez configurada como Multiplicar.
Paso 18: Añadir ruido
Vamos a aumentar nuestro efecto metálico añadiendo algo de suciedad y arañazos. Sube al Filtre menú, elija Ruidoy luego elige… Agregar ruido. El cuadro de diálogo Agregar ruido aparecerá con la misma configuración que utilizamos anteriormente. No es necesario cambiarlos, así que sólo haga clic en Aceptar para salir del cuadro de diálogo. El texto ahora está lleno de ruido, y como el modo de fusión de la capa está configurado en Multiplicar, sólo se ven las motas oscuras de ruido:
El modo de mezcla Multiplicar oculta las áreas de blanco a la vista, por lo que sólo los puntos oscuros de ruido son visibles.
Paso 19: Aplicar el filtro de la mediana
Para convertir el ruido en algo que parezca suciedad o arañazos, vuelve a subir a la Filtre menú, elija Ruido una vez más, y luego elegir Mediana:
Vaya a Filtro; Ruido; Mediana.
El filtro de la Mediana está diseñado para eliminar el ruido de una imagen. Haga clic en el interior de la Radio y usar la caja de entrada Flecha arriba en su teclado para aumentar lentamente su valor mientras mantiene un ojo en su imagen en la ventana del documento. A medida que aumente el valor del radio, el ruido comenzará a desaparecer, dejando «grumos» de él para crear nuestro efecto de suciedad y arañazos. Un valor de alrededor de 9 píxeles debería funcionar. Haz clic en Aceptar cuando hayas terminado para salir del cuadro de diálogo:
Aumenta el valor del radio para disminuir el ruido.
Paso 20: Bajar la opacidad de la capa
Si el efecto de la suciedad y los arañazos se ve demasiado oscuro, baja 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%:
La opción de opacidad de la capa.
Y con eso, ¡hemos terminado! Aquí está el efecto final de «texto metálico»:
El resultado final del «texto de metal».
El texto sigue siendo editable
Una de las cosas agradables de crear este efecto metálico de la manera que lo tenemos es que el texto permanece completamente editable, e incluso podemos cambiar la fuente que estamos usando si no nos gusta la que empezamos! Para cambiar la fuente, simplemente selecciona la Herramienta de Tipo en el panel de Herramientas, haz clic en la capa de texto en el panel de Capas para seleccionarla, luego elige una fuente diferente en la Barra de Opciones (puede que necesites redimensionar el texto nuevamente usando Transformación Libre – ver Paso 9). Por ejemplo, aquí no he hecho nada más que cambiar la fuente a Trajan Pro Bold:
Mismo efecto, diferente tipo de letra.
Aquí, he editado el texto, cambiando la palabra de «METAL» a «ACERO». Si guardas tu documento como un Photoshop. PSD puedes abrirlo de nuevo cuando quieras y editar tu texto sin tener que recrear la textura metálica:
Mismo efecto, diferente texto.
[ads-boottom-float-left]
A dónde ir después…
¡Y ahí lo tenemos! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!