En este tutorial aprenderás a hacer una postal vintage usando lettering y ciertos filtros de Illustrator y Photoshop.
Configura un nuevo documento en Illustrator. Las postáles suelen tener el formato A6, de 148x105 mm.
Elige una fuente ancha y en negrita con un aspecto retro. Cuanto más acentuada sea la negrita, mejor. Y cuanto más condensadas queden las letras, mejor será el resultado. En este caso, yo he elegido Popular Std Black. En esta postal retro, vamos a escribir "Wyoming". Para ello, usa la herramienta Texto, cuyo atajo de teclado es T. El tamaño será de 100 pt.
Es el momento de deformar las letras. Selecciona el texto y ve a Efecto > Deformar > Elevar. Marca la casilla de Previsualizar y cambia el valor de Curvar al 25 %. Haz clic en OK. Selecciona el objeto y expándelo yendo a Objeto > Expandir apariencia. El texto quedará contorneado, lo cual nos facilitará la tarea.
Para darle una sombra paralela, usaremos un efecto 3D. Yo prefiero cambiar los colores del objeto para que el efecto se vea mejor. Selecciona el objeto y ve a Efecto > 3D > Extrusión y biselado. Marca la casilla de Previsualizar, introduce un valor de 10 grados para los ejes X e Y, establece una profundidad de extrusión de 50 pt y elige sin difuminado. Haz clic en OK y, luego, selecciona el objeto y ve a Objeto > Expandir apariencia.
Selecciona el borde exterior de las letras con la herramienta Selección directa (A), cambia el color de relleno a blanco y el color del trazo a negro. Asegúrate de que el trazo tiene bordes redondeados para que la línea sea más suave.
Cuando hagas clic en el texto en 3D con la herramienta Selección directa (A), verás que la sombra de las letras procede de distintas partes. Para arreglar esto, selecciona todos los componentes con la herramienta Selección directa y haz clic en Unificar desde el panel Buscatrazos. Haz lo mismo con cada cada letra, pero no combines las sombras de las letras.
Como puedes ver, algunas de las formas que están combinadas sobresalen al frente. Para arreglar este problema, selecciona la forma con la herramienta Selección directa y envíala detrás hasta que esté en su sitio correcto. Basta con que hagas clic derecho > Organizar > Hacia atrás o pulses el atajo de teclado Ctrl + 9. Selecciona la sombra y cámbiale el color a negro.
El primer paso para dar un relleno diferente a las letras es separarlas de la sombra. Usa la herramienta Selección directa (A) para seleccionar todas las letras, pulsa V para activar la herramienta Selección o elige la herramienta en la barra lateral, y pulsa Ctrl + X para cortar. Pega en un lugar de la mesa de trabajo donde haya más espacio pulsando Ctrl + V.
Elige una foto que te gustaría utilizar para el lettering. Colócala detrás de las letras, envíala detrás haciendo clic derecho > Organizar > Enviar detrás. Modifica la escala de la foto a tu gusto, hazle una copia y colócala al lado (para usar las mismas medidas de la foto en cada letra). Selecciona la primera letra y su foto, haz clic derecho > Crear máscara de recorte. Repite este paso con cada letra.
Si no estás satisfecho con la posición de la foto dentro de las letras, siempre puedes ajustarla usando la herramienta Selección directa (A). Haz clic en la letra que quieras ajustar y arrastra o escala la foto a tu gusto. Para añadir un trazo blanco, haz clic en la letra, cambia el grosor a 2,5 en el panel Trazo y cambia el color a blanco. Repite esto con todas las letras y vuelve a colocarlas de nuevo con la sombra.
Abre Photoshop y crea un nuevo documento de 148x105 mm. Coloca la foto de fondo; en este caso, yo he elegido Grand Teton en Wisconsin. Para hacer unos contornos, crea una nueva capa, selecciónalo todo pulsando Ctrl + A y ve a Edición > Contornear. Elige un valor de 15 px y pulsa OK. Asegúrate de que el color establecido es el blanco.
Copia el texto de Illustrator y colócalo en el archivo de Photoshop. Modifica un poco la escala para que las letras cubran la parte más grande de la postal.
Añade el texto "Welcome to" encima de Wyoming y "Grand Teton" debajo usando la fuente Brush Scrip Mt, con tamaño de 40 pt y color blanco. Para deformar el texto, selecciona el texto y haz clic en el icono con forma de letra T encima de un arco en el panel superior. Elige Elevar, establece una curva del 10 % y pulsa OK. Repite este paso con el texto de abajo.
Para darle una sensación un poco más vintage, vamos a añadirle una capa encima con una textura envejecida. En internet podrás encontrar algunas texturas gratuitas. La que yo he usado se llama 03-01. Coloca la textura encima y estírala hasta que cubra la foto entera. En el panel de la derecha, elige el modo de fusión Multiplicar y cambia la opacidad al 70 %.
Para iluminar la foto un poco, vamos a añadir una capa de ajuste. En caso de que no tengas el panel en el lado derecho, puedes hacer clic en Ventana > Ajustes o en Capa > Nueva capa de ajuste > Brillo/Contraste. Cambia el brillo a 30 y el contraste a -25 para crear un efecto ligeramente difuminado. Asegúrate de que colocas la capa de ajuste encima del texto de Wyoming y de la foto, de forma que el filtro solo se aplique a estas dos capas.
Para conseguir un resultado más auténtico, cambia la saturación para hacer que los colores resalten un poco más. Crea una nueva capa de ajuste, pero esta vez elige Tono/saturación. Cambia la saturación a +30. Verás que los colores se vuelven más intensos, lo que nos da un efecto old-school.
Hey Kimberly, this tutorial is exactly what I was looking for! Unfortunately, the farthest I've gotten is step 3. When I follow step 4 and apply the Extrude & Bevel my object is all one color. I appreciate any help!
¡Hola Kimberly, este tutorial es exactamente lo que estaba buscando! Desafortunadamente, lo más lejos que he llegado es el paso 3. Cuando sigo el paso 4 y aplico el Extrude & Bevel, mi objeto es de un solo color. ¡Agradezco cualquier ayuda!
me too!! How do you get the gray shadow. It's all one color for me.
¡¡yo también!! ¿Cómo se obtiene la sombra gris? Es todo un color para mí.
Change the color to pink before using extrude and bevel ;)
Cambia el color a rosa antes de usar extruir y bisel;)
Hey! So the problem is that Illustrator is still recognizing each letter as an independent unit; so it's only going to let you change the color on each complete letter, and not on each of its sides. To change this, so you can change the color on the face of the letter, you're going to have to seperate its parts. There's a few ways to do this. For me, the easiest way is to expand the 3D result. You can do this going to Object > Expand appearance. Once, you've done this, you'll see that each of the faces are seperated and that you can edit the colors independently.
I hope this helps! :)
¡Oye! Entonces, el problema es que Illustrator aún reconoce cada letra como una unidad independiente; por lo tanto, solo le permitirá cambiar el color de cada letra completa, y no en cada uno de sus lados. Para cambiar esto, para que pueda cambiar el color en la cara de la letra, tendrá que separar sus partes. Hay algunas maneras de hacer esto. Para mí, la forma más fácil es expandir el resultado 3D. Puede hacer esto yendo a Objeto> Expandir apariencia. Una vez que hayas hecho esto, verás que cada una de las caras está separada y que puedes editar los colores de forma independiente.
¡Espero que esto ayude! :)
¿Has estado de viaje últimamente y has sacado un montón de fotos? ¿No sabes qué hacer con ellas? Pues echa un vistazo a este tutorial alucinante, donde aprenderás a crear una composición original con esas fotos. ¡Busca las mejores instantáneas de las vacaciones y ponte a ello!
Desde casa o donde encuentres la inspiración.
Sin plazos ni presiones. Adapta los cursos a tu propio horario.
Comparte tus proyectos y aprende de nuestra comunidad en línea.
Cuando termines un curso, podrás descargar el certificado.
¿Te encanta la estética del GTA Vice City? ¿Siempre has soñado con vivir en la época dorada de Malibú? ¿Te…
Carlos Mérida Benamrane
En el tutorial de hoy, vamos a echar un vistazo al proceso de crear un pack de iconos sobre cosas relacionadas…
Andrei Stefan
Ya está aquí Halloween, esa época del año en la que los espíritus corretean libremente y nos dan algún que…
Andrei Stefan
Bienvenido a otro tutorial de Illustrator, en el que vas a aprender a crear tu propio set de iconos de…
Andrei Stefan
¿No sabes cómo decir lo que se te pasa por la cabeza? No tengas pelos en la lengua y convierte tus mensajes en…
Carlos Mérida Benamrane
Bienvenido a otro tutorial de Illustrator, en el que aprenderás a crear un pack de iconos de temática escolar…
Andrei Stefan
En este tutorial utilizaremos las herramientas y los ajustes 3D de Photoshop para crear coloridas mallas…
Rose
¿Eres de los que se partieron la cabeza haciendo el tutorial de mi compañero Rawson? Pues ahora no solo sabrás…
Carlos Mérida Benamrane
