() translation by (you can also view the original English article)
En este tutorial, explicaremos cómo usar el editor de vectores y las capacidades 3D de Photoshop para crear un 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. ¡Vamos a comenzar!
Recursos del Tutorial
Los siguientes recursos fueron usados durante la producción de este tutorial. Por favor, descarguemos estos recursos antes de comenzar. Si los recursos no están disponibles, entonces es necesario que necesite encontrar otras alternativas.
- Fuente Righteous
- Diseño Noisy elaborado por Mladjan Antic.
- Diseño Wood elaborado por Alexey Usoltsev.
1. Crear el Texto y la Figura Principal
Paso 1
Crear un documento nuevo con un tamaño de 1000 x 750 px, y rellenar el Background color #c2c2c2. Luego, crear el texto usando la fuente Righteous en Mayúsculas. El color es #484848, y el Size es 255pt.
Paso 2
Diríjase a Texto > Convertir a Forma.
Paso 3
Escoja la Herramienta Pen. Después, en la barra Options, elija la opción Path y haga clic sobre el icono de las operaciones Path para elegir la opción Subtract from Selection. Lo que necesitar hacer a continuación es eliminar las partes aleatorias de la forma de texto. Asegúrese de dibujar formas de polígonos haciendo clic una vez para añadir cada una de las esquinas de la parte restada y asegúrese de cerrar cada trazo de forma separada.
Paso 4
Trate de no quitar muchas partes ni tampoco que sean muy grandes. El texto necesita quedar legible
Paso 5
Una vez que haya terminado de quitar los polígonos, haga clic sobre el icono de las operaciones de Path y haga clic en la opción Merge Shape Components, que aparece al fondo del menú desplegable.
Esto combinará todos los trazos en una sola forma.
2. Colocando las Letras
Paso 1
En vez de colocar las letras en la escena 3D, lo cual puede ser un poco más difícil y consumir más tiempo, vamos a mover y a rotar las letras en este momento.
Para hacer eso, escoja la herramienta Direct Selection, luego haga clic y arrastre el mouse alrededor de las letras para seleccionarlas (es decir, sus puntos de anclaje).
Paso 2
Diríjase a Edit > Free Transform (CTRL/CMD + T) para activar el modo de Free Transform. Luego, arrastre las letras hacia donde usted quieren que estén y gírelas en su nueva posición. También puede usar las teclas de Flechas del teclado para mover las letras.
Es importante mantener un poco de distancia entre las letras que que están arriba, tanto como sea posible, pero tampoco haga que se entrecrucen o se peguen. Si no hay espacio vacío, entonces la extrusión se aplicará como si fueran una mezcla 3D.
Cuando termine, presione ENTER/RETURN para aceptar las cambios.
Paso 3
Si las letras se traslapan y usted no puede seleccionar todos los puntos de anclaje haciendo clic y arrastrando el mouse, entonces puede mantener presionada la tecla SHIFT y hacer clic por separado en cada uno de los puntos de anclaje que quedaron sin seleccionar.
3. Creando la Parte Interna
Paso 1
Ajuste el Foreground color a Blanco, luego, seleccione la herramienta Rectangle, y dibuje un rectángulo que tiene una dimensión de 10px de ancho y 155px de largo.
Paso 2
Luego, necesitará duplicar el rectángulo, después posicionelo dentro de una de las partes eliminadas, luego, vuelva a duplicarlo y coloquelo dentro de la otra parte y así sucesivamente. Los rectángulos serán usados para rellenar las partes rectas (no las áreas dobladas o curvadas).
Cuando posicione el rectángulo, active el modo Free Transform para rotarlo, hacerlo más grande, y ampliarlo sólo un poco dentro de la figura de texto. No olvide presionar la tecla ENTER/RETURN de su teclado para luego confirmar los cambios.
Paso 3
Use el rectángulo para rellenar la última parte recta que está vacía (no necesita crear una copia para eso).
Paso 4
Las partes que quedan serán creadas usando la herramienta Ellipse. Asegúrese de que la opción Shape está seleccionada en la barra de Options, después presione y sujete la tecla SHIFT y haga clic arrastre el mouse para crear un círculo perfecto. Mientras lo haga, puede presionar y sujetar la tecla Space bar y mover el círculo alrededor del documento, hasta que colocarlo dentro del área que usted desea rellenar.
No coloque el círculo exactamente en el centro de la letra. En vez de eso, estirelo un poco hacia afuera, pero desde el centro. Puede revisar la Anchura y la Altura del rectángulo mientras lo está creando o puede revisarlos después en la barra de Options.
Paso 5
Haga clic en el icono Substract from Selection, que está en la barra de Options, luego repita los mismos pasos para crear otro círculo dentro del que creo anteriormente, pero esta vez, hágalo con 20px menos en Anchura y Altura, para que después pueda eliminarlo del círculo original, la anchura de la parte que queda será de 10px.
Paso 6
Necesitará crear círculos con diferentes tamaños dependiendo del tamaño de la letra que se coloca dentro.
Y para las letras donde el resto del círculo está superpuesto con la misma letra, use la herramienta Pen, para quitar las partes extras, luego haga clic en la opción Merge Shape Components, para combinar las partes (tal y como lo hizo en los pasos 1-3 y 1-5).
Paso 7
Siempre puede cambiar el tamaño de las partes y rotarlas hasta que esté contento con el resultado final.
Paso 8
Cuando termine, seleccione todas las capas de forma con excepción de la capa de texto principal (haga clic sobre la última capa, después presione y sujete la tecla SHIFT y después haga clic hasta la primera capa) y luego, vaya a Layer > Merge Shapes. En Photoshop CS6, lo que haremos es combinar todas las capas de forma que hemos seleccionado en una sola capa, pero sin rasterizarlas. Cambie el nombre de la capa a Inner Shapes.
4. Creando las Partes que Falta de la Escena.
Paso 1
Duplique la capa Background, luego arrástrela arriba de las demás capas y póngale el nombre de Ground. Después duplique la capa Ground y póngale el nombre Wall a la capa duplicada.
Paso 2
Nuevamente, use la herramienta Rectangle para crear rectángulos de 10 x 25 px, y asegúrese de hacer clic sobre el icono Combine Shapes de la barra de Options para crearlas en una capa de forma, y llame a esta capa Glass.
Estas serán añadidas alrededor del texto, por lo tanto, usted podrán crear tantas como usted quiera. Si quiere colocar un par de ellas encima de la otra, entonces es mejor hacer so cuando usted haga las formas, dejando una distancia entre ellas de 1px.
Luego, haga algunos cuadros de 50 x 50 px en una capa de forma separada y póngale el nombre de Rubber.
5. Creando las Capas 3D
Paso 1
Para cada capa forma, seleccionela y luego vaya a la opción del menú 3D > New 3D Extrusion from Selected Path, y para las otras dos capas, seleccione cada una, luego vaya a 3D > New Mesh from Layer > Postcard.
Paso 2
Ahora, las capas 3D están separadas, lo que significa que cada mezcla está en una escena diferente. Para colocar todos los elementos en una escena, seleccione todas las capas 3D, luego vaya a 3D > Merge 3D Layers.
6. La Escena 3D en Paneles
Paso 1
Para tener acceso a las propiedades y ajustes de las mezclas 3D, usted necesitará abrir dos paneles: el panel 3D y el panel Properties (los dos se encuentran debajo del menú Window).
El panel 3D tiene todos los componentes de la escena 3D, y cuando haga clic en el nombre de cualquiera de éstos, entonces usted podrá tener acceso a sus ajustes en el panel Properties. Así que asegúrese siempre de seleccionar el nombre de los elementos que usted quiere modificar en el panel 3D antes de usted cambie sus ajustes en el panel Properties.
Paso 2
Seleccione la herramienta Move y revise sus opciones en la barra Options. Encontrará un conjunto de 3D Modes para la herramienta justo a la derecha de la barra. Cuando usted seleccione una de ellas, entonces podrá hacer clic y arrastrar el mouse para realizar cualquier cambio (por supuesto, sobre el elemento seleccionado en el panel 3D).
Así que haga clic sobre la pestaña Current View en el panel 3D, luego haga clic y arrastre el mouse en cualquier área vacía de la escena 3D para cambiar la Camera View, sin embargo, aún no mueva ninguna de las mallas.
7. Modificando las Mallas 3D
Paso 1
Luego, comenzaremos ajustando algunos ajustes básicos de las mallas para las diferentes mallas en la escena.
Haga clic sobre la principal malla de texto 3D en el panel 3D, después, en el panel Properties, ajuste su Extrusion Depth a 50.
Paso 2
Haga clic sobre el icono Cap que está arriba del panel Properties, y después, cambie el Bevel Width a 5 y el Contour a la mitad.
Paso 3
Cambie la Extrusion Depth de las mallas Inner Shapes a 20.
Paso 4
Cambie el Bevel Width a 20 y el Contour a la mitad.
Paso 5
Cambie la Extrusion Depth de la malla Glass a 200. Más adelante cambiaremos el tamaño de esta, pero por lo pronto se quedará con sus valores.
Paso 6
Cambie el Bevel Width a 3.
Paso 7
Cambie la Extrusion Depth de la malla Rubber a 49.
Paso 8
Cambie el Bevel Width a 3 y el Contour a la mitad.
Paso 9
Haga clic sobre el nombre de la malla Ground, luego haga clic en el icono Coordinates que está arriba del panel Properties, y cambie el valor de X Rotation a 90.
Paso 10
Vaya a la opción del menú 3D > Snap Object to Ground Plane. Luego, incremente la Y Position a un valor pequeño (0.1) para evitar tener rayones en el suelo cuando se esté renderizando.
8. Creando el Material Rubber
Paso 1
Haga clic sobre las pestaña Front Inflation Material del texto principal en el panel 3D. Haga clic sobre el icono de textura Diffuse en el panel Properties y escoja la opción Remove Texture.
Paso 2
Cambie el color Diffuse a #d1272e, y Specular a #545454, la Illumination a #080808, y el Ambient a #000000. Después, cambie el resto de los valores como se muestra a continuación.
Paso 3
Haga clic sobre el icono de la carpeta Bump y escoja la opción New Texture.
Paso 4
Escriba 600 para los dos valores de Width y Height.
Paso 5
Haga clic sobre el icono de la textura Bump y escoja Edit Texture.
Paso 6
Esto abrirá el archivo textura. Duplique la capa Background, entonces haga doble clic sobre la el duplicado para abrir la ventana Layer Style.
Paso 7
Aplique un efecto Pattern Overlay usando el modelo Noisy.
Paso 8
Guarde el archivo (File > Save) y luego, cierrelo (File > Close) para regresar al documento original.
Paso 9
Otra vez, haga clic sobre el icono de textura Bump, luego seleccione Edit UV Properties.
Paso 10
Ajuste el valor de U Scale a 250%, el valor de V Scale a 200% y los valores de U Offset y V Offset a 0.
9. Guardando y Re-aplicando el Material
Paso 1
En vez de repetir los mismos pasos para el resto de los materiales, usted puede guardar los materiales creados y aplicarlos otra vez.
Para hacer eso, haga clic sobre la ventana selector de Material, luego haga clic sobre el icono del menú desplegable que está en la esquina superior derecha y escoja New Material.
Paso 2
Escriba un nombre para el material y haga clic en OK.
Paso 3
Ahora, cuando usted se deslice hacia abajo en el selector de Material, encontrará el material que usted guardo, y puede aplicarlo a cualquier superficie haciendo clic sobre él. Así que seleccione el resto de las mallas de texto y desde la pestaña material, y aplique el material de hule a ellas.
Paso 4
Aplique el mismo material a la malla Rubber.
10. Creando los Materiales Glass y Planes
Paso 1
Seleccione las pestañas de material de la malla Inner Shape y las pestañas de material Glass, quite la textura Diffuse, y use los siguientes valores:
El color Diffuse es #dfdfdf, el Specular es #727272, la Illumination es #080808, y el Ambient es #000000.
Paso 2
Haga clic sobre la pestaña de la malla Ground y luego desactive la casilla Cast Shadows. También necesitará hacer lo mismo para la malla Wall.
Paso 3
Haga clic sobre la pestaña de material Ground, y luego haga clic sobre el icono de textura Diffuse y elija la opción Edit Texture.
Cuando abra el archivo texturas, haga doble clic sobre la capa en el archivo para aplicar el Pattern Overlay usando el Wood Pattern.
Paso 4
Haga clic sobre el icono Create new fill o adjustments layer, que están debajo del panel Layers, y escoja la opción Hue/Saturation.
Paso 5
Cambie el valor Saturation a -20. Guarde y cierre el archivo y regrese el archivo original.
Paso 6
Quite la textura Opacity (haga clic sobre el icono textura y elija Remove Texture), luego cambie el resto de los ajustes del material como se muestra abajo: El color Specula es #bbbbbb, la Illumination es #000000, y el Ambient es #000000.
Paso 7
Aplique el mismo material a la malla Wall, luego, cambie el valor Shine a 50 y la Reflection a 10.
11. Cambiando y Guardando la Camera View
Paso 1
Ahora que ha terminado la parte de los materiales, es hora de trabajar en el vista de cámara final. Así que use la herramienta Move para rotarla, para aumentar o reducir el zoom y para mover la cámara hasta que encuentre el ángulo que le guste.
Paso 2
Después, usando los ejes 3D, haga más grande vertical y horizontalmente los planos Ground y Wall hasta que rellenen la vista final que usted escogió. Y asegúrese de ajustar la Wall al plano Ground después de escalarlo.
Las flechas al final de los ejes 3D mueven la malla, la parte debajo de ellos es utilizada para la rotación, y los cubos son usados para cambiar el tamaño. El cubo en el centro es utilizado para cambiar el tamaño del objeto de forma uniforme. Todo lo que necesita hacer es hacer clic y arrastrar la parte que necesita para realizar los cambios.
Paso 3
Ya que necesitará cambiar la vista de la cámara bastante en los siguientes pasos, es buena idea seguir y guardar la vista final.
Así que haga clic en la pestaña Camara View en el panel 3D, y seleccione la opción Save desde el menú desplegable View en el panel Properties.
Paso 4
Escriba un nombre para la vista y haga clic en OK.
Paso 5
La vista será agregada abajo del panel 3D y al menú View. Por lo tanto, siempre que cambie el ángulo de la cámara y quiera regresar a esta vista, solamente tiene que hacer clic en su pestaña en el panel 3D o seleccionarla desde el menú View.
Paso 6
Antes de trabajar en las demás mallas, seleccione las pestañas texto e Inner Shapes y agrupelas, luego ajustelas al plano Ground para asegurarse que nada está flotando en la escena.
12. Agregando la Cubeta
Esta parte es totalmente opcional, sin embargo, añade un toque genial al resultado final de la escena.
Paso 1
Crear un círculo de 230 x 230 px usando la herramienta Ellipse.
Después, en la barra Options, cambie el Fill a None, y el Stroke a 10px color Negro, con la opción Align ajustada a Inside.
Paso 2
Vaya a 3D > New 3D Extrusion from Selected Path. Luego, cambie la Current View a la vista 3D principal a través de seleccionar su nombre desde el menú desplegable View.
Paso 3
Seleccione las dos capas 3D combinelas yendo a 3D > Merge 3D Layers. Después, cambie el valor X Rotation de la malla elipse a 90.
Paso 4
Usando los Ejes 3D, reduzca el tamaño de la cubeta y coloquela donde usted quiera que esté en la escena.
13. Creando el Material del Cubeta
Paso 1
Haga clic en la pestaña Ellipse Front Inflation Material, luego haga clic en el icono de textura Diffuse, y seleccione la opción Remove Texture, después, haga clic en el icono de la carpeta Diffuse y seleccione la opción New Texture. Las dimensiones de la textura nueva debería estar ajustada a 1024 para las dos; la Anchura y la Altura.
Luego, haga clic sobre el icono de la textura Diffuse y seleccione Edit Texture. Haga una capa nueva, ajuste los colores para Foreground y Background a Blanco y Negro.
Paso 2
Vaya a Filter > Render > Clouds.
Paso 3
Vaya a Filter > (Filter Gallery) > Distort > Glass, y use los valores que se muestran a continuación.
Paso 4
Haga doble clic en la capa textura y aplique un efecto de Color Overlay cambiando su modo de mezcla Blend Mode a Multiply y el color a #909090.
Paso 5
Guarde y cierre el archivo.
Paso 6
Revise la imagen debajo para ver el resto de los valores del material. El color Specular es #c1c1c1, la Illumination es #000000, y el Ambient es #000000.
Paso 7
Haga clic sobre el icono de textura Diffuse una vez más y escoja la opción Edit UV Properties. Ajuste el valor de U Scale a 300%, el de V Scale a 100%, y los dos valores U Offset y V Offset a 0.
Aplique este material al resto de los materiales Ellipse.
14. Separando y Colocando las Mallas Glass y Rubber en la Escena
Paso 1
Seleccione el nombre de la malla Glass en el panel 3D, luego vaya a 3D > Split 3D Extrusion. Esto dividirá la malla original en pestañas de mallas separadas que aparecerán debajo del panel 3D.
Ahora puede hacer clic en cada malla Glass haciendo clic en la escena o seleccionando el nombre de su pestaña en el panel 3D.
Entonces, necesitará usar la herramienta Move y 3D Axis, para cambiar el tamaño y rotar, y colocar estas mallas diferentes en la escena. Puede rotar y mover la vista de la cámara para ayudar a colocar las mallas. Esto podría tomar algo de tiempo, pero será más fácil a medida que usted se acostumbra a hacerlo.
Tenga en mente que usted puede seleccionar más de un grupo de malla en el panel 3D y moverlos si es necesario y, también, necesita ajusta estos al suelo del Ground Plane.
Paso 2
Separe la malla Rubber y luego coloque las mallas en la escena y dentro de la cubeta.
15. Trabajando con la Iluminación y el Renderizado de la Escena
Paso 1
Haga clic sobre la pestaña Infinite Light 1, luego cambie su color a #fefbef, su Intensity a 80% y su Shadow Softness a 50%.
Paso 2
Mueva la luz usando la herramienta Move para que caiga diagonalmente desde la parte superior y en la misma dirección del ángulo de la cámara. Puede usar las Coordinates para asignar valores.
Paso 3
Haga clic sobre el icono Add New Light to Scene, que está debajo del panel 3D y luego, escoja la opción New Point Light.
Paso 4
Cambie el color de Point Light a #fffef8, su Intensity a 30%, y desactive su casilla Shadows.
Para hacer que la luz de desvanezca de forma gradual a medida que se dispersa más, lo cual hace que parezca natural y realista, marque la casilla Light Fallof, y cambie el valor Inner a 79.4 y el valor Outer a 868.5.
Paso 5
El Point Light deberá estar colocado en el centro, en frente del texto. Estos son los valores de las Coordinates utilizadas en este tutorial.
Paso 6
Cuando haya terminado de modificarlo todo, renderice la escena (3D > Render).
Paso 7
La renderización podría tomar algo de tiempo, pero puede detenerla en cualquier momento haciendo clic en cualquier parte dentro del documento.
16. Agregando las capas de Ajustes para Mejorar el Color del Resultado Final
Paso 1
Haga clic sobre el icono Create new fill o adjustment layer y escoja la opción Brightness/Contrast.
Paso 2
Cambie el valor de Brightness a 5 y el Contrast a 2.
Paso 3
Haga clic nuevamente sobre el icono Create new fill o adjustment layer, y esta vez escoja la opción Color Balance.
Paso 4
Escoja el tipo de Tone desde el menú desplegable, y cambie sus valores a como se muestra a continuación.
Midtones - Shadows - Highlights
¡Felicitaciones! Lo termino.
En este tutorial, hemos abarcado como transformar una capa de texto en una capa de forma, luego usamos la herramienta Pen para eliminar algunas partes de ella. Luego, esas partes fueron rellenadas con otras formas, y todos lo elementos fueron convertidos en capas 3D y combinadas en una sola capa.
Todas las mallas fueron texturizadas con diferentes materiales, y se colocaron en la escena a como se deseaba. Fue ajustada la iluminación y luego la escena fue renderizada. Después de la renderización, se agregaron dos capas de ajuste para mejorar el color y el contraste del resultado final.
Por favor, siéntase libre de dejar sus comentarios, sugerencias y conclusiones.
