Share
En este tutorial vamos a crear texto 3D e integrarlo en un entorno natural. No utilizaremos ningún programa 3D, por lo que todo lo que necesita es Adobe Illustrator y Photoshop para crear este efecto..
Echa un vistazo a la imagen que estaremos creando..
Vamos a abrir Adobe Illustrator, (usando CMYK como configuración de color) para comenzar a crear nuestro texto 3D.
Escriba la palabra "Escape", (Estoy usando la fuente Impact) y cambie el color a azul (# 1A98BB). Será más fácil trabajar con este color, y será aproximadamente el color que usaremos en nuestro resultado final.
Normalmente, usaríamos la herramienta Extrude & Bevel Tool para crear una versión en 3D de nuestro texto, pero como Illustrator no puede manejar lo que queremos hacer, lo vamos a crear nosotros mismos. (A continuación se muestra lo que obtendríamos si usáramos la herramienta Biselar y Extruir)
Haga clic en su texto y vaya a Tipo> Crear contornos. Ahora copie el texto con Comando + C y pegue en su lugar con Comando + F. Oscurezca el texto usando el deslizador negro en su ventana de Color.
Ahora vamos a reducir el texto y mantenerlo en el mismo lugar al mismo tiempo. Para hacer esto, vamos a hacer clic en nuestro texto oscuro y presionar Alt y Shift, luego traemos una de las esquinas del cuadro en.
Resalte todas las letras, abra su Pathfinder (Shift + F9). En el menú desplegable de la ventana, (si aún no lo tiene abierto) y haga clic en el icono Agregar al área de forma. Haga clic en Expandir. Esto hará que las dos palabras "Escape" en una forma.
Haga clic en la herramienta Pluma (P) y donde había esquinas y ahora en forma de "L" áreas, haga clic en el ancla de la esquina para eliminarla.
Después de deshacerte de todas las áreas "L" que puedes hacer con Command + F, esto debería recuperar tu texto original. Una vez que haga eso, puede notar que algunos de los bordes redondeados no se ven bien. Para corregir estos bordes redondeados, puede eliminar el texto original que acabamos de pegar, hacer clic en la herramienta Pluma (P) y eliminar los puntos de la curva hasta que obtenga un ángulo que se vea bien.
Ahora estamos listos para llevar nuestro texto a Photoshop. Crear un nuevo documento (Comando + N). Vamos a tratar esto como un diseño de cubierta, por lo que vamos a cambiar nuestra configuración a 8 pulgadas de ancho por 10 pulgadas de alto y la configuración de color de CMYK. Cambiaremos nuestra resolución a 300 dpi, por lo que será de calidad de impresión. Una vez que abrimos nuestro documento, queremos hacer clic y arrastrar las guías a media pulgada de cada borde (usando nuestra regla-Comando + R). Esto funcionará como nuestro sangrado..
Vaya a stock.xchng para obtener la imagen que vamos a utilizar para nuestro fondo. Abra la imagen en Photoshop, la ajustaremos un poco para que se ajuste a nuestros propósitos.
Vaya a Imagen> Ajuste> Reemplazar color. Haga clic en la parte del área de césped que es la más amarilla y use el tono para ajustarlo para que tenga un aspecto más verde. También puedes soltar la Saturación para darle un aspecto más realista..
Arrastre nuestra foto al documento de Photoshop que hicimos y cambie el tamaño de la foto para que se ajuste al área con la herramienta Transformar (Comando + T).
Para el fondo, vamos por un aspecto más desaturado, por lo que vamos a abrir nuestro Tono / Saturación con Comando + U y soltar la saturación a -20..
Ahora podemos traer nuestro texto. Primero vamos a poner la cara del texto, y luego la parte 3D, para que podamos trabajar con cada uno individualmente. Entonces copie y pegue (Comando + C, Comando + V) cada uno en nuestro documento de Photoshop. Si no cambia el tamaño del texto o amplía / reduce el tamaño del documento, ambas capas de texto deberían estar perfectamente alineadas.
Ahora que tiene el texto y la imagen de fondo en el lugar donde los desea, podemos comenzar a agregar en el césped.
Comencemos por crear una nueva carpeta (haciendo clic en el ícono de la carpeta en la parte inferior de la Paleta de capas), lo llamaremos "grass" y luego crearemos una nueva capa dentro de la carpeta..
Usando la herramienta Square Marquee (M), haga clic y arrastre un cuadro alrededor de la mitad inferior del documento, debajo de la foto (asegúrese de que no haya un espacio en blanco entre la foto y el cuadro) para que no se seleccione la foto. Ahora haga clic en el color de primer plano y haga clic en el césped de la foto hasta que encuentre un color verde oscuro. Rellena la caja Marquee que hicimos con ese color..
Haga clic en la herramienta Pincel (B) y cambie el pincel al pincel de hierba de una hoja genérico que viene con Photoshop. Ahora haga clic en el color de primer plano y luego haga clic en la hierba en la foto de fondo. Haz lo mismo con el color de fondo. Esto debería darte dos greens diferentes pero similares.
Con F5, abra la configuración de pincel y ajuste el tono Jitter, en la pestaña Dinámica de color al 20%.
Cree una nueva capa (Comando + Shift + N) en la carpeta de césped, y comience a pintar desde donde la foto de fondo termina con un pincel de 125 píxeles. A medida que avanza hacia la parte inferior del documento, haga que el pincel sea más grande (]), de modo que termine con un pincel de 200 px cuando llegue al final. Esto debería ser rápido para que deje agujeros para que las futuras capas se cubran..
Vamos a hacer que este color sea un poco más oscuro porque estará debajo de otra capa. Entonces vaya a las Curvas (Comando + M) y ajuste la Entrada a 47 y la Salida a 55.
Vamos a repetir el paso 14, excepto que esta vez vamos a completar la mayoría de los agujeros que no hicimos la primera vez. No necesitamos ajustar las curvas en esta capa de hierba..
Crea una nueva capa (Comando + Shift + N) en la carpeta de césped. Ahora, para agregar algunos reflejos al césped, vamos a utilizar nuestro Pincel para césped (B) con el mismo color y pintura en unas pocas áreas. Vuelve a entrar en las Curvas (Comando + M) y ajusta la entrada a 58 y la salida a 39.
Vamos a crear una nueva capa (Comando + Shift + N), encima de las letras, para que podamos pintar en un poco de hierba para que parezca que va delante de las letras.
Después de pintar el césped delante de las letras, cree una nueva capa (Comando + Mayús + N) y realice un pase ligero de césped, vamos a oscurecer esta capa con las Curvas (Comando + M), ajuste la entrada a 42 y la salida a 56..
Ahora que hemos terminado nuestra hierba, vamos a empezar a trabajar en nuestras letras..
Cree una nueva carpeta llamada "cara de texto" y una nueva carpeta llamada "sombra de texto" coloque la cara de texto y la sombra de texto en las carpetas correspondientes.
Ahora vamos a Comando + Haga clic en la capa de texto para crear un contorno de marquesina a su alrededor, cree una nueva capa en la carpeta de "texto" con Comando + Mayús + N y rellénelo (Comando + Eliminar) con # EDE6DA.
Vaya a la carpeta "sombra de texto" y cree una nueva capa (Comando + Mayús + N).
Como nuestra luz solar proviene de la derecha, como puede ver con los árboles en la foto, tenemos que hacer que la parte más brillante de nuestro texto esté en el lado derecho de cada letra. Para crear nuestros aspectos más destacados, vamos a utilizar la herramienta Lazo poligonal (L) para seleccionar las áreas que se deben resaltar, las áreas que recibirían el sol..
Con un pincel redondeado blanco de 90 px (B), con una dureza del 0% y una opacidad del 20%, comience a pintar trazos en las áreas que seleccionamos. Cambiar el modo de fusión a superposición.
Para deshacerse del área de exceso, Comando + Haga clic en la capa de sombra del texto, Comando + Mayús + I para obtener la selección inversa, luego borre.
Ahora vamos a hacer nuestras sombras de la misma manera que hicimos los puntos destacados en el paso 19. Una vez que haya seleccionado sus sombras, repita el paso 20, excepto que esta vez usaremos un pincel negro para nuestras áreas más oscuras..
Para agregar algunas sombras más oscuras y dar más contraste a nuestras letras, vamos a repetir el paso 21, pero en lugar de cambiar el Modo de fusión a Superposición, lo vamos a cambiar a Multiplicar. Además, será más fácil si cambiamos el pincel a aproximadamente un 5% de opacidad, de esta manera puede oscurecer la sombra lentamente y también se mezclará más suavemente.
El texto se puede trabajar mucho más y se han agregado muchos más detalles de sombreado / resaltado, pero dado que este es un tutorial, lo dejaremos tal como está y comenzaremos a trabajar en la sombra que el texto proyecta en el césped..
Cree una nueva capa (Comando + Shift + N) y colóquela sobre la carpeta "grass". Usando un pincel negro de 200 píxeles (B) con una opacidad del 100% y una dureza del 0%, pinte debajo del texto, tratando de asegurarse de que el negro no pase demasiado bajo la hierba que está delante de las letras. Cambia el modo de mezcla a Multiplicar.
Ahora podemos empezar a abordar la cara del texto. Vamos a empezar dándole una Sombra Interna. Haga clic en el primer icono en la parte inferior de la paleta de capas y luego haga clic en Sombra interior.
Ahora vaya a Bevel and Emboss, en el primer icono en la parte inferior de la paleta de capas, y ajuste su configuración, algo como lo que tengo. Estas dos configuraciones le darán al texto un borde.
Vamos a Command + Click en la capa de texto y creamos una nueva con Command + Shift + N. Usando la herramienta Gradient (G) con un negro a 0% de opacidad, haga clic en el lado izquierdo del texto y arrástrelo a la derecha. Esto debería darle al texto un degradado que es negro a la derecha. Baje la Opacidad hasta el 5%..
Con la cara de texto aún seleccionada, cree una nueva capa (Comando + Shift + N) en la carpeta "cara de texto" y cambie su color de Primer Plano a un color amarillo-naranja (algo como # FFC600) y cree un Gradiente (G) para que Está en el borde superior de las letras. Cambiar el modo de fusión a superposición.
Cree una nueva capa en la carpeta "cara de texto" y tome un Pincel negro de 200 px (B) con un 5% de opacidad y un 0% de dureza, y haga clic y arrastre una línea justo encima del césped. Esto nos dará una sombra sutil justo sobre la hierba..
Ahora vamos a darle a nuestro texto una apariencia desgastada..
En la carpeta "cara de texto", cree una nueva capa y luego, utilizando la herramienta Square Marquee Tool (M), cree un cuadro que cubra el "Escape". Llena la caja con negro.
Vaya a Filtro> Procesar> Fibras y ajuste su configuración a algo como lo que tengo.
Anule la selección del área con Comando + D y vaya a Filtro> Desenfoque> Desenfoque de movimiento. Comando + Clic en la cara del texto, luego Comando + Mayús + I para obtener la Selección inversa, eliminar y cambiar el Modo de fusión para multiplicar con una opacidad del 5%.
Haga clic en el segundo icono en la parte inferior de la paleta de capas para agregar una máscara a nuestra capa de fibra. Utilizando un gradiente de negro (0) degradado (G), haga clic y arrastre desde la parte inferior hacia arriba para que la mitad inferior de las fibras se haya ido del texto.
Y ahora, para terminar un poco, haremos clic en el cuarto icono en la parte inferior de la paleta de capas y abriremos el Balance de color..
Y ahora abre el Filtro de fotos en el cuarto icono en la parte inferior de la paleta de capas.
Ahora que hemos terminado, voy a agregar algunos toques finales con un pie de página que sangrará sobre el borde.
¡Y eso es! Espero que hayas disfrutado leyendo este tutorial..
Accentsconagua