Cómo crear un efecto de texto de signo de bombilla de marquesina 3D en Adobe Photoshop

Lo que vas a crear

Este tutorial le mostrará algunos consejos y trucos para crear un efecto de texto de signo de bombilla de marquesina utilizando las herramientas y configuraciones 3D de Photoshop, junto con algunas imágenes, texturas, estilos de capa y capas de ajuste. Empecemos!

Este efecto de texto se inspiró en los muchos estilos de capa disponibles en GraphicRiver.

Activos Tutoriales

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

  • Burford Base fuente
  • Imagen de BrickSmallBrown0478 - 1
  • Gradientes metálicos de texturas sin costura de jojo-ojoj.
  • Bulbos de la letra E por makamuki0
  • Bombilla de ivoxis
  • Fireworks0023 (usa cualquier imagen que quieras)

1. Cómo ajustar una textura de fondo

Paso 1

Crear un nuevo 1000 x 750 px documento, ir a Archivo> Lugar vinculado, y abre el BrickSmallBrown0478 imagen para agregarlo como Objeto inteligente.

Cambia el tamaño de la imagen para llenar el documento y pulsa el botón Regreso llave.

Paso 2

Ir Imagen> Ajustes> Tono / Saturación, y cambiar el Ligereza valor para -sesenta y cinco.

Paso 3

Haga doble clic la BrickSmallBrown0478 capa para aplicar una Superposición de color efecto con estos ajustes:

  • Color: # e0e0e0
  • Modo de mezcla: De combustión lineal

Esto creará una textura de fondo oscuro.

2. Cómo crear texto 3D editable

Paso 1

Crea el texto en Todas las gorras usando la fuente Base de Burford. Cambiar el tamaño a 450 pt y el Rastreo a -75.

Paso 2

Ir 3D> Nueva extrusión 3D de la capa seleccionada.

Esto convertirá la capa de tipo en una capa 3D editable.

3. Cómo trabajar con la escena 3D

Paso 1

Para acceder a la configuración y propiedades de la malla 3D, deberá abrir dos paneles: 3D panel y el Propiedades panel.

los 3D El panel tiene todos los componentes de la escena 3D, y cuando hace clic en el nombre de cualquiera de ellos, podrá acceder a su configuración en el Propiedades panel. Asegúrese de seleccionar siempre la pestaña del elemento que desea modificar en la 3D panel antes de cambiar su configuración en el Propiedades panel.

Paso 2

Si selecciona la Herramienta de movimiento, encontrarás un conjunto de Modos 3D por ello a la derecha de la Opciones bar.

Cuando elige uno de esos, puede hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el 3D panel).

Usa esos modos para cambiar la Vista actual en un ángulo que te gusta.

4. Cómo ajustar la configuración de malla y tapa 3D

Paso 1

Seleccione la pestaña de malla de texto en el 3D panel, y cambiar su Profundidad de extrusión en el Propiedades panel para 0.

Paso 2

Haga clic en el Gorra icono en la parte superior de la Propiedades Panel para acceder a su configuración..

Paso 3

Haga clic en el Contorno selector para crear un contorno personalizado.

Una vez el Editor de contorno Se abre, haga clic en la línea que tiene para agregar un punto..

Etapa 4

Con el punto agregado seleccionado, verifique la Esquina caja en la parte inferior.

Paso 5

Añade otro punto y comprueba su Esquina caja también.

Paso 6

A continuación, seleccionará cada uno de los puntos que agregó y escribirá su Entrada y Salida valores en la parte inferior.

Los valores para el punto a la izquierda son:

  • Entrada: 5
  • Salida: 95

Los valores para el punto a la derecha son:

  • Entrada: 95
  • Salida: 95

Hacer clic DE ACUERDO cuando termines.

Paso 7

Cambiar el Ancho de bisel valor para 12 y el Ángulo a 85%.

También puede usar cualquier otro valor que desee si desea obtener un resultado diferente.

5. Cómo crear un material texturizado

Paso 1

Seleccione la malla de texto Material de inflado delantero y haga clic en su Difuso icono de carpeta en el Propiedades panel a elegir Textura de carga.

Abre el misto 1.jpg imagen de la Gradientes de metal sin costura texturas paquete.

Paso 2

Haga clic en el Difuso icono de textura y elegir Editar propiedades UV.

Paso 3

Ajustar el Azulejo y Compensar Valores para obtener un resultado que te guste..

Etapa 4

Para el resto de la configuración, use estos valores (los valores de color utilizados están en RGB):

  • De espejo: 135, 59, 33
  • Iluminación: 191, 96, 27 - Intensidad -4.77
  • Brillar: 70%
  • Reflexión: 3%

6. Cómo guardar y volver a aplicar materiales 3D

Paso 1

Haga clic en el Selector de material cuadro, haga clic en el icono del menú emergente y elija Nuevo material.

Paso 2

Tipo Material delantero y trasero en el Nombre campo, y haga clic en DE ACUERDO.

Esto agregará el material al selector para que pueda volver a aplicarlo más adelante..

Paso 3

Selecciona el Material de inflación de espalda pestaña, abre la Selector de material, desplácese hacia abajo hasta el Material delantero y traserodel icono, y haga clic en él para aplicarlo..

7. Cómo crear más materiales texturizados

Paso 1

Haga clic en la malla de texto. Material de bisel delantero pestaña, haga clic en su Difuso icono de carpeta, y elija Textura de carga para abrir el d.jpg imagen de la Gradientes de metal sin costura texturas paquete.

Paso 2

Selecciona el Extrusión y Material de bisel trasero pestañas, haga clic en el Difuso icono de carpeta, y elija la re nombre de la textura de la lista.

Paso 3

Selecciona el Bisel delantero, Extrusión, y Material de bisel trasero pestañas, y usa estos ajustes:

  • De espejo: 104, 86, 64
  • Iluminación: 191, 96, 27 - Intensidad -4.77
  • Brillar: 85%
  • Reflexión: 20%
  • Refracción: 1.536%

Etapa 4

Seleccione solo el Extrusión y Material de bisel trasero pestañas, y cambiar sus Brillar valor para 30%.

8. Cómo ajustar la iluminación de una escena 3D

Paso 1

Selecciona el Luz infinita 1 pestaña, y cambiar su Intensidad a 50% y es Suavidad de las sombras a 100%.

Paso 2

Utilizar el Herramienta de movimiento para mover la luz a un ángulo que desee, o puede hacer clic en el botón Coordenadas icono en la parte superior de la Propiedades Panel para utilizar valores numéricos..

9. Cómo ajustar la configuración 3D de varios

Paso 1

Porque estamos usando el Contorno de bisel para crear la malla 3D, sin ningún tipo de Profundidad de extrusión, Puede haber algunas líneas al azar que aparecen en todo el texto.

Para deshacerse de esas líneas, haga clic en el Escena pestaña, y debajo Eliminar oculto: en el Propiedades panel, compruebe ambos Backfaces y Líneas cajas.

Paso 2

Dado que vamos a agregar las bombillas manualmente usando una imagen de archivo, será difícil hacer coincidir la perspectiva del texto 3D.

Hay dos formas de solucionar esto. Puede seleccionar la Vista personalizada pestaña y elige la Frente preestablecido desde el Ver menú.

O puede ajustar la vista de la cámara manualmente usando la Herramienta de movimientoes Modos 3D, y luego haga clic en el Vista actual y haga clic en la Ortográfico icono.

10. Cómo renderizar y modificar una escena 3D renderizada

Paso 1

Una vez que haya terminado de hacer ajustes y cambios, vaya a 3D> Render 3D Layer. El renderizado puede tardar un poco, pero puede detenerlo en cualquier momento presionando la tecla Esc llave.

Una vez finalizada la renderización, botón derecho del ratón la capa 3D y elige Convertir a objeto inteligente Para evitar realizar cambios accidentales..

Haga doble clic la 3D Capa para aplicar el siguiente estilo de capa:

Paso 2

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 7%
  • Color: # ffcb8d
  • Tamaño: 131

Paso 3

Agrega un Sombra paralela con estos ajustes:

  • Opacidad: 75%
  • Desmarque la Usar luz global caja
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 10

Esto le dará estilo al texto 3D.

11. Cómo crear un efecto de viñeta

Paso 1

Haga clic en el Crear nueva capa de relleno o ajuste icono en la parte inferior de la Capas panel y elegir Color sólido.

Selecciona el Color de relleno a Negro, y cambiar la capa de Modo de mezcla a Luz tenue y es Opacidad a 50%.

Paso 2

Elige el Herramienta de marco elíptico y crear una selección en torno al texto..

Selecciona el Color sólido La miniatura de la máscara de capa y rellena la selección con Negro.

prensa Comando-D deseleccionar.

Paso 3

Con la miniatura de la máscara aún seleccionada, abre el Propiedades panel, y aumentar la Pluma Valor para suavizar los bordes y crear un efecto de viñeta..

12. Cómo agregar bombillas

Paso 1

Abre el Bombillas Letra E imagen, y usar el Herramienta de marco elíptico para seleccionar la bombilla en la parte superior de la letra.

Ir Editar> Copiar copiar la selección.

Paso 2

Volver a la original 3D documento, ir a Editar> Pegar, renombrar la capa a Bombilla 01, y convertirlo en un Objeto inteligente.

Paso 3

Haga doble clic la Objeto inteligentepara abrir el archivo de la bombilla e ir a Imagen> Tamaño de imagen para cambiar el Anchura y Altura valores a 56.

Etapa 4

Agrega un La saturación de color capa encima de la Bombilla 01 Capa y córtala a ella. Cambiar el Matiz valor para -12.

Paso 5

Haga doble clic la Bombilla 01 capa para aplicar una Brillo interior efecto con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir)
  • Opacidad: 25%
  • Color: # fff2e3
  • Fuente: Centrar
  • Tamaño: 27

Paso 6

Guarde el archivo y ciérrelo para volver al documento original..

13. Cómo construir estilos de capa y duplicar objetos

Paso 1

Coloque la imagen de la bombilla dentro de la primera letra que tiene, presione Comando-T entrar Modo de transformación libre, y cambiar el tamaño de la bombilla según sea necesario.

Golpea el Regreso llave cuando termine.

Haga doble clic la Bombilla 01 Objeto inteligente Capa para aplicar el siguiente estilo de capa:

Paso 2

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 75%
  • Color: # ffcb8d
  • Tamaño: 20

Paso 3

Agrega un Sombra paralela con estos ajustes:

  • Opacidad: 35%
  • Desmarque la Usar luz global caja
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 7

Esto estilizará la bombilla..

Etapa 4

Presione "Hold la Opción clave, y clic y arrastre la bombilla para duplicarlo.

Paso 5

Repite eso para duplicar las bombillas y rellenar el texto con ellas..

Una vez que haya terminado, coloque todas las capas de bulbo en un grupo y asígnele el nombre Bulbos.

14. Cómo agregar bombillas sin iluminación

Paso 1

Abre el Bulbo imagen, y usar el Herramienta de marco elíptico para seleccionar la parte interior de la bombilla, y copiarla.

Paso 2

Pegue la bombilla copiada en el documento original, cambie el nombre de su capa a Bombilla 02, y convertirlo en un Objeto inteligente.

Cambiar el tamaño de la Bombilla 02 imagen a juego Bombilla 01tamaño de.

Entonces, esconde cualquier Bombilla 01 pon la capa y coloca Bombilla 02 uno en su lugar.

Haga doble clic la Bombilla 02 Imagen para aplicar el siguiente estilo de capa:

Paso 3

Añadir un Sombra interior con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Color: # b8b8b8
  • Opacidad: 100%
  • Distancia: 0
  • Tamaño: 10

Etapa 4

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir)
  • Opacidad: 55%
  • Color: #ffffff
  • Fuente: Centrar
  • Tamaño: 13

Paso 5

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 5%
  • Color: # ffcb8d
  • Tamaño: 20

Paso 6

Agrega un Sombra paralela con estos ajustes:

  • Opacidad: 35%
  • Desmarque la Usar luz global caja
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 7

Esto marcará el estilo de la segunda bombilla, pero todavía necesitamos deshacernos de las áreas oscuras.

Paso 7

Haga doble clic la Bombilla 02 capa de nuevo para ajustar su Opciones de mezcla.

Vamos a ajustar el Esta capa deslizadores bajo la Mezclar si sección, que ayudará a proteger las zonas más oscuras de la Bombilla 02 Capa de interactuar con el resto de las capas..

Para hacerlo, presione "Hold la Opción clave, y clic y arrastre el deslizador izquierdo para dividirlo.

Luego, mueva ambos extremos hasta que no haya áreas oscuras visibles.

Deberías terminar con algo como esto:

15. Cómo agregar chispas

Paso 1

Coloque cualquiera de los Fuegos artificiales0023 imágenes en la parte superior de la Bombilla 02 capa, cambiar su capa de Modo de mezcla a Pantalla, y transformalo como quieras.

Paso 2

Duplicar el Bombilla 02 capa, y agregue más capas de chispas para crear un par de bombillas más apagadas sobre el texto.

16. Cómo agregar ajustes globales

Paso 1

Agrega una nueva capa encima de todas las capas y nómbrela ruido.

Ir Editar> Rellenar, cambiar el Contenido a 50% gris, y haga clic DE ACUERDO.

Paso 2

Convertir el ruido capa en una Objeto inteligente y cambiar su Modo de mezcla a Luz tenue.

Paso 3

Ir Filtro> Ruido> Añadir ruido. Cambiar el Cantidad a 3 y el Distribución a Gaussiano, y compruebe el Monocromo caja.

Etapa 4

Agrega un Búsqueda de colores capa de ajuste, elija la 3Strip.look mesa de la Archivo 3DLUT menú, y cambiar la capa de Opacidad a 85%.

Felicidades, estas hecho!

En este tutorial, ajustamos una textura simple para crear un fondo y creamos una malla 3D desde una capa de texto.

Luego, ajustamos la configuración de malla 3D, creamos sus materiales, ajustamos su iluminación y configuración, y la renderizamos.

Después de eso, utilizamos un par de imágenes, junto con las capas de ajuste y los estilos de capa, para agregar las bombillas al texto..

Finalmente, agregamos algunos ajustes globales para terminar el efecto..

No dude en dejar sus comentarios, sugerencias y resultados a continuación..