Share
En este tutorial vamos a crear una tipografía 3D divertida, realista, con textura animal, en Photoshop utilizando la herramienta Repousse de CS5. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
Abra un nuevo archivo de Photoshop que debería tener un ancho de 17 pulgadas y una altura de 11 pulgadas con una resolución de 300 píxeles / pulgada.
Primero vamos a crear un fondo simple. Quiero que el fondo final sea realmente brillante para poder mostrar las letras correctamente pero sería un poco difícil de trabajar, así que solo voy a poner un gradiente sutil que podemos eliminar más adelante.
Desbloquee la capa de fondo haciendo clic dos veces en ella y abra el menú de estilo de capa. Seleccione la opción "Superposición de degradado" y seleccione un degradado que vaya de negro a blanco a un ángulo de 39 ° aproximadamente y reduzca la opacidad al 70%.
Cree una nueva capa encima de eso y, utilizando la herramienta Cucharón (G), configure el color de primer plano en negro y rellene la capa. Luego vaya al menú Filtro> Ruido> Agregar ruido y use una cantidad del 20% con la opción Distribución en uniforme y la opción Monocromática marcada.
Vaya a Imagen> Ajustes> Invertir (Comando / Ctrl + I) y configure el modo de fusión de capas para multiplicar.
Su fondo está establecido y debe verse algo como esto:
Seleccione la herramienta de texto (T) y escriba la primera letra de su texto. ¿Estaremos haciendo esta carta por carta para que podamos dar una perspectiva diferente a cada una una vez que las representemos con el Repouss? herramienta. La fuente que usaré para este tutorial se llama Hobo Std con un tamaño de aproximadamente 380 pt (Cambia el tamaño según el tamaño del documento en el que estés trabajando).
Una vez que haya posicionado su capa de texto, vaya al menú 3D> ¿Repujar? > Capa de texto. Asegúrese de seleccionar el ajuste preestablecido de la forma "extruir" y gire su letra 3D a una buena perspectiva con la herramienta de rotación de la malla de texto. Vamos a dejar todas las otras opciones a su configuración predeterminada. Todas las letras en 3D serán la base de nuestro trabajo, así que tómate tu tiempo para posicionarlas y renderizarlas..
Básicamente, haremos lo mismo con cada letra de tu palabra. Cada vez cambiando un poco la perspectiva de la letra. No tiene que preocuparse por las fuentes de luz en este momento, lo arreglaremos una vez que comencemos a envolver nuestras texturas alrededor de las letras..
Siéntase libre de jugar con la posición de cada letra. Como puedes ver aquí, coloco la "L" delante de la "I" y la "D" para dar más variación y profundidad..
Le sugiero que guarde las letras de cada palabra en diferentes grupos para mantener las cosas organizadas.
Haz lo mismo para la segunda palabra. Recuerda seguir girando y jugando con las posiciones de las capas para que no se vean igual. Crea un nuevo grupo para cada palabra que hagas.
Una vez que haya terminado con cada palabra, deben separarse en diferentes grupos para mantener las cosas organizadas para el siguiente paso. Tu imagen con las letras renderizadas ahora debería verse como esto:
Copie las carpetas de sus letras 3D y rasterice cada una de ellas haciendo clic con el botón derecho al lado del pulgar de la capa y seleccionando la opción "Rasterizar 3D", esto hará que sea más fácil trabajar con ellas. Si lo desea, puede conservar las palabras 3D originales para volver a ellas en caso de que necesite.
Usaremos muchas capas enmascaradas de clip y capas de ajuste, así que le recomiendo que ponga cada letra en su propio grupo.
Para que este efecto funcione, primero necesitamos aislar cada lado de la letra para poder envolver las texturas de acuerdo con la perspectiva de las letras. Este proceso puede ser un poco aburrido al principio, pero al final obtendremos un efecto de textura animal fresco y realista..
Vamos a empezar con la letra "W". Hay muchas maneras en que podemos aislar los lados de cada letra. En este momento vamos a utilizar dos métodos. Uso de la herramienta Varita mágica (W) y la herramienta Pluma (P).
Seleccione la herramienta Varita mágica (W) y haga clic en un lado de la letra. Una vez que se realiza la selección, cree una nueva capa y rellene la forma con el color blanco (ALT + RETROCESO). Cambie el nombre de la nueva capa con cualquier lado de la letra que seleccionó. En este caso, el "Frente", luego iremos con el "Lado", el "Atrás" y así sucesivamente..
Anule la selección de la forma (Comando / Ctrl + D) y vuelva a la capa "W", luego seleccione un nuevo lado con la herramienta varita mágica, cree una nueva capa y rellénela con blanco. Repite este mismo proceso para cada lado..
Es posible que deba cambiar el valor de "Tolerancia" de la herramienta varita mágica según cómo se realice la selección. Si la herramienta realiza una selección más pequeña de lo que desea, seleccione un valor de tolerancia superior al que haya establecido hasta que finalmente haga una selección de toda la forma..
Es mejor si llenamos todos los lados con color blanco, de esa manera podemos ver rápidamente si no hemos podido texturizar los puntos de la letra..
Una vez que haya aislado todos los lados de la letra, puede desactivar la visibilidad de la capa de la forma 3D original.
Descargar el
Textura de piel de leopardo y arrastre a su documento. Vamos a duplicarlo varias veces para envolver cada forma de la letra y vamos a vincular cada una de las capas de textura con máscaras de recorte. Arrastra la capa de textura sobre la forma. Mientras mantiene presionado ALT y haga clic entre las dos capas para crear una máscara de recorte.
Ahora, utilizando las herramientas de transformación, cambie la textura para que coincida con la perspectiva y la posición de la letra..
Una de las mejores herramientas para envolver el texto es la opción "Warp". Duplique la capa de texto y la máscara de clip uno a cada una de las formas y transformelas en consecuencia.
Es posible que le tome un tiempo obtener la perspectiva correcta, pero se volverá más fácil a medida que lo haga..
Una vez que tenga todos los lados con el clip de textura enmascarado en cada forma, sus capas y letras en 3D deberían verse así:
No, vamos a aplicar sombreado a cada lado de la letra para agregar profundidad y realismo. Crear una nueva capa en la parte superior de la capa de textura, establecer su modo de fusión en "Multiplicar" y enmascararlo.
Agarre la herramienta Pincel (B) con una punta circular básica de 0% de dureza y un ancho de aproximadamente 150 píxeles con la opacidad del pincel establecida en 30%, configure el color de primer plano en negro. Elija su fuente de luz (en este caso, decidí que la luz provendría de la parte central del lienzo en la parte superior) y sombras de pinceles suaves y sombras de acuerdo con su fuente de luz.
Cepille tantas veces como sea necesario en cada lado de la letra.
Tus capas y sombreado ahora deberían verse algo como esto:
Ahora que el sombreado de la letra está listo, necesitamos mejorar las partes donde la luz incide en nuestra forma. Para hacer esto, enmascare una nueva capa sobre la capa de sombreado de la forma que desea agregar luz.
En este caso, solo estoy agregando luz a la parte delantera de la carta. Establezca el modo de fusión de la capa en "Superposición" y, utilizando el mismo pincel suave que usamos para el sombreado, ahora vamos a comenzar a pintar con blanco..
El pelo o
El "pelaje" es muy importante para que este aspecto sea realista y, en general, agregue profundidad a la tipografía. Cree una nueva capa encima de todas las capas en su grupo. No necesitas enmascarar esta máscara.
Agarre la herramienta de pincel y seleccione un pincel redondo de aproximadamente 3 píxeles de ancho y 100% de opacidad. Necesitamos que esto sea lo más importante posible. En el menú de cepillos, asegúrese de marcar la opción "Dinámica de formas" y configure el Control de jitter de tamaño en "Presión del lápiz".
Como puede ver en la vista previa de los trazos de pincel, establecer el control en la presión del lápiz hará que el trazo se desvanezca al principio y al final. Estoy usando una tableta gráfica para hacer esto, por lo que la presión dinámica será mejor. En caso de que no tenga una tableta gráfica, siempre puede usar la herramienta Lápiz para dibujar trayectos pequeños, luego acaricie y duplique para que pueda rellenar toda la silueta de la letra con el pelo más fácilmente.
Empiece presionando ALT +. Haga clic en un color de la textura para ingresar al modo "cuentagotas rápido" y muestrelo (le sugiero que comience con los tonos más oscuros primero) comience a hacer movimientos cortos y rápidos alrededor de los bordes de la letra siguiendo la dirección de la pelo en la textura.
A medida que avanza, siga muestreando los colores de forma regular (desde el más oscuro hasta el más claro) teniendo en cuenta los colores de la textura para hacer una buena combinación..
Tómate tu tiempo mientras haces este paso. Cuantos más detalles y variaciones de color hagas, más realista será..
Una vez que tenga todos los bordes cubiertos con el cabello pintado, cambie el tamaño del pincel a 1 píxel. Selecciona un color de tono medio y garabatea algunas líneas al azar alrededor de él..
Sigue trabajando el cabello hasta que los bordes estén completamente llenos..
Ahora vamos a añadir algo de contraste a la imagen. Cuando esté satisfecho con el resultado de los pasos anteriores, puede duplicar el grupo "W" y luego combinarlo (Comando / Ctrl + E) para aplicar la siguiente configuración de contraste:
Pequeños detalles como poner colas y ojos en este tipo de manipulación realmente lo hacen estallar y le da un aspecto muy orgánico..
En la imagen de textura original, utilizando la herramienta Pluma o la herramienta Lazo poligonal (L) dibuje una forma de remolino y cópiela en una nueva capa.
Ahora hay que darle volumen y sombra a la cola. Vaya al menú de estilo de capa, marque la opción Biselar y Relieve y aplique la siguiente configuración:
Estas configuraciones aplicarán algo de sombreado y luces a la cola y le darán algo de volumen. Además, puede enmascarar una nueva capa y pintar algunas sombras y resaltes más como hicimos en los pasos anteriores.
También necesitamos pintar un poco de pelo. Utiliza la misma técnica que hicimos con los bordes de las letras..
También puedes poner las capas de la cola en un grupo diferente. Esto debería estar debajo de nuestra carta para que la cola se esconda detrás de ella..
Al igual que hicimos antes con la letra "W", necesitamos aislar ambos lados de la letra "I".
Arrastre la imagen de archivo Zebras a su documento. Con la herramienta Lápiz o el lazo poligonal, dibuje una gran selección de la piel de cebra y cópiela en una nueva capa. Esta será la textura que usaremos para esta carta..
Usando la máscara de clip nuevamente, envuelve la textura alrededor de las formas. Tenga cuidado de no modificarlo demasiado porque queremos que el patrón de cebra sea lo más reconocible posible..
Una vez que tenga la textura, es el momento de hacer el sombreado y pintar las luces. Cree una nueva capa, recórtela enmascararla en la textura y sombree en consecuencia.
También necesitamos pintar un poco de pelo alrededor de los bordes. La diferencia es que esta vez, debemos pintar el cabello un poco más corto que con la letra de leopardo. Use un pincel redondo de aproximadamente 2 píxeles de ancho y muestre los colores de la textura.
Ya que la textura se ve un poco plana como está ahora. Tenemos que pintar también algunos detalles del pelo dentro de la carta. Utilice un pincel de 1 píxel y 2 píxeles para esto.
Para el detalle de esta carta, vuelva a su imagen original y haga una selección del pelo de la Zebra. Use un radio de plumas de 3 píxeles para la selección y copie el cabello en una nueva capa.
Colóquelo detrás de la letra y píntele un poco de pelo como en el paso anterior. Debería verse algo como esto:
En la capa de textura Cebra, dibuje una selección de otra forma de remolino (trate de hacer que cada una sea diferente de las otras) y cópiela en una nueva capa. Pon esta capa encima de las capas de letras..
Recorte la máscara de una nueva capa y agregue sombras y resaltes con un pincel suave y redondo.
Abra el menú de estilo de capa y use la siguiente configuración de Biselado y Relieve para dar volumen a la cola. (Experimenta con estos valores para diferentes resultados)
En una nueva capa, pinta un poco de pelo para terminarlo. También enmascara o borra con un cepillo suave, un poco de la cola donde se encuentra con el pelo de la espalda para que tenga la apariencia de la cola que viene de atrás hacia arriba..
Crea una nueva capa entre los grupos "I" y "W". Aquí vamos a pintar la sombra que cae sobre la "W" por la letra "I". Coge un pincel redondo suave de unos 200 píxeles de ancho con una opacidad de aproximadamente el 30% y pincela la letra
"W" donde la sombra debe estar:
Comience por aislar cada lado de la letra en formas separadas. Luego arrastre a su documento la textura de la piel de la serpiente, haga una selección en la piel como antes y cópiela en una nueva capa.
Mientras el clip enmascara la textura de las formas, intente seguir los patrones de textura y las formas. Experimenta con diferentes posiciones para ver qué se ajusta mejor. Como puede ver en el ejemplo a continuación, traté de hacer que el patrón fluya a lo largo de la letra en lugar de cortar la textura al azar:
Con una textura como esta, puede verse fácilmente si no transformas la textura de acuerdo con la perspectiva de las formas en la letra..
Agregue el sombreado y las luces como hicimos con las letras antes:
Tome la imagen de stock de Reptile Eye y arrástrela a su documento. Usando la herramienta pluma, extraiga el ojo de la imagen. Gírelo horizontalmente, transfórmelo para que coincida con la perspectiva de la letra y colóquelo en la parte superior de la capa de forma frontal.
Ahora vamos a Dodge y Burn (O) para que coincida con la luz de la forma. Agarre la herramienta Grabar y seleccione un pincel redondo suave de aproximadamente 30 píxeles de ancho con el rango de la herramienta Grabar establecido en tonos medios y la Exposición al 25%. Cepille alrededor de las áreas más oscuras para crear un poco de sombra en el ojo.
Ahora selecciona la herramienta Esquivar y haz lo mismo para crear destacados..
Ahora vamos a agregar algunos detalles a la carta, para mejorar aún más su aspecto animal de reptil..
Seleccione un pincel redondo duro de unos 10 píxeles de ancho y la opacidad se establece en 100%. Seleccione la capa de la forma que recortamos las texturas enmascaradas. Pinta pequeñas protuberancias alrededor de los bordes siguiendo el patrón de las escalas. Verás la textura también actuando sobre estas nuevas brocas pintadas. Si en algún momento hay manchas descubiertas por la textura, siempre se puede transformar un poco más para cubrir todo..
Ya que esta letra está colocada frente a otras dos letras, necesitamos pintar las sombras que caen sobre ellas. Cree una nueva capa debajo del grupo "L" y use un pincel redondo suave con color negro y baja opacidad para pintar las sombras en las letras como lo hicimos en el Paso 18.
Aquí hay un vistazo al panel de capas hasta ahora..
Star extrayendo cada lado de la letra en su propia capa. En este caso, así como en algunas otras letras, el uso de la herramienta varita mágica podría no funcionar bien. En estos casos, utilice la herramienta Lápiz para dibujar un trazado a lo largo de la forma y su relleno..
Es posible que tengas que hacerlo en letras que tengan muchas sombras y curvas..
Tome la imagen de stock de textura del elefante y aplique la siguiente configuración de Brillo y Contraste:
Al igual que hicimos en los pasos anteriores, comience la duplicación de clips y el enmascaramiento de la capa de textura en cada uno de los lados de la letra..
Tenga cuidado y tómese su tiempo para transformar la textura, especialmente en las áreas redondas.
Mientras hace el sombreado de las texturas, tome como referencia su primera forma 3D, de esa manera puede aplicar luces y sombras de una manera más precisa..
Arrastre el stock de la cabeza de elefante a su documento, gírelo horizontalmente y con la herramienta pluma extraiga el tronco del animal.
La imagen está un poco saturada en este momento y no se mezclará correctamente con el resto de la capa texturizada. Vaya al menú Tono y saturación (Comando / Ctrl + U) y desaturar la imagen.
Ahora que la saturación está solucionada, necesitamos cubrir las pequeñas partes de hierba en el tronco, para hacer esto, vamos a utilizar la herramienta de sello de clonación. Selecciónelo (S) y elija un pincel redondo suave; mientras mantiene presionada la tecla ALT, muestre una parte del tronco que sea similar a la parte que queremos parchear, una vez muestreadas, cepille lentamente la broca de hierba, muestree desde una fuente diferente cada vez que la necesite.
Usando las herramientas de esquivar y quemar, realce las luces y sombras de la imagen. Coloque la capa del tronco sobre la letra con textura, vamos a comenzar a trabajar en la mezcla del tronco..
Agregue una máscara de capa a la capa del tronco y, utilizando un cepillo suave, enmascare los bordes del tronco para que se desvanezca con el cuerpo de la letra..
Con la herramienta de estampado Clonar con un cepillo suave, clona partes del tronco en el cuerpo de la letra para obtener un mejor efecto de fusión.
Usando la misma técnica que en el Paso 21, ubíquese en cualquiera de las formas principales y, utilizando un pincel, pinte los bordes con un pincel duro siguiendo el patrón de la textura. Haz esto en los bordes de cada capa de forma.
Tome la imagen de archivo de Hat y arrástrela a su documento. Sáquelo de su fondo y luego aplique la siguiente configuración de Brillo y contraste:
Colóquelo encima de la letra con textura de elefante. Crea nuevas capas y el clip las enmascara para pintar algunas sombras y resaltes respectivamente. (También puedes usar las herramientas Grabar y Esquivar).
Así es como debería verse su texto ahora después de terminar la primera palabra:
Ahora está listo para crear el siguiente conjunto de letras usando las mismas técnicas descritas en los pasos anteriores. A partir de ahora, solo mencionaré cómo crear los detalles específicos para cada uno de los nuevos conjuntos de letras y omitir los pasos para aislar cada parte de la letra, sombrear y texturizar, ya que son iguales para cada letra..
En esta carta usaremos un stock de imágenes de gato como textura..
La pintura de la piel y el envoltorio de la textura será algo similar a lo que hicimos con la letra "W"..
Cuando empieces a pintar el pelaje en este, asegúrate de darle movimientos más largos para que coincidan con la longitud del pelaje del gato. Comience los trazos casi en el medio de la textura, esto también ayudará con la mezcla. También ten en cuenta la variación de los colores..
No olvide agregar pequeños detalles en sus cartas, por ejemplo, la cola del gato. (Mismo proceso que el paso 14).
Esta carta será similar a la que hicimos en la primera letra "I", pero en este caso no vamos a pintar ningún pelo desde que
La imagen del stock del caballo ya tenía una textura muy bonita..
Para la cola, seleccioné una parte del pelo del stock de caballos y lo coloqué encima de la letra.
Luego pinta un poco de cabello con grandes trazos para mejorar la mezcla con la forma.
Las siguientes letras pueden ser las más difíciles de texturar, principalmente debido a la gran cantidad de lados que tienen. Recuerde utilizar la letra 3D original como referencia para el sombreado y el relámpago. Ya que estamos usando una imagen de stock de Tiger como textura, haremos esta capa como hicimos con la letra "W" y la segunda "L" con la textura de piel de gato.
Crea nuevas capas entre los grupos de letras para pintar las sombras proyectadas en las formas..
Esta carta será muy similar a la de serpiente ya que estamos usando una imagen de rana..
Esta será quizás la letra más difícil de texturizar debido a la cantidad de lados y formas curvas, así que tómate tu tiempo para transformar la textura con cuidado..
Pinta también sobre las capas principales para hacer escalas alrededor de los bordes de la letra como en el paso 21.
Coge la herramienta de lápiz y dibuja una ruta en una nueva capa como el ejemplo debajo del relleno con un color rojo brillante.
Recorte la máscara de una capa a esta forma y pinte con un pincel redondo y suave con algunas sombras y reflejos. A continuación, pinta una sombra que te ayudará a mezclarte con la letra:
Con la herramienta Lazo poligonal, dibuje una selección en forma de remolino en la parte superior de la forma de la lengua. Con un pincel redondo suave a baja opacidad (aproximadamente 20%) y color blanco, pincel suavemente dentro de la selección. Solo pinta suavemente sobre los bordes para hacer un efecto de saliva en la lengua.
Cree una nueva capa entre las capas "F" y "E" y pinte la sombra que cae sobre la letra.
La segunda palabra de su tipografía debería verse ahora como esta, con todas las texturas y sombreados aplicados:
En este punto, puede eliminar la capa de degradado que colocamos en el paso 2 para ayudarnos a tener un poco de contraste entre el fondo y las formas en las que estábamos trabajando, dejando un fondo casi blanco con ruido.
Cree una nueva capa en la parte superior de la capa de ruido de su fondo y use un pincel redondo suave con el color negro establecido en aproximadamente el 20% de opacidad. Pinte sombras debajo del texto según su fuente de luz:
Para terminar, vamos a agregar capas de ajuste de brillo y contraste para mejorar los reflejos, las sombras y la saturación de color. Vaya a Capa> Nueva capa de ajuste> Brillo y contraste y configure los siguientes valores: (esta capa debe estar encima de todas las capas).
Tu texto ahora debería verse como este con la nueva capa de ajuste:
Accentsconagua