Spanish (Español) translation by Rosario (you can also view the original English article)
Los Estilos de capa son una función potente y eficaz que puede ayudarte a aplicar efectos sorprendentes a tus diseños. En este tutorial utilizaremos estilos de capa para crear un efecto de texto inspirado en bombillas de luz en Photoshop. ¡Comencemos!
Recursos del tutorial
Los siguientes recursos se utilizaron durante la producción de este tutorial.
- Fuente Junegull.
- Degradados de metal dorado de Adoralyna.
- Motivo Texturetastic gray
Paso 1
Crea un nuevo documento de 1280 x 1024 px, o del tamaño que necesites dependiendo del texto que vayas a crear.
Rellena el fondo con negro, o cualquier otro color oscuro que quieras, solo asegúrate de que sea lo más oscuro posible.
Paso 2
Crea el texto en blanco. La fuente utilizada es Junegull y el tamaño es de 400 pt. Es un tamaño bastante grande pero ayudará a mostrar los detalles más claramente.
Cambia el valor de Relleno de la capa de texto a 0%.
Duplica la capa de texto.
Paso 3
Pulsa Ctrl/Cmd + clic en la miniatura (icono) de la capa de texto para crear una selección.
Crea una nueva capa entre el Fondo y las dos capas de texto y llámala "Fondo".
Ve a Selección > Modificar > Expandir, y escribe 5. Esto expandirá la selección 5 pixeles hacia afuera
Rellena la selección con el color #9b7e4f, luego ve a Selección > Deseleccionar, o presiona Ctrl/Cmd + D para anular la selección.
Carga de contornos
Puede que necesites cargar los contornos usados en algunos de los estilos de capas de abajo. Para ello, ve a Edición > Gestor de ajustes preestablecidos, y elige Contornos en el menú desplegable Tipo de ajuste preest.
Haz clic en la flecha pequeña en la esquina superior derecha y elige Contornos
Haz clic en Añadir para agregar los nuevos contornos a los existentes.
Paso 4
Haz doble clic en la capa "Fondo" para aplicar el siguiente Estilo de capa:
Resplandor exterior: Solo cambia el color a #8f6f2c.
Resplandor interior: cambia el Modo de fusión a Multiplicar, el color a #e4d7b2, el Origen al Centro, el Tamaño a 125 y el Rango a 35%.
Bisel y relieve: Cambia la Técnica a Cincelado duro, la Profundidad a 300, el Tamaño a 20, y marca la casilla Suavizado. También, cambia el color del Modo resaltado a #c6a96c y el color del Modo de sombra a #ddd6c1.
Contorno: Selecciona el Contorno Cono, marca la casilla Suavizado, y cambia el Rango a 70%.
Textura: Usa la textura Texturetastic Gray, y cambia la Profundidad a un valor bajo, aproximadamente 8 px. Esto añadirá una textura sutil para que el fondo no sea tan suave y tenga algunos detalles.
Trazo: Cambia el Tamaño a 1, el Tipo de relleno a Degradado, y el Ángulo a 90. Utiliza el Degradado que se muestra a continuación del paquete "Degradados de metal dorado".
Esto es lo que deberías conseguir.
Disminuye el valor del Relleno a 50% para que la parte posterior se vea transparente.
Paso 5
Establece el color del Primer plano en #555555, y escoge un pincel circular definido de 3 px. Este pincel se usará para crear los alambres en el centro del texto.
Crea una nueva capa encima de la capa "Fondo" y llámala "Alambre".
Elige la herramienta Pluma y haz clic en el icono Trazados de la barra de opciones.
Paso 6
La herramienta Pluma se usará para añadir líneas rectas, curvas simples y complejas, dependiendo de la forma de la letra. Cada caso será demostrado en un paso separado usando una letra diferente. Comencemos con las líneas rectas ya que son las más fáciles.
Para añadir un punto de anclaje, tienes que hacer clic una vez donde quieres que empiece la línea. Para crear una línea recta, mantén pulsada la tecla Shift y haz clic en el lugar donde quieres que termine la línea. Asegúrate de no acercarte a los bordes.
Ten en cuenta que los puntos de anclaje se añaden de forma consecutiva, por lo que no puedes crear toda la forma E a la vez. Comenzaremos a hacer el trazado y luego crearemos uno nuevo para las partes que faltan.
Si quieres mover los puntos que creaste, elige la herramienta Selección directa y puedes hacer clic en un punto, o hacer clic y arrastrar para seleccionar más de un punto, y a continuación, moverlo con las teclas de flecha.
Paso 7
Para contornear el trazado, haz clic con el botón derecho en él y elige Contornear trazado.
Elige Pincel en el menú desplegable Herramienta y asegúrate de que la casilla Simular presión no esté marcada.
Presiona Enter/Retorno para salir del trazado y así poder crear uno nuevo.
Usa la herramienta Pluma una vez más para añadir la parte que falta de la E.
Y haz el trazo como lo hiciste para la otra parte.
Paso 8
Para las curvas simples, como la de la letra D, tendrás que hacer clic y arrastrar donde quieras crear una curva en lugar de hacer clic y soltar. Arrastra en paralelo a la dirección de la curva, en este ejemplo, verticalmente.
Asegúrate de cerrar el trazado haciendo clic en el punto de inicio cuando hayas terminado.
No olvides que aún puedes usar la herramienta Selección directa para mover los puntos de anclaje.
Una vez que se crea tu trazado, contornéalo de la misma manera.
Paso 9
Para crear las curvas más complejas, como en la letra S, empieza por crear la forma básica de la curva como lo hiciste antes, haciendo clic y arrastrando. No intentes hacerla perfecta, ya que la ajustaremos más adelante.
Una vez que hayas creado la curva, elige la herramienta Selección directa y selecciona un punto de anclaje (haciendo clic en él). Cuando lo hagas, podrás ajustar los dos pequeños mangos (líneas de dirección) que la controlan.
Haz clic en el punto del extremo del mango y muévelo ligeramente hacia los lados si quieres cambiar la dirección (o la orientación) del trazado, y muévelo hacia arriba y hacia abajo para hacer la curva más ancha o más estrecha.
No tiene que verse perfecto, solo asegúrate de que coincida con el flujo de la forma original, y que no esté ni muy cerca ni muy lejos en ciertas áreas, y luego contornéalo.
Después de contornear todas las letras por dentro, cambia el valor de relleno de la capa "Alambre" al 50%.
Paso 10
Haz doble clic en la capa "Alambre" para aplicar el siguiente Estilo de capa:
Resplandor exterior: Cambia el modo de fusión a Luz intensa, el color a #ffffbe, y el Tamaño a 13.
Resplandor interior: Cambia el Modo de fusión a Luz intensa, el color a #d5d5cd, y el Tamaño a 1.
Esto añadirá un resplandor muy sutil.
Paso 11
Duplica la capa "Alambre".
Haz doble clic en la copia para ajustar el Resplandor interior, cambiando el Tamaño a 10.
Esto intensificará el efecto de resplandor.
Paso 12
A continuación, crearemos un pincel muy simple. Así que crea un nuevo documento de 16 x 16 px, con un fondo transparente.
Selecciona la herramienta Elipse, marca el icono Trazados en la barra de opciones, y luego crea un círculo que cubra la mayor parte del documento.
Escoge un pincel circular definido de 1 px, y pon el color del Primer plano en negro. Luego elige la herramienta Elipse de nuevo y haz el contorno del trazado.
Pulsa Enter/Retorno para salir del trazado, luego ve a Edición > Definir valor de pincel, y escribe un nombre para el pincel.
Paso 13
Vuelve al documento original, crea una Nueva capa encima de la capa "Copia de alambre" y llámala "Filamento"
Haz clic con el botón derecho del ratón en la capa "Alambre" y elige Copiar estilo de capa, luego haz clic con el botón derecho del ratón en la capa "Filamento" y selecciona Pegar estilo de capa.
Cambia el valor de Relleno de la capa "Filamento" a 100%, y establece el color de Primer plano en #d0b174.
Paso 14
Abre el panel Pincel (Ventana > Pincel), y cambia los valores del pincel que acabas de crear en el paso 12, como se muestra a continuación.
Paso 15
Lo que vamos a hacer a continuación, es crear pequeños trazos a lo largo del alambre para contornearlos con el pincel modificado. Así que usa la herramienta Pluma de nuevo, y empieza a añadir pequeñas líneas rectas o curvas sobre el alambre. Sin embargo, trata de no hacerlas muy cortas, ya que así no se obtendrá un buen efecto.
Necesitas contornear un trazado a la vez. Haz clic con el botón derecho del ratón en el trazado y elige Contornear trazado.
Esta vez, marca la casilla Simular presión.
Esto hará que el pincel se desvanezca en los extremos. Añade más trazados a lo largo del alambre, pero no añadas demasiados. Todavía tenemos que añadir algunas áreas de luz brillante y dejar algunas áreas vacías también.
Paso 16
Crea una nueva capa encima de la capa "Filamento" y llámala "Luz", luego haz clic con el botón derecho del ratón y elige Pegar estilo de capa.
Haz doble clic en la capa "Luz" para modificar el Resplandor exterior cambiando la Opacidad al 50%.
Paso 17
Elige un pincel circular difuso y modifica su configuración como se muestra a continuación:
Paso 18
Establece el color de Primer plano en #fffde1, y usa la herramienta Pluma para crear pequeños trazados que cubran algunas de las áreas vacías a lo largo del alambre.
Asegúrate de que la casilla Simular presión siga marcada cuando contornees los trazados pequeños.
Esto creará algunas áreas brillantes que harán que el efecto final se vea más intenso y luminoso.
Añade más de esas áreas brillantes, en diferentes tamaños y lugares. Incluso puedes cambiar el tamaño del pincel si quieres. De nuevo, no olvides dejar algunas áreas vacías.
Paso 19
Ten en cuenta que siempre puedes controlar cuán brillante es el pincel. Puedes reducir la opacidad si es necesario. Aquí, está ligeramente disminuida a 90%.
También puedes cambiar los colores del efecto "Resplandor". Aquí, el color del Resplandor Interior de la capa "Luz" está establecido en #83591e.
La diferencia es muy sutil, pero puedes notarla a medida que cambias de color, el resplandor se verá menos blanco y más amarillo.
Paso 20
Crea una nueva capa entre las capas "Fondo" y "Alambre" y llámala "Puntos", luego cambiar su valor de relleno a 0%.
Haz doble clic en la capa "Puntos" para aplicar el siguiente Estilo de capa:
Resplandor interior: Cambia el modo de fusión a Luz intensa, el color a #e9dcbb, la Fuente al Centro, y el Tamaño a 7.
Bisel y relieve: Cambia la Técnica a Cincel duro, el Contorno de resplandor a Aro doble, marca la casilla Suavizado, y cambia el color del Modo de fusión a #9a8739.
Contorno: Cambia el Contorno de resplandor a Cono invertido, y marca la casilla Suavizado.
Paso 21
Escoge un pincel circular definido de 12 px, y empieza a añadir puntos en los extremos del alambre en cada letra. Coloca el centro del pincel sobre la punta del alambre y haz clic para añadir un punto.
Esto creará la ilusión de que el cable no está flotando de la nada en las letras, y que está entrando y saliendo de esos puntos de soldadura.
Paso 22
Haz doble clic en la capa de texto original para aplicar el siguiente Estilo de capa:
Sombra paralela: Cambia el color a #cbcbcb, la Distancia a 0 y el Tamaño a 10.
Sombra interior: Cambia el color a #c2b394, la Opacidad a 60%, la Distancia a 0, el Tamaño a 60, el Contorno de resplandor a Gaussiano y marca la casilla Suavizado.
Bisel y relieve: Cambia la Profundidad a 300 y el Tamaño a 16. Desmarca la casilla Usar luz global para que podamos cambiar los valores de Ángulo y Altitud sin afectar a los otros Estilos de capa del documento, luego, cambia el Ángulo a 80 y la Altitud a 50. Además, cambia el Contorno brillante a Pendiente redondeada, el Modo resaltado a Superponer y el color del Modo de sombra a #fefe.
Contorno: Solo marca la casilla Suavizado.
Esto añadirá efectos simples de luz y profundidad, y creará una base para el efecto de brillo real en la parte superior.
Paso 23
Haz doble clic en la copia de la capa de texto para aplicar el siguiente Estilo de capa:
Sombra interior: Cambia el color a #d1c2a4, la Opacidad a 50%, la Distancia a 0 y el Tamaño a 35.
Resplandor interior: Cambia el color a #ebe3c8, la Técnica a preciso, la Fuente al Centro y el Tamaño a 70.
Bisel y relieve: Cambia la Profundidad a 500, el Tamaño a 20 y el Suavizado a 1. Desmarca la casilla Usar la luz global, luego cambia el Ángulo a 60 y la Altitud a 35. También, cambia el Contorno brillante a Aro y marca la casilla Suavizado, cambia el Modo resaltado a Luz intensa, su color a #d6d2bc, su Opacidad a 60%, y cambia el color del Modo de sombra a #fefefe.
Contorno: Elige Aro doble y marca la casilla Suavizado.
Esto creará el efecto final de brillo similar al del vidrio.
Imagen final
Y este es el resultado final. Espero que hayas disfrutado del tutorial y que lo encuentres útil. Por favor, no dudes en dejar tus comentarios y sugerencias a en la sección de abajo.
By
