Crear un efecto de texto iluminado en Photoshop

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!


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • Code Bold fuente.
  • LandscapeArid0006 por Jonas De Ro.
  • RustPaint0147 por Thierry Hof.

Antes de comenzar: Cargando presets

Para obtener más información sobre la carga de ajustes preestablecidos, consulte este tutorial sobre el Administrador de ajustes preestablecidos en Photoshop.

  • Abre el RustPaint0147 imagen en Photoshop luego ir a Edita> Define Patrón Con el fin de agregar la textura como un patrón a la Patrones programar.
  • Para cargar el Contornos, ir Editar> (Ajustes preestablecidos)> Gestor de ajustes preestablecidos, y elige Contornos desde el Tipo de preset Menú desplegable. Luego, haga clic en la pequeña flecha a la derecha de la Tipo de preset menú desplegable, y haga clic en Contornos cerca de la parte inferior del menú emergente. Cuando el cuadro de diálogo aparece después de eso, haga clic en Adjuntar.
  • Para cargar el Patrones, ir Editar> (Ajustes preestablecidos)> Gestor de ajustes preestablecidos, y elige Patrones desde el Tipo de preset Menú desplegable. Luego, haga clic en la pequeña flecha a la derecha de la Tipo de preset menú desplegable, y haga clic en Patrones cerca de la parte inferior del menú emergente. Cuando el cuadro de diálogo aparece después de eso, haga clic en Adjuntar.

1. Crea el fondo y el texto.

Paso 1

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.

Paso 2

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.

Paso 3

Ir Imagen> Ajustes> Desaturar, luego ve a Imagen> Ajustes> Niveles, y cambiar el Gama valor para 1.15.

Etapa 4

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.

Paso 5

Duplicar la capa de texto.


2. Estilo del texto

Haga doble clic en la capa de texto de copia para aplicar el siguiente estilo de capa:

Paso 1 - Bisel y relieve

  • tamaño: 1
  • Marque la casilla Anti-aliased
  • Modo de resaltado: Superposición
  • Opacidad: 70%
  • Modo Sombra> Opacidad: 70%

Paso 2 - Contorno

  • Contorno: Cove - Shallow
  • Marque la casilla Anti-aliased.
  • Distancia: 90%

Paso 3 - Sombra interior

  • Distancia: 0
  • tamaño: 10

Etapa 4

- Brillo interior

  • Modo de mezcla: Luz lineal
  • Opacidad: 100%
  • Color: # ffeed5
  • Técnica: Preciso
  • Fuente: Centro
  • Ahogo: 25
  • tamaño: 37

Paso 5 - Patrón de superposición

  • Modo de mezcla: Pantalla
  • Opacidad: 25%
  • Modelo: Nubes

Paso 6

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.


3. Crea la punta del pincel

Paso 1

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.

Paso 2

Ir Editar> Definir Pincel preestablecido, y escriba Cepillo Para el Nombre. Luego puedes cerrar este documento y volver al original..

Paso 3

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:

Etapa 4

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.

Paso 5

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..


4. Llene las letras restantes

El resto de las letras se rellenarán acariciando las rutas de trabajo..

Paso 1

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..

Paso 2

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..

Paso 3

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..

Etapa 4

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.

Paso 5

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.

Paso 6

Una vez que hayas terminado de modificar el trazo, cambia la Cepillo capas Llenar valor para 0, luego duplicarlo.


5. Estilizando los bulbos

Paso 1 - Bisel y relieve

Haga doble clic en el Cepillo capa para aplicar el siguiente estilo de capa:

  • Técnica: Cincel duro
  • tamaño: 3
  • Contorno brillante: Cono - Invertido
  • Marque la casilla Anti-aliased
  • Modo de resaltado: Luz dura
  • Modo Sombra - Opacidad: 0%

Paso 2 - Contorno

  • Contorno: Cono - Invertido
  • Marque la casilla Anti-aliased.

Paso 3 - Sombra interior

  • Modo de mezcla: Luz lineal
  • Color: # ffe1a5
  • Distancia: 0
  • tamaño: 3

Etapa 4 - Brillo interior

  • Modo de mezcla: Luz lineal
  • Color: #fffffd
  • Fuente: Centro
  • tamaño: 7

Paso 5 - Brillo externo

  • Modo de mezcla: Luz dura
  • Opacidad: 100%
  • Color: # ffeac7
  • tamaño: 1

Paso 6

Esto estilizará la parte brillante de las bombillas (heptágonos).

Paso 7 - Bisel y relieve

Haga doble clic en el cepillo de copia capa para aplicar el siguiente estilo de capa:

  • Desmarque la casilla Usar luz global
  • Ángulo: 105
  • Altitud: 48
  • Marque la casilla Anti-aliased
  • Modo de resaltado: Viva luz
  • Opacidad: 100%
  • Modo Sombra - Opacidad: 0%

Paso 8 - Contorno

  • Contorno: Cono - Invertido
  • Marque la casilla Anti-aliased.

Paso 9

Esto creará el vidrio de las bombillas..


6. El pincel de reflexión

Paso 1

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..

Paso 2

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..

Paso 3

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.

Etapa 4

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.

Paso 5

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.

Paso 6

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..


7. Crea las reflexiones.

Paso 1

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.

Paso 2

Selecciona el 0 capa e ir a Filtro> Desenfoque> Desenfoque de movimiento. Cambiar el Ángulo a 0 y el Distancia a 30.

Paso 3

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.

Etapa 4

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..

Paso 5

Comando / Ctrl-Haga clic en la miniatura de la capa de texto para crear una selección..

Paso 6

Ir Seleccionar> Modificar> Contrato y escriba 1. Esto contratará la selección. 1 píxel.

Paso 7

Ir Seleccionar> Inverso, luego pulsa el Borrar botón, y vaya a Seleccionar> Deseleccionar deshacerse de la selección.

Paso 8

Duplica la capa de luz y cambia la copia Modo de mezcla Para superponer, luego duplicar la capa de copia.

Paso 9

Esto intensificará los reflejos de luz..


8. Crea las barras de metal

Paso 1

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..

Paso 2

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.

Paso 3

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.

Etapa 4

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..


9. Estilo de las barras de metal

Paso 1 - Bisel y relieve

Haga doble clic en el Horizontal capa para aplicar el siguiente estilo de capa:

  • Técnica: Cincel duro
  • tamaño: 1
  • Marque la casilla Anti-aliased
  • Modo de resaltado: Luz dura

Paso 2 - Contorno

  • Contorno: Cove - Shallow
  • Marque la casilla Anti-aliased.

Paso 3 - Satín

  • Modo de mezcla: Viva luz
  • Color: # e1c543
  • Contorno: Pasos redondeados

Etapa 4 - Gradiente de superposición

  • Modo de mezcla: Luz tenue
  • Opacidad: 60
  • Estilo: Radial
  • Escala: 150%
  • Use un relleno de degradado transparente a negro (con el color Negro en ambos lados del degradado).

Paso 5 - Patrón de superposición

  • Modo de mezcla: Superposición
  • Opacidad: 100%
  • Modelo: RustPaint0147

Paso 6

Esto estilizará las barras horizontales..

Paso 7 - Bisel y relieve

Haga doble clic en el Vertical capa para aplicar el siguiente estilo de capa:

  • Técnica: Cincel duro
  • tamaño: 1
  • Marque la casilla Anti-aliased
  • Modo de resaltado: Superposición

Paso 8 - Contorno

  • Contorno: Cove - Shallow
  • Marque la casilla Anti-aliased.

Paso 9 - Patrón de superposición

  • Modo de mezcla: Superposición
  • Opacidad: 100%
  • Modelo: RustPaint0147

Paso 10

Haga clic derecho en el Vertical capa y elegir Copiar estilo de capa.

Paso 11

Haga clic derecho en el Centrar capa y elegir Pegar estilo de capa.


10. Añade las sombras

Paso 1

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..

Paso 2

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.

Paso 3

Haga doble clic en la capa de texto original y aplique una Sombra paralela efecto:

  • Opacidad: 100%
  • Distancia: 0
  • Untado: 20
  • tamaño: 30

Etapa 4

Ir Capa> Estilo de capa> Crear capa. Esto colocará el efecto de sombra en una capa separada. Eliminar la capa de texto original.

Paso 5

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..

Paso 6

Ir Seleccione> Deslect, y cambiar el nombre de la capa de sombra a Sombra de texto.


11. Añadir luces

Paso 1

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.

Paso 2

Elige el Pincel, y usar un 250 px Pincel redondo suave para añadir algo de luz detrás del texto..

Paso 3

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..

Etapa 4

Haga clic en el Crear una nueva capa de relleno o ajuste icono abajo del Capas panel y elegir Mapa de gradiente.

Paso 5

Cambiar la capa de ajuste Modo de mezcla a Overlay y su Opacidad a 20%.

Paso 6

Para crear el Gradiente, usa lo siguiente Color y Ubicación valores:

  • # c6baac - 0
  • # ffc960 - 50
  • # ffe64b - 88

Paso 7

Una vez más, haga clic en el Crear una nueva capa de relleno o ajuste icono, pero esta vez, elige Gradiente.

Paso 8

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%.


¡Felicidades! Has terminado.

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..