Share
En este tutorial, te mostraremos cómo crear un efecto de texto en 3D inspirado en el verano. En el proceso, aprenderá a usar las funciones 3D de Photoshop para crear la forma básica del texto y luego lo combinará con varias imágenes para lograr el resultado deseado. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial. Descárgalos o encuentra alternativas antes de comenzar.
Antes de comenzar, asegúrese de descargar todos los recursos de tutoriales anteriores. Algunos de ellos son fotografías de stock que deben adquirirse en Photodune. No tienes que comprar las imágenes para completar el tutorial. Siéntase libre de encontrar alternativas, pero si desea obtener el mejor resultado, siempre es una buena idea usar fotografías de archivo profesionales, especialmente porque trabajaremos en alta resolución.
El primer paso antes de abrir Photoshop es elegir una buena fuente para nuestro texto en 3D. En mi caso, la fuente utilizada fue RBNo 2.1 Black DEMO, que puede descargar en Myfonts de forma gratuita. Simplemente haga clic en "Agregar al carrito" para completar el proceso y se le dará un enlace para descargar la fuente. Sin embargo, siéntase libre de usar cualquier fuente que desee. Por lo general, para texto grande en 3D, encuentro que la fuente sans-serif audaz condensada funciona mejor.
Una vez instalada la fuente, abra Photoshop y cree un nuevo documento (Cmd / Ctrl + N). Dado que trabajaremos en una resolución de 1920x1080 píxeles, desearemos que nuestro texto 3D tenga el doble de ese tamaño para maximizar la calidad. Configure su documento a 3840 por 2160 píxeles y haga clic en Aceptar.
Selecciona el Tipo de herramienta (T) y escribe "VERANO" en el centro de tu lienzo. Abre el Personaje Panel y dale los siguientes valores..
Con su selección de capa de texto, vaya a 3D> Nueva extrusión 3D de la capa seleccionada. Deberías obtener el siguiente resultado..
Ahora, si nunca ha usado las capacidades 3D de Photoshop, esto podría ser un poco confuso. Básicamente, para jugar con 3D en Photoshop, necesitas usar dos paneles juntos: el 3D panel y el Propiedades panel. los 3D el panel le permite seleccionar diferentes aspectos en los que desea trabajar (Ambiente, Forma, Luz, etc.) y el panel Propiedades le permite editar los valores. Abre los dos paneles. En 3D, seleccione la forma de su texto y asígnele los siguientes valores en Propiedades. En el Editor de contorno, asegúrese de que la casilla de verificación "Esquina" esté marcada para todos sus puntos de entrada, de lo contrario no obtendrá el mismo resultado.
Entonces, da la Ambiente, la Escena y el Vista actual los siguientes ajustes. Asegúrese de que el FOV Se establece en 10 mm, para darle una mayor perspectiva al texto..
Finalmente, da a tu texto los siguientes materiales. Dar diferentes colores de bisel, extrusión e inflado nos ayudará a definir selecciones en el próximo paso.
Cuando hayas terminado, renderiza tu texto 3D (esto podría llevar un tiempo) y rasterízalo. Ya que hemos trabajado al doble de la resolución de nuestra imagen final, el renderizado no necesita ser de alta calidad..
En este paso, prepararemos nuestro texto para la integración de la foto. Para ello necesitaremos tres versiones de nuestro texto..
El primero es bastante fácil de obtener. Con su capa rasterizada seleccionada, solo vaya a Seleccionar> Gama de colores, Elige el color azul y crea una máscara de recorte. (Capa> Crear máscara de recorte). Nombra la capa "Azul".
El segundo es un poco más difícil, la forma más fácil de conseguirlo es duplicar la capa e invertir la máscara (Cmd / Ctrl + I) [UNA]. Luego, con un pincel negro, pintar la extrusión verde. [SEGUNDO]. Recupere la selección de la capa "Azul" presionando Alt y haciendo clic en su máscara [DO]. Por último, rellena la selección en blanco. [RE]. Nombra la capa "Rojo + Azul".
Para la última, simplemente duplique su capa "Azul" de nuevo, oculte su máscara y use Gama de colores Para crear una selección desde el rojo. Desmarcar la máscara, rellenar la selección con blanco, deseleccionar (Cmd / Ctrl + D) e invierte la máscara. Nombra la capa "Verde".
Todavía hay un poco de trabajo por hacer en este caso. Crear una nueva capa (Cmd / Ctrl + N), péguelo a "Verde", y use el Herramienta de sello de clonación para limpiar la extrusión azul.
Ahora que nuestro texto en 3D está listo, necesitamos crear la playa perfecta. Primero, cree un nuevo documento de 3840x2160px como la última vez.
Coloque el stock de playa y ajústelo a la siguiente perspectiva usando Distorsionar (Editar> Transformar> Distorsionar).
Duplica la capa, voltéala horizontalmente (Edición> Transformar> Girar horizontal) y colóquelo a la derecha. Utilizar una Máscara de capa con un pincel negro suave para ocultar la parte izquierda de la capa, para que los dos se junten bien.
Coloca el Paraíso en la punta de los dedos en tu lienzo, escálralo hasta el 61% y estíralo al 200%. Utilizar una Máscara de capa para mezclar la parte inferior con el fondo, y agregar una Balance de color y un Curvas Capas de ajuste. En este ejemplo, también oscurecí los lados de la capa con un pincel azul suave con una capa configurada para Multiplicar. Una vez que hayas terminado, agrupa todo junto (Cmd / Ctrl + G) y el nombre del grupo "Mar".
Abra Cuba, cayo largo 1 y Cuba, cayo largo 2 y colóquelos en su lienzo para que el horizonte se ajuste a su fondo. Use la misma técnica que usamos en el paso 5 para mezclar las capas, luego agrúpelas y enmascare el fondo.
En el grupo, coloque las siguientes capas de ajuste para iluminar el cielo y darle una agradable sensación caribeña.
Oculta ambos grupos y abre la playa Mangsnag en Corea. Colóquelo en su lienzo a la izquierda y luego duplíquelo y gírelo hacia la derecha. En una nueva capa, use la Herramienta de sello de clonación (S) para limpiar la arena (asegúrese de ajustar la muestra a Actual y Abajo)
Agrega un Mapa de gradiente Ajusta la capa en la parte superior, y dale el siguiente gradiente. Agrupa todo y nombra al grupo "Arena".
Mostrar todo. Dale a "Sea" una máscara para cortar la espuma de la arena y dale al grupo un toque suave. Sombra paralela para darle un bonito contraste.
Corta las siguientes capas de ajuste a "Mar".
Añadamos un sol al cielo. Con un pincel redondo suave, pinte tres puntos superpuestos en una nueva capa, comenzando con uno azul más grande, un cian medio y, finalmente, uno blanco pequeño. Establecer la capa a Pantalla.
Repita el mismo proceso, pero esta vez, hágalo más grande y fuera del grupo "Sky". Agrupe las capas y nombre el grupo "Light".
Para integrar mejor el sol, añadiremos un reflejo brillante al mar. Lugar puesta de sol. Aislar el reflejo, desaturarlo. (Cmd / Ctrl + Shift + U) y oscurecerlo con un Curvas ajuste. Reduce la capa y configúrala en Pantalla.
Ahora que hemos preparado nuestro texto en 3D y nuestra playa, podemos unir los dos. Cree una vez más un documento nuevo, pero esta vez hágalo 1920x1080 y llámelo "Hola verano". De vuelta en su documento "Playa", convierta todo a un Objeto inteligente (seleccione todas las capas, luego clic derecho> Convertir a objeto inteligente) y duplícalo en "Hola verano". Duplique las capas de texto 3D en su documento también.
Utilizando Transformación Libre (Cmd / Ctrl + T), reducir todo al 50%.
Ahora podemos comenzar la integración recortando la capa "Playa" a "Rojo + Azul". Asegúrate de mantener "Playa" como Objeto inteligente, para que pueda modificarlo más adelante si necesita.
Establecer "azul" al 15% Llenar y dale lo siguiente Estilos de capa. Duplica la "playa" y córtala a la capa.
Fusionar "verde" y la capa recortada juntos. Golpear Cmd / Ctrl + Shift + U para desaturarlo, y ponerlo a Multiplicar. Duplique "Playa" una vez más, colóquelo en la parte inferior, recupere la selección de "Verde" (Alt + Clic en la miniatura), y crea un Máscara de recorte.
Cortar un Curvas ajuste y un Color sólido capa a "verde" para aligerarlo.
Luego agrega la siguiente curva a "Playa" y dale 25px Desenfoque gaussiano.
Ahora vamos a oscurecer un poco más el bisel. Duplique la capa "Verde", colóquela encima de todo, configúrela como Multiplicar, y borrar la extrusión exterior. Dale a la capa un 5px Desenfoque gaussiano, y recorta otra capa "Playa".
Ahora que hemos terminado nuestro texto en 3D, vamos a darle un poco de contexto. Duplica la "playa" una vez más y rasterízala. (Capa> Rasterizar> Objeto inteligente). Dale un 50px Desenfoque gaussiano y lo siguiente La saturación de color ajuste. Agrupe todas las capas de texto y nombre el grupo "Verano". Haga lo mismo para las capas de fondo y nombre al grupo "BG".
Ahora le daremos una sombra a nuestro texto para que parezca que se sienta en el suelo. Duplicar el verano y fusionar el grupo. (Capa> Fusionar Grupo). Golpea el Bloquear píxeles transparentes botón y rellenar la capa con # 8A725F (Editar> Rellenar> Usar color). Mueve la capa hacia abajo.
Desbloquea la transparencia y dale a la capa un 15px Desenfoque gaussiano. Escala hacia abajo verticalmente, y enmascara la parte superior. Coloca la capa debajo del grupo "Verano"..
Repita el proceso una vez más, pero esta vez con un 3px Desenfoque gaussiano. Agrupa ambas capas y denomina al grupo "Sombra".
En los siguientes pasos, comenzaremos a agregar varias imágenes a nuestra composición para hacerlo más interesante. Comenzaremos con una palmera, que puede descargar aquí. Tendremos que extraer el árbol de su fondo. Para ello, abre la imagen en Photoshop, elige la Herramienta de varita mágica (W) y hacer una selección aproximada del fondo. Ignora las nubes y las islas en este momento, y crea una Máscara de recorte. Luego, con un cepillo negro duro, pinte el resto como se muestra a continuación.
Con la máscara de la capa seleccionada, abre el Propiedades panel, haga clic en Borde de la máscara, y pintar el cielo alrededor de las hojas. Selecciona el Radio a 0,6px, el Suave a 1, y compruebe Colores descontaminados.
A continuación, puede convertir la capa en una Objeto inteligente, duplíquelo en su documento principal y redúzcalo a 64x44%. Renombra la capa "Palmera" y enmascara la esquina inferior derecha. Como el árbol es un objeto inteligente, podrá transformarlo tanto como quiera sin perder calidad..
Dado que la fuente de luz principal de nuestra composición proviene del sol en el centro del texto, seremos una sombra interior para nuestra palmera. Para ello, crea un Curvas Ajuste la capa y córtela a "Palmera". Dale una máscara a la capa, inviértela y pinta en la parte derecha del árbol. Dale a la capa un Afilado inteligente y colocarlo en un grupo del mismo nombre. En este ejemplo, también pinté el filtro afilado alrededor de las hojas del árbol ya que era un poco demasiado fuerte.
Para equilibrar la composición, agregaremos una pelota de playa a la izquierda. Descarga la bola y ábrela. Puedes crear una forma circular con el Herramienta Elipse (U) y úsala como máscara para extraer la bola de su fondo. Como antes, convertirlo en un Objeto inteligente, tráigalo en su documento, pero esta vez voltéelo horizontalmente y déle un Sombra interior. Puede darle a la pelota una pequeña sombra usando la misma técnica que en el paso 11.
También agregaremos un paraguas rojo dentro de la "U". Descarga el paraguas y ábrelo. Al extraer el fondo, deje fuera el mango. Colóquelo en su documento como un Objeto inteligente como siempre. Con un pequeño cepillo duro, elija un color gris y trace un palo recto en la arena (haga clic en un extremo, mantenga presionada la tecla Mayús y haga clic en el otro extremo para obtener una línea recta). Dar el polo a Bisel y Relieve estilo de capa.
Descarga la gaviota y haz lo mismo que antes. Para esta, es una buena idea trabajar en el resaltado y la sombra jugando con capas recortadas a la gaviota, para hacer que la luz venga más desde la parte superior. Esto no tiene que ser perfecto ya que la gaviota se contraerá drásticamente en el documento principal.
Finalmente, puede agregar el texto "Hola". La fuente utilizada en este caso es Shelby, que puedes encontrar allí. Como siempre, siéntete libre de usar cualquier fuente que te guste..
En este paso, agregaremos un poco de agua derramada en el suelo. Para ello, utilizaremos algunas formas de salpicadura. En el siguiente ejemplo, uso una forma personalizada hecha en Illustrator, pero puedes usar cualquier forma que desees. Hay muchos de estos en internet. Coloque la forma en su documento, y usando Transformación libre (Editar> Transformar> Perspectiva), coloca la forma en perspectiva y dale lo siguiente Estilos de capa. No te olvides de configurar la capa Llenar al 0%.
Descargue el stock de ondulaciones, colóquelo en perspectiva sobre su capa "Derrame". Luego puede recuperar la selección de "Derrame" y utilizarla para enmascarar su capa de ondulación. Luego, desaturarlo (Cmd / Ctrl + Shift + U) y oscurecerlo usando una Curvas ajuste. Establecer la capa a Luz tenue y 20% de opacidad..
Repita el proceso hasta que esté satisfecho. En este caso, agrupé las distintas capas "Derrame" y "Ondulaciones" y puse el Estilos de capa en los grupos en lugar de facilitar la manipulación.
Para integrar mejor nuestras cartas, agreguemos un poco de arena derramada en el suelo. Para hacerlo, descarga y abre Dirt Piles PNG. Escala hacia abajo y dale los siguientes ajustes.
Incluso podemos integrar mejor esta pila de arena dibujando granos de arena en el suelo. Para ello, seleccione un pequeño cepillo duro, abra el Panel de cepillo (F5) y establece tu pincel para que salpique al azar pequeños puntos. Utilizando la Herramienta de cuentagotas (I), elige el color de tu arena y dibuja pequeños granos de arena en una nueva capa. Una vez que haya terminado, puede agregar un Sombra paralela Para darles un poco más de contraste..
Repite el proceso todo lo que quieras..
Usando la misma técnica que antes, agregue algunos chancletas cerca de la letra "U". Nombra el grupo "Sandalias".
En este punto, este es el aspecto que debería tener tu imagen..
Se ve bien, pero todavía podemos mejorarlo. En este paso, agregaremos algunas capas de ajuste para ayudar a fusionar los distintos elementos. Por encima de todo, agregue las siguientes capas de ajuste. Selecciona el Mapa de gradienteel modo de fusión de Cubrir 50%, y usar un Máscara de recorte con un cepillo negro suave en el Balance de color Para que las hojas de la palmera queden verdes. Agrupe todo y nombre al grupo "Ajustes".
Otra forma de mejorar su imagen final es agregar un efecto de viñeta suave cerca de los bordes. Para ello, rellena tu lienzo con negro en una nueva capa. (Mayús + F5). Con el Herramienta de marquesina rectangular (M), Selecciona el centro del lienzo y bórralo. Luego, dale a tu capa un 40 px. Desenfoque gaussiano y configurarlo para Multiplicar. Para integrar mejor la sombra, recorté dos capas sobre la viñeta y pinté los colores seleccionados del texto.
En este punto, encontré que el mar era un poco demasiado grande para mi gusto. Así que seleccioné todas las capas de "Playa" y las reduje a una altura del 66%. Si lo hace, no olvide desvincular las capas a su máscara (haciendo clic en el pequeño icono de enlace entre las miniaturas) para que la transformación no afecte a la máscara..
Casi terminamos. Otra técnica que podemos usar para mezclar todo es agregar un poco de ruido. Para ello, cree una nueva capa y rellénela con un 50% de gris. (Editar> Rellenar). Ir Filtro> Ruido> Añadir ruido y establecer la cantidad al 2%. Finalmente, nombra tu capa "Ruido" y configúralo en Luz tenue.
Finalmente, afinemos nuestra imagen un poco para darle un aspecto final. Seleccione todas sus capas, haga clic derecho y seleccione Fusionar capas mientras lo esté agarrando Alt. Ir Filtro> Enfocar> Afilado inteligente, ingrese los valores deseados, y presione OK. Asegúrese de guardar su documento. Si quieres, ahora puedes aplanar tu imagen. (Capa> Aplanar imagen) y redimensione hasta el 50% para deshacerse de toda la imperfección.
Esto es lo que tu Capa el panel debe verse como.
¡Felicidades! Has completado este efecto de texto. En el proceso, aprendió cómo crear texto 3D en Photoshop y cómo combinar texto 3D con fotografía para crear una ilustración inspirada en el verano que se puede utilizar para una amplia gama de propósitos.
Accentsconagua