Crear texto 3D de goma y vidrio en Photoshop CS6

En este tutorial, explicaremos cómo usar la edición de vectores y las capacidades 3D de Photoshop para crear texto 3D de goma y vidrio. En el proceso, le mostraremos cómo crear los materiales, modificar la iluminación, representar la escena y, finalmente, cómo mejorar el color del resultado final. Empecemos!


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial. Por favor descárgalos antes de comenzar. Si los activos no están disponibles, es posible que necesite encontrar alternativas.

  • Fuente justa.
  • Patrón ruidoso por Mladjan Antic.
  • Patrón de madera de Alexey Usoltsev.

1. Crea el texto y la forma principal

Paso 1

Cree un nuevo documento de 1000 x 750 px y complete el Fondo con el color # c2c2c2. Luego, crea el texto usando la fuente Justo en todas las gorras. El color es # 484848, y el tamaño es de 255 pt.

Paso 2

Ir Tipo> Convertir a forma.

Paso 3

Elige el Lapicera. Luego, en el Opciones bar, elige Camino, y haga clic en el Operaciones de ruta icono para elegir Restar de la selección. Lo que deberá hacer a continuación, es eliminar partes aleatorias de la forma del texto. Asegúrese de dibujar formas poligonales haciendo clic una vez para agregar cada una de las esquinas de la parte sustraída, y asegúrese de cerrar cada camino por separado.

Etapa 4

Trate de no eliminar partes muy grandes o tantas. El texto debe permanecer legible..

Paso 5

Una vez que haya terminado de eliminar los polígonos, haga clic en el Operaciones de ruta icono de nuevo, y haga clic en Fusionar componentes de forma abajo el menú emergente.

Esto fusionará todos los caminos en una forma.


2. Colocando las cartas

Paso 1

En lugar de colocar las letras en la escena 3D, que puede ser un poco más difícil y llevar mucho tiempo, ahora vamos a mover y rotar las letras.

Para ello, elige el Herramienta de selección directa, luego haga clic y arrastre alrededor de la letra para seleccionarla (sus puntos de anclaje).

Paso 2

Ir Editar> Transformación libre (CTRL / CMD + T) para ingresar al modo de transformación libre. Luego, arrastre la letra a donde desea que esté y gírela en su nueva posición. También puede usar las teclas de flecha del teclado para mover la letra.

Es importante mantener la menor distancia posible entre las letras sentadas una encima de la otra, pero no hagas que se crucen o se peguen. Si no hay espacio vacío, se extruirán como una malla 3D.

Cuando hayas terminado golpea ENTRAR / VOLVER aceptar los cambios.

Paso 3

Si las letras se superponen y no puede seleccionar todos los puntos de anclaje haciendo clic y arrastrando, puede MAYÚS + Hacer clic en los puntos de anclaje restantes por separado.


3. Creando la parte interna

Paso 1

Establecer el color de primer plano a Blanco, elige el Herramienta rectangular, y dibuja un rectángulo de 10 px de ancho y 155 px de largo.

Paso 2

A continuación, deberá duplicar el rectángulo, colocarlo dentro de una de las partes eliminadas, duplicarlo nuevamente y colocarlo dentro de otra parte, y así sucesivamente. Los rectángulos se utilizarán para rellenar las partes rectas (no las áreas curvadas o curvadas).

Cuando coloque el rectángulo, ingrese el Modo de transformación libre para girarlo, escalarlo y extenderlo un poco dentro de la forma del texto. No te olvides de golpear ENTRAR / VOLVER para confirmar los cambios posteriores.

Paso 3

Use el rectángulo original para rellenar la última parte recta vacía (no es necesario crear una copia para esa).

Etapa 4

Las partes restantes serán creadas usando el Herramienta elipse. Asegúrese de que el Forma La opción está seleccionada en el Opciones barra, luego presione y mantenga presionada la CAMBIO clave, y haga clic y arrastre para crear un círculo perfecto. Mientras lo hace, puede mantener presionada la tecla Barra espaciadora y mueva el círculo alrededor, hasta que lo coloque dentro del área que desea llenar.

No coloque el círculo exactamente en el centro de la letra. En su lugar, estíralo un poco hacia afuera desde el centro. Puede verificar los valores de Ancho y Altura del círculo mientras lo crea, o puede verificarlos luego en el Opciones bar.

Paso 5

Haga clic en el Restar de la selección icono en el Opciones barra, luego repita los mismos pasos para crear otro círculo dentro del creado anteriormente, pero esta vez, créelo 20 px menos en Ancho y Alto, de modo que después de restarlo del círculo original, el ancho de la parte restante sea de 10 px.

Paso 6

Tendrá que crear círculos con diferentes tamaños dependiendo del tamaño de la letra que están colocadas dentro.

Y para las letras donde el resto del círculo se superpone con la propia letra, use la Lapicera para deshacerse de las partes adicionales, haga clic en Fusionar componentes de forma (como lo hiciste en los pasos 1-3 y 1-5.

Paso 7

Siempre puedes escalar y rotar las partes hasta que te guste el resultado final.

Paso 8

Cuando haya terminado, seleccione todas las capas de formas excepto el texto principal (haga clic en la última capa, luego MAYÚS + haga clic en la primera) y vaya a Capa> Fusionar formas. En Photoshop CS6, lo que hará esto es fusionar todas las capas de forma seleccionadas en una capa de forma, sin rasterizarlas. Renombrar esa capa a Formas internas.


4. Creando las partes restantes de la escena

Paso 1

Duplicar el Fondo capa, arrástrela sobre todas las capas y llámela Suelo. Luego duplica el Suelo capa y cambiarle el nombre a pared.

Paso 2

Utilizar el Herramienta rectangular de nuevo para crear rectángulos de 10 x 25 px, y asegúrese de hacer clic en el Combinar formas icono en el Opciones barra para crearlos en una capa de forma, y ​​llamarlo Vaso.

Estos se agregarán alrededor del texto, para que pueda crear tantos como desee. Si desea colocar un par de ellos uno encima del otro, es mejor hacerlo cuando cree las formas, dejando una distancia de 1 px entre ellas..

Luego crea unos cuadrados de 50 x 50 px en una capa de forma separada y llámalo Caucho.


5. Creando las capas 3D

Paso 1

Para cada capa de forma, selecciónela y luego vaya a 3D> Nueva extrusión 3D del camino seleccionado, y para las otras dos capas, seleccione cada una, luego vaya a 3D> Nueva malla de capa> Postal.

Paso 2

Las capas 3D ahora están separadas, lo que significa que cada malla está en una escena diferente. Para colocar todos los elementos en una escena, seleccione todas las capas 3D, luego vaya a 3D> Combinar capas 3D.


6. La escena 3D y los paneles

Paso 1

Para acceder a la configuración y propiedades de la malla 3D, deberá abrir dos paneles: 3D panel, y el Propiedades panel (ambos encontrados bajo el Ventana menú).

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 el nombre del elemento que desea modificar en la 3D panel antes de cambiar su configuración en el Propiedades panel.

Paso 2

Selecciona el Herramienta de movimiento y verifica su Opciones bar. Encontrarás un conjunto de Modos 3D Para la herramienta a la derecha de la barra. Cuando elige uno de esos, puede hacer clic y arrastrar para realizar cualquier cambio (en el elemento seleccionado en el panel 3D).

Así que haga clic en el Vista actual pestaña en el 3D panel, luego haga clic y arrastre en cualquier área vacía de la escena 3D para cambiar la vista de la cámara, pero no mueva ninguna de las mallas todavía.


7. Modificando las mallas 3D

Paso 1

A continuación, comenzaremos a ajustar algunas configuraciones básicas de malla para las diferentes mallas en la escena..

Haga clic en el texto principal del nombre de malla 3D en el 3D panel, entonces, en el Propiedades panel, establece su Profundidad de extrusión a 50.

Paso 2

Haga clic en el Gorra icono en la parte superior de la Propiedades panel, a continuación, cambie el Ancho de bisel a 5 y el Contorno a media vuelta.

Paso 3

Cambiar el Formas internas malla Profundidad de extrusión a 20.

Etapa 4

Cambiar el Ancho de bisel a 20 y el Contorno a media vuelta.

Paso 5

Cambiar el Vaso malla Profundidad de extrusión a 200. Escalamos esto más tarde, así que cualquier valor servirá por ahora..

Paso 6

Cambiar el Ancho de bisel a 3.

Paso 7

Cambiar el Caucho malla Profundidad de extrusión a 49.

Paso 8

Cambiar el Ancho de bisel a 3 y el Contorno a media vuelta.

Paso 9

Haga clic en el Suelo nombre de malla, luego haga clic en el Coordenadas icono en la parte superior de la Propiedades panel, y cambiar el Rotación X valor a 90.

Paso 10

Ir 3D> Ajustar objeto al plano de tierra. Luego, aumentar la Posición Y un valor muy pequeño (0.1) para evitar que se raye el suelo al renderizar.


8. Creando el material de goma

Paso 1

Haga clic en el texto principal. Material de inflado delantero pestaña en el 3D panel. Haga clic en el Difuso icono de textura en el Propiedades panel y elegir Quitar textura.

Paso 2

Cambia el color difuso a # d1272e, el especular a # 545454, la iluminación para # 080808, y el ambiente a # 000000. Luego cambia el resto de los valores como se muestra a continuación.

Paso 3

Haga clic en el Bache icono de carpeta y elegir Nueva textura.

Etapa 4

Escriba 600 para ambos Anchura y Altura valores.

Paso 5

Haga clic en el Bache icono de textura y elegir Editar textura.

Paso 6

Esto abrirá el archivo de textura. Duplicar el Fondo capa, luego haga doble clic en la copia para abrir la Estilo de capa caja.

Paso 7

Aplicar un Patrón de superposición efecto utilizando el Ruidoso modelo.

Paso 8

Guarda el archivo (Archivo> Guardar) luego ciérreloArchivo> Cerrar) para volver al documento original.

Paso 9

Haga clic en el Bache icono de textura una vez más, luego elige Editar propiedades UV.

Paso 10

Selecciona el Escala U al 250%, el Escala V al 200%, y tanto el U Offset y V Offset valores a 0.


9. Guardar y volver a aplicar el material

Paso 1

En lugar de repetir los mismos pasos para el resto de los materiales, puede guardar el material creado y volver a aplicarlo..

Para ello, haga clic en Recogedor de material cuadro, luego haga clic en el icono del menú emergente en la esquina superior derecha y elija Nuevo material.

Paso 2

Escriba un nombre para el material y haga clic en Aceptar.

Paso 3

Ahora, cuando se desplaza hacia abajo la Recogedor de material, Encontrará el material que guardó, y puede aplicarlo a cualquier superficie haciendo clic en él. Así que selecciona el resto de las pestañas de material de malla de texto y aplica el material de goma a ellas.

Etapa 4

Aplicar el mismo material a la Caucho malla también.


10. Creando los materiales de vidrio y planos

Paso 1

Selecciona el Forma interna pestañas de material de malla y la Vaso pestañas de material, a continuación, retire la Difuso textura, y usa los valores de abajo.

El color difuso es #dfdfdf, el especular es # 727272, la iluminación es # 080808, y el ambiente es # 000000.

Paso 2

Haga clic en el Suelo pestaña de malla, luego desmarque la Sombras proyectadas caja. Tendrás que hacer lo mismo para el pared malla también.

Paso 3

Haga clic en el Suelo pestaña de material, luego haga clic en Difuso icono de textura y elegir Editar textura.

Cuando se abra el archivo de textura, haga doble clic en la capa del archivo para aplicar una Patrón de superposición utilizando la Patrón de madera.

Etapa 4

Haga clic en el Crear nuevo relleno o capa de ajustes. icono abajo del Capas panel y elegir La saturación de color.

Paso 5

Cambiar el Saturación valor a -20. Guarde y cierre el archivo para volver al original.

Paso 6

Eliminar el Opacidad textura (haga clic en el icono de textura y elija Quitar textura), luego cambie el resto de la configuración del material como se muestra a continuación. El color especular es #bbbbbb, la iluminación es # 000000, y el ambiente es # 000000.

Paso 7

Aplicar el mismo material a la pared malla, luego cambia el Brillar valor a 50 y el Reflexión a 10.


11. Cambiar y guardar la vista de la cámara

Paso 1

Ahora que ha terminado con los materiales, es hora de trabajar en la vista final de la cámara. Así que usa el Herramienta de movimiento para girar, hacer zoom y mover la cámara, hasta que le guste el ángulo de la escena.

Paso 2

Luego, usando el Eje 3D, escala el Suelo y pared los planos vertical y horizontalmente hasta que llenen la vista final que eligió. Y asegúrese de romper el pared al plano de tierra después de escalarlo.

Las flechas en los extremos del eje 3D mueven la malla, la parte debajo de ellas se usa para la rotación y los cubos se usan para escalar. El cubo en el centro se utiliza para escalar el objeto uniformemente. Todo lo que necesita hacer es hacer clic y arrastrar la parte que necesita para realizar los cambios.

Paso 3

Dado que tendrá que cambiar bastante la vista de la cámara en los siguientes pasos, es una buena idea seguir adelante y guardar el último.

Así que haga clic en el Vista de cámara pestaña en el 3D panel, luego elige Salvar desde el Ver menú desplegable en el Propiedades panel.

Etapa 4

Escriba un nombre para la vista y haga clic en Aceptar.

Paso 5

La vista se añadirá abajo. 3D panel y al Ver menú. Así que siempre que cambie el ángulo de la cámara y desee volver a esta vista, simplemente haga clic en su pestaña en la 3D panel o elegirlo de la Ver menú.

Paso 6

Antes de trabajar en las otras mallas, seleccione el texto y Formas internas Agrupe las pestañas, luego colóquelas en el plano del suelo para asegurarse de que no haya nada flotando en la escena.


12. Añadiendo el Cubo

Esta es una parte totalmente opcional, pero agrega un toque agradable al resultado final.

Paso 1

Crea un círculo de 230 x 230 px usando el Herramienta elipse.

Luego, en el Opciones bar, cambia el Llenar a ninguno, y el Carrera a un 10 px negro, con el Alinear establecer en el interior.

Paso 2

Ir 3D> Nueva extrusión 3D del camino seleccionado. Entonces cambia el Vista actual a la vista principal de la capa 3D eligiendo su nombre de la Ver Menú desplegable.

Paso 3

Seleccione ambas capas 3D y fusionelas yendo a 3D> Combinar capas 3D. Luego, cambia la malla de la elipse. Rotación X valor a 90.

Etapa 4

Usando el Eje 3D, escale el cubo hacia abajo y colóquelo donde desee que esté en la escena.


13. Creando el Material del Cubo

Paso 1

Haga clic en el Elipse material de inflado delantero pestaña, luego haga clic en Difuso icono de textura, elegir Quitar textura, luego haga clic en el Difuso icono de carpeta y elegir Nueva textura. Las dimensiones de la nueva textura deben ajustarse a 1024 tanto para el Anchura y el Altura.

Luego haga clic en el Difuso icono de textura y elegir Editar textura. Crear una nueva capa, establecer los colores de primer plano y fondo en blanco y negro.

Paso 2

Ir Filtro> Render> Nubes.

Paso 3

Ir Filtro> (Galería de filtros)> Distorsionar> Vidrio, y usa los valores mostrados abajo.

Etapa 4

Haga doble clic en la capa de textura y aplique una Superposición de color efecto cambiando el Modo de mezcla para multiplicar y el color para # 909090.

Paso 5

Guarde y cierre el archivo.

Paso 6

Verifique la imagen de abajo para el resto de los valores del material. El color especular es # c1c1c1, la iluminación es # 000000, y el ambiente es # 000000.

Paso 7

Haga clic en el Difuso icono de textura una última vez y elija Editar propiedades UV. Selecciona el Escala U al 300%, el Escala V al 100%, y tanto el U Offset y V Offset valores a 0.

Aplicar este material al resto de la Elipse materiales.


14. División y colocación de las mallas de vidrio y caucho en la escena

Paso 1

Selecciona el Vaso nombre de malla en el 3D panel, luego ve a 3D> Split 3D Extrusion. Esto dividirá la malla original en pestañas de malla separadas que aparecerán en la parte inferior. 3D panel.

Así que ahora puede hacer clic en cada malla de vidrio haciendo clic en la escena o seleccionando su pestaña de nombre en la 3D panel.

A continuación, deberá utilizar el Herramienta de movimiento y el Eje 3d para escalar, rotar y colocar esas diferentes mallas en la escena. Puede rotar y mover la vista de la cámara para ayudarlo a colocar las mallas. Esto puede llevar algún tiempo, pero se volverá más fácil a medida que se acostumbre a hacerlo..

Tenga en cuenta que puede seleccionar más de un grupo de mallas en el panel 3D y juntarlos si es necesario, y que debe ajustarlos en el suelo al plano de tierra.

Paso 2

Dividir el Caucho luego coloca las mallas resultantes en la escena y dentro del cubo.


15. Trabajando en la iluminación y renderizando la escena.

Paso 1

Haga clic en el Luz infinita 1 pestaña, luego cambia su color a #fefbef, sus Intensidad al 80%, y su Suavidad de las sombras al 50%.

Paso 2

Mueve la luz usando el Herramienta de movimiento para que caiga en diagonal desde arriba y en la misma dirección del ángulo de la cámara. Puedes usar el Coordenadas para asignar valores también.

Paso 3

Haga clic en el Añadir nueva luz a la escena icono abajo del 3D panel, luego elige Nueva luz de punto.

Etapa 4

Cambiar el Luz puntual color para # fffef8, sus Intensidad al 30%, y desmarque su Oscuridad caja.

Para hacer que la luz se desvanezca gradualmente a medida que se extiende más, lo que parece más natural y realista, verifique Caída de luz cuadro, y cambiar el Interior valor a 79.4 y la Exterior valor a 868.5.

Paso 5

los Luz puntual Debe colocarse en el centro delante del texto. Aquí están los Coordenadas Valores utilizados en el tutorial..

Paso 6

Cuando hayas terminado de modificar todo, sigue adelante y renderiza la escena (3D> Render).

Paso 7

La representación puede tardar un tiempo, pero puede detenerla en cualquier momento haciendo clic en cualquier lugar dentro del documento.


16. Adición de capas de ajuste para mejorar el color del resultado final

Paso 1

Haga clic en el Crear nueva capa de relleno o ajuste icono y elegir Brillo / Contraste.

Paso 2

Cambiar el Brillo a 5 y el Contraste a 2.

Paso 3

Haga clic en el Crear nueva capa de relleno o ajuste icono de nuevo, y esta vez, elige Balance de color.

Etapa 4

Elija el tipo de tono de la Tono menú desplegable, y cambiar sus valores como se muestra a continuación.

Tonos medios - Sombras - Destacados


¡Felicidades! Has terminado.

En este tutorial, convertimos una capa de texto en una capa de forma, luego usamos la herramienta Pluma para restar algunas partes de ella. Luego esas partes se rellenaron con otras formas, y todos los elementos se convirtieron en capas 3D y se fusionaron en una sola..

Todas las mallas se texturizaron con diferentes materiales y se colocaron en la escena como se desea. Se ajustó la iluminación y luego se renderizó la escena. Después de la renderización, se agregaron dos capas de ajuste para mejorar la coloración y el contraste del resultado final.

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