Los efectos de iluminación son una forma divertida de hacer que su tipografía sea más interesante. En este tutorial, te mostraré cómo crear un efecto de texto que se ilumina con pistas de luces pequeñas utilizando varias herramientas de Photoshop, incluidas formas vectoriales, pinceles, estilos de capa y capas de ajuste. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
Para obtener más información sobre la carga de ajustes preestablecidos, consulte este tutorial sobre el Administrador de ajustes preestablecidos en Photoshop.
Cree un nuevo documento de 1200 x 1600 px y use el Resolución valor de 300. Selecciona el Primer plano color para # 35383f
y el Fondo color para # 1d1e23
. Elige el Herramienta gradiente, elegir la Primer plano al fondo relleno de degradado, haga clic en el Gradiente radial icono, y compruebe el Vacilar caja para obtener un resultado más suave.
Luego, haga clic y arrastre desde el centro del documento a una de las esquinas para crear el degradado de fondo.
Colocar el PaisajeArid0006 imagen en la parte superior de la capa de fondo, luego muévala para que la cima de la montaña esté cerca de la parte inferior del documento. Cambiar la capa de la imagen. Modo de mezcla a Multiplicar.
Ir Imagen> Ajustes> Desaturar, luego ve a Imagen> Ajustes> Niveles, y cambiar el Gama valor para 1.15.
Crea el texto usando la fuente. Código Bold. La fuente y el tamaño de fuente utilizados son cruciales para este efecto de texto, ya que determinan la configuración del pincel que se usará más adelante en el tutorial. Así que asegúrate de usar los mismos valores o de cambiar la configuración del pincel para que esté de acuerdo con cualquier otra familia de fuentes o tamaño que uses.
los tamaño aquí está 60 puntos, la color es # 422915
, la Rastreo valor es 100, y el Kerning se establece en Óptico.
Duplicar la capa de texto.
Haga doble clic en la capa de texto de copia para aplicar el siguiente estilo de capa:
- Brillo interior
# ffeed5
Esto le dará estilo al texto con el efecto de brillo básico. La Superposición de patrón ayudará a crear algunas variaciones de brillo, mientras que el Resplandor interior intensificará la luz en el centro del texto, así como la guía para agregar el pincel y las rutas de trabajo a continuación.
Crea un nuevo documento de 500 x 500. Elige el Herramienta de polígono, cambiar el número de Lados a 7, y crea un 320 x 320 negro Heptágono.
Ir Editar> Definir Pincel preestablecido, y escriba Cepillo Para el Nombre. Luego puedes cerrar este documento y volver al original..
Elige el Pincel y abre el Cepillo panelVentana > Cepillo). Elija la punta del pincel que acaba de definir y luego cambie su configuración como se muestra a continuación:
Crea una nueva capa encima de todas las capas y llámala Cepillo, y establecer el color de primer plano a Blanco
. Lo que deberá hacer a continuación, es rellenar las partes rectas y diagonales del texto con el pincel modificado.
Para rellenar las partes vertical y horizontal, haga clic donde desee que comience la línea, mantenga presionada la tecla Cambio clave, luego arrastre la línea hacia donde desea que termine y suelte todos.
Para llenar las partes diagonales, haga clic una vez donde desee que comience la línea y suelte, presione y mantenga presionada la tecla Cambio clave, luego haga clic una vez más donde desee que finalice la línea y suelte todos.
Haga clic siempre antes de presionar el Cambio clave para evitar que las líneas se conecten.
Siempre puedes deshacer cualquier línea que no te guste y recrearla. Este paso puede llevar algún tiempo, pero proporciona un resultado más preciso..
El resto de las letras se rellenarán acariciando las rutas de trabajo..
Por la carta O, simplemente puedes usar el Herramienta elipse, con el Camino opción seleccionada en el Opciones Barra, para crear una ruta de trabajo en el centro de la carta..
Para las otras letras, necesitarás usar el Lapicera (con la opción Ruta seleccionada) para crear las rutas de trabajo.
Haga clic una vez para agregar puntos de anclaje y haga clic y arrastre para crear curvas. Puede usar el Resplandor interno de las letras como referencia para agregar la ruta. No tienes que hacerlo perfecto, ya que trabajaremos en ello más a continuación..
Una cosa importante a la que se debe prestar atención al crear las rutas de trabajo es crearlas todas (para todas las partes necesarias del texto) antes de marcar cualquiera de ellas. Las rutas de trabajo creadas ahora se utilizarán de nuevo más adelante en el tutorial. Así que todos deben ser creados al mismo tiempo.
Para poder separar las rutas de trabajo, mantenga presionada la tecla Comando / Ctrl clave y haga clic una vez fuera de cada ruta cuando haya terminado de crearlo. Esto separará la ruta de trabajo que creó de la que va a crear a continuación..
Después de crear todas las rutas de trabajo, seleccione Herramienta de selección directa, entonces empieza a modificarlos.
Puede hacer clic y arrastrar un punto de anclaje para moverlo, o puede hacer clic en el Puntos de direccion al final de los dos Manijas de direccion, luego muévalos alrededor para cambiar la orientación de la curva, o arrástrelos hacia afuera y hacia adentro para hacer que la curva sea más ancha o más estrecha.
Puedes usar el Añadir / Eliminar herramienta (s) de punto de anclaje si es necesario también.
Cuando te guste cómo se ven los caminos, elige el Pincel de nuevo, asegúrese de que el Cepillo se selecciona la capa, luego pulsa el Entrar / Regresar clave para trazar los caminos de trabajo.
Luego, usa el Herramienta de borrador para deshacerse de las partes no deseadas / superpuestas, y reemplácelas volviendo a agregar los heptágonos usando el Pincel.
Puede deshacerse de la ruta de trabajo seleccionando la Herramienta de selección directa y golpear el Entrar / Regresar llave.
Una vez que hayas terminado de modificar el trazo, cambia la Cepillo capas Llenar valor para 0, luego duplicarlo.
Haga doble clic en el Cepillo capa para aplicar el siguiente estilo de capa:
# ffe1a5
#fffffd
# ffeac7
Esto estilizará la parte brillante de las bombillas (heptágonos).
Haga doble clic en el cepillo de copia capa para aplicar el siguiente estilo de capa:
Esto creará el vidrio de las bombillas..
Elige el Pincel, luego abre el Pincel preestablecido seleccione y haga clic en el icono del menú emergente en la esquina superior derecha. Elegir la Cepillos cuadrados preseleccione el menú y haga clic Adjuntar Para añadirlo a los otros pinceles que tengas..
Elige un 3px pincel cuadrado y modificar su configuración en el Cepillo panel como se muestra a continuación. Esto puede ser un poco complicado ya que necesitamos que el pincel cuadrado se agregue al centro de cada heptágono. Entonces el Espaciado El valor debe ser ajustado hasta que se logre el resultado..
Para este tutorial, el valor utilizado para eso es 700. Pero definitivamente puedes probar otros valores si este no te funciona..
Cree una nueva capa en la parte superior de todas las capas y establezca el color de primer plano en uno rojo brillante. Después de eso, siga los mismos pasos utilizados para la punta del pincel de heptágono para rellenar el texto con la punta cuadrada.
Solo asegúrese de colocar la punta del pincel en el centro del heptágono cuando haga clic para agregarlo antes de arrastrarlo.
Para recuperar la ruta de trabajo y trazar las letras de la ruta de trabajo, abra el Caminos panelVentana > Caminos), y haga clic en Camino de trabajo lengüeta.
Volver a la Capas Paneles y trazos en la ruta de trabajo, luego corrija cualquier problema como lo hizo con la punta del cepillo de heptágono.
Cuando haya terminado de agregar las puntas cuadradas, establezca el color de primer plano en # fff5e9
, elige el Herramienta Bote de pintura, desmarque el Contiguo en la barra de opciones, coloque el cursor del mouse dentro de uno de los cuadrados y haga clic para rellenarlos con el color de primer plano.
Esta no es una forma precisa de cambiar el color, pero creará algunas variaciones debido a eso.
Si desea un resultado más preciso, puede aplicar un efecto de superposición de color utilizando el mismo color (# fff5e9), luego rasterizar la capa después de eso..
Arrastre la capa de pincel cuadrado justo debajo de la Cepillo capa, luego renómbrela a 0. Crea 3 copias más de esa capa, y renómbrelas a 90, 45, y -45. Los nombres representan los valores que se utilizarán para el Desenfoque de movimiento Ángulo valor para cada capa.
Selecciona el 0 capa e ir a Filtro> Desenfoque> Desenfoque de movimiento. Cambiar el Ángulo a 0 y el Distancia a 30.
Haga lo mismo para las otras capas, pero asegúrese de usar el Ángulo valor del nombre de la capa seleccionada.
Luego selecciona las cuatro capas de Motion Blur y ve a Capa> Combinar capas. Cambiar el nombre de la capa fusionada a Ligero.
Elige el Herramienta de la mancha, escoge un 5px cepillo redondo suave, y establecer el Fuerza valor para 100. Haz clic y arrastra las líneas para rellenar las esquinas vacías..
Comando / Ctrl-Haga clic en la miniatura de la capa de texto para crear una selección..
Ir Seleccionar> Modificar> Contrato y escriba 1. Esto contratará la selección. 1 píxel.
Ir Seleccionar> Inverso, luego pulsa el Borrar botón, y vaya a Seleccionar> Deseleccionar deshacerse de la selección.
Duplica la capa de luz y cambia la copia Modo de mezcla Para superponer, luego duplicar la capa de copia.
Esto intensificará los reflejos de luz..
Establecer el color de primer plano a # 151414
, elige el Herramienta rectangular, y crear 11-px-alto rectángulos detrás del texto. Cada línea de texto debe tener dos rectángulos detrás: uno cerca de la parte superior y otro cerca de la parte inferior. Las líneas deben extenderse fuera de los lados derecho e izquierdo del texto..
Asegúrese de elegir el Combinar formas Opción en la barra de opciones para crear todos los rectángulos en una capa..
Renombra la capa de los rectángulos a Horizontal y asegúrese de colocarlo debajo de la capa de texto, luego cree una nueva capa debajo de ella y cámbiele el nombre a Vertical.
Crear dos 15-px de ancho rectángulos verticales cerca de ambos extremos de las líneas horizontales, y asegúrese de arrastrar sus lados inferiores a la parte inferior del documento.
Crea otra nueva capa entre las Horizontal y Vertical Capas, llamalo Centrar, y agrega dos mas 11-px de ancho Rectángulos cerca de la mitad de los horizontales..
Haga doble clic en el Horizontal capa para aplicar el siguiente estilo de capa:
# e1c543
Esto estilizará las barras horizontales..
Haga doble clic en el Vertical capa para aplicar el siguiente estilo de capa:
Haga clic derecho en el Vertical capa y elegir Copiar estilo de capa.
Haga clic derecho en el Centrar capa y elegir Pegar estilo de capa.
Comando / Ctrl-haga clic en el Centrar La miniatura de la capa para crear una selección, luego Comando / Ctrl-Cambio-haga clic en el Vertical Miniatura de la capa para añadirla a la selección..
Crea una nueva capa encima de la Centrar capa, llamalo Sombra, y cambiar su Modo de mezcla a Multiplicar. Establecer el color de primer plano a # 959595
, elige el Pincel, y elige un 100 - 125 px punta redonda suave.
Haga clic una vez para agregar sombra donde se encuentren las líneas verticales y horizontales. Cuando termine, vaya a Seleccionar> Deseleccionar.
Haga doble clic en la capa de texto original y aplique una Sombra paralela efecto:
Ir Capa> Estilo de capa> Crear capa. Esto colocará el efecto de sombra en una capa separada. Eliminar la capa de texto original.
Comando / Ctrl-haga clic en el Horizontal la miniatura de la capa para crear una selección, asegúrese de que la capa de sombra paralela esté seleccionada, vaya a Seleccionar> Inverso, luego pulsa Borrar Deshacerse de la sombra fuera de las líneas horizontales..
Ir Seleccione> Deslect, y cambiar el nombre de la capa de sombra a Sombra de texto.
Crear una nueva capa debajo de la Sombra de texto capa y llamalo Luz de texto. Cambiar su Modo de mezcla a la luz suave y su Opacidad al 50%. Establecer el color de primer plano a # c0b99d
.
Elige el Pincel, y usar un 250 px Pincel redondo suave para añadir algo de luz detrás del texto..
Cambiar el color de primer plano a # c9b47d
, y el cepillo tamaño a un valor realmente grande (1800). Crea una nueva capa encima de todas las capas y llámala Superposición de luz. Cambiar su Modo de mezcla a Overlay y su Opacidad a 70%.
Luego, haga clic una vez en el centro del documento para agregar la luz. Esto mejorará el color y el brillo del resultado final y hará que los detalles y texturas resalten un poco más..
Haga clic en el Crear una nueva capa de relleno o ajuste icono abajo del Capas panel y elegir Mapa de gradiente.
Cambiar la capa de ajuste Modo de mezcla a Overlay y su Opacidad a 20%.
Para crear el Gradiente, usa lo siguiente Color y Ubicación valores:
# c6baac
- 0# ffc960
- 50# ffe64b
- 88Una vez más, haga clic en el Crear una nueva capa de relleno o ajuste icono, pero esta vez, elige Gradiente.
Usa un relleno degradado transparente a negro, con los colores Blanco
a la izquierda y Negro
a la derecha, cambiar el Estilo a Radial y compruebe el Vacilar caja.
Coloque la capa de ajuste justo debajo de la capa de texto, cambie su Modo de mezcla a Overlay y su Opacidad a 25%.
En este tutorial, te mostré cómo crear un efecto de texto iluminado usando varias técnicas en Photoshop. Espero que hayas aprendido algo de este tutorial y puedas usar las técnicas que demostré en tus propios efectos de texto..