Añade profundidad a tu texto plano: tutoriales de Illustrator

Add Some Depth to Your Flat Text

En este tutorial de Illustrator aprenderá cómo agregar sombras a su texto.
Paso 1

Añadiendo el texto

Crea un nuevo documento. Selecciona la herramienta Texto y añade tu propio texto. Puedes usar la fuente que prefieras. En este caso, he usado la fuente Sign Painter (House Script). El tamaño de la fuente es de 100 puntos para poder reducirla y usarla en la web. Si has elegido una fuente script, es útil añadirle seguimiento para que las fuentes se integren. Abre la paleta de capas en Ventana > Capas. Haz clic en la flecha a la izquierda de "Capa 1". Asegúrate de ver el texto.

Añade algo de profundidad a tu texto plano

Paso 2

Creación de contornos

Hay dos maneras de crear contornos. La primera, y la más sencilla, es hacer clic derecho en el texto y seleccionar "Crear contornos". En la barra de menú, encontrará este comando en Tipo > Crear contornos. También puede usar el comando CMD/CTRL+Mayús+O en el menú.

Añade algo de profundidad a tu texto plano

Añade algo de profundidad a tu texto plano

Paso 3

Inclinar el texto (opcional)

La fuente que he usado no tiene cursiva. Para inclinar el texto y darle movimiento, ve a la barra de menú y selecciona Objeto > Transformar > Inclinar.
Al seleccionar "Corte", se abrirá una ventana de opciones. He utilizado la siguiente configuración para este tutorial.
• Ángulo de corte: 15° grados
• Eje: Horizontal

Paso 4

Cambiar el relleno y agregar un trazo
Primero, abre la barra de control. Ve a Ventana > Control en la barra de menú y ábrela. Selecciona la herramienta Selección o presiona "V" en el teclado y selecciona el tipo. Verás dos cuadros, uno negro y otro blanco con una barra diagonal roja, en la esquina superior izquierda de la barra de control. El cuadro negro representa el color de relleno del texto y el cuadro blanco el color del trazo. Aquí, cambié el color de relleno y trazo a gris al 30% y el grosor del trazo a 4 pt. Esta opción está a la derecha del color del trazo.

Añade algo de profundidad a tu texto plano

Paso 5

Copiar y empujar el texto

En este paso, vamos a darle al texto una sombra paralela improvisada. Primero, selecciona el texto. Luego, cópialo con CMD/CTRL+C o ve al menú y selecciona Editar > Copiar para pegarlo en el lienzo. Al pegar, asegúrate de pegar la imagen delante. Para ello, usa CMD/CTRL+F o ve a la barra de menú y busca Editar > Pegar delante. Después de pegar el texto, muévelo con las flechas arriba y abajo dos veces (pulsa dos veces izquierda y dos veces arriba). Ahora tu texto tendrá un aspecto tridimensional.

Añade algo de profundidad a tu texto plano

Paso 6

Es hora de añadir color
Si la capa superior sigue seleccionada, debes copiar y pegar delante de la última capa. Después de pegar el texto, cambia el color y el trazo. También, cambia el grosor del trazo a 2 pt.

Paso 7

Añadiendo la capa de degradado

Nuevamente, debemos copiar la capa activa y pegarla delante de la capa anterior. Después de pegar el texto, ve a la ventana de la herramienta Degradado, en la barra de menú Ventana > Degradado. En el modo predeterminado, los colores del degradado van del negro al blanco. Lamentablemente, la función de transparencia no está disponible en Illustrator CS3, pero sí en Illustrator CS4. Una vez seleccionado el degradado, establece "Lineal" y cambia el ángulo a -90°. Esto generará un degradado negro en la parte inferior y blanco en la superior. Una vez definido el degradado, abre la ventana Transparencia en Ventana > Transparencia. Cambia el modo de fusión a "Multiplicar" y la opacidad al 50%. Si usas la fuente script, podrías tener problemas. Lo solucionaremos en el siguiente paso.

Añade algo de profundidad a tu texto plano

Paso 8 Pathfinder

Puedes crear efectos interesantes con la herramienta Buscatrazos. Lo primero que debes hacer es abrir la ventana del Buscatrazos en Ventana > Buscatrazos (CMD/CTRL+Mayús+F9). Selecciona la capa de degradado y elige el icono superior izquierdo. Al pasar el ratón, aparecerá el mensaje "Añadir al área de forma". Haz clic en esta opción y todas las letras se convertirán en un solo elemento. Luego, ve a la ventana transparente y cambia el Modo de fusión a "Multiplicar" y la Opacidad al 60 %. Ahora obtendrás un efecto de transición suave en el texto. Deja abierta la ventana del Buscatrazos. La necesitarás de nuevo.

Añade algo de profundidad a tu texto plano

Paso 9: Encontrar la sombra (Parte 1)

Selecciona la capa de degradado. Cópiala y pégala delante una vez más. Bloquea todas las demás capas excepto la reciente para evitar editarlas accidentalmente. Después, copia la capa superior y pégala de nuevo delante. Después de pegar la capa, desplázala hacia arriba y hacia la izquierda una vez. Con la herramienta de selección, arrastra y selecciona ambas capas y cambia el color de relleno a negro. Haz clic derecho y selecciona "Desagrupar".

Añade algo de profundidad a tu texto plano

Paso 10 Encontrar la sombra (Parte 2)

La mejor manera es cambiar una letra a la vez. Aquí, he seleccionado la letra G y está separada de las demás. Por lo tanto, si necesito seleccionar ambas capas, usaré la función "Restar del área de forma" del Buscatrazos. De esta forma, se eliminarán todas las demás letras. Como en este tutorial he usado la fuente script, todas las letras, excepto la G, forman un solo elemento. Si has usado una fuente con separación entre letras, debes hacer lo mencionado anteriormente. Selecciona ambas capas de la letra arrastrándolas. Luego, ve al Buscatrazos y haz clic en "Restar del área de forma". Obtendrás pequeñas letras plateadas que no se superponen (ver imagen superior). Repite la misma acción con las demás letras. Una vez completado, regresa a la ventana Transparencia. Selecciona todas las letras plateadas y agrúpalas (CMD/CTRL-g). Luego, cambia el modo de fusión a "Multiplicar" y la opacidad al 50 %.

Añade algo de profundidad a tu texto plano

Etapa final

Si has seguido todas las instrucciones del tutorial , obtendrás una imagen como la que se muestra arriba. Este tutorial es ideal para principiantes e intermedios.

Añade algo de profundidad a tu texto plano

¡No te pierdas esta oferta por tiempo limitado!

Venta de ilustraciones increíbles

Hire an Illustrator for Children's Books
Contratar un ilustrador de £59.00 £120.00
Contrata a un ilustrador para tu próximo proyecto y recibe ilustraciones personalizadas de alta calidad de nuestro equipo de expertos. Ofrecemos una amplia gama de estilos de ilustración, desde libros hasta ilustraciones técnicas, y garantizamos obras 100 % únicas con garantía de devolución de dinero. Además, serás el propietario de todos los derechos de autor de la obra final. Si necesita contratar un artista por más de 40 horas, contáctenos para obtener un precio especial.
Children's Book Illustration Services
Servicios de ilustración de libros de muestra £25.00 £90.00
¿Quieres autopublicar tu libro pero no sabes por dónde empezar? Prueba nuestro servicio de Ilustración de Muestra por solo £30 (antes £90) y da vida a tus personajes y a tu visión. Si te gusta nuestra calidad y profesionalidad, contrata nuestro paquete completo de publicación de libros infantiles . ¡Aprovecha esta oferta por tiempo limitado y descubre lo que podemos hacer por ti!
Custom Tattoo Design Service
Servicio de diseño de tatuajes personalizados de £59.00 £120.00
¡Diseño de tatuaje personalizado! Nuestros artistas expertos te ayudarán a crear un tatuaje tan único como tú. Nuestro equipo de expertos colaborará contigo para diseñar obras que expresen tu personalidad, estilo y visión. ¡Despierta tu autoexpresión y tatúate hoy mismo!
Educational Icon Design
Servicio de ilustración de iconos personalizados de £19.00 £40.00
Nuestro servicio de ilustración de iconos ofrece iconos 100 % únicos y personalizados para mejorar la experiencia del usuario con sus productos digitales. Elaborados por expertos, nuestros iconos son perfectos para logotipos, juegos, aprendizaje electrónico, sitios web, aplicaciones, software, branding y publicidad. Con revisiones ilimitadas del diseño y una primera prueba entregada en 2 días hábiles, garantizamos su satisfacción. Si necesita más de 10 diseños de iconos, contáctenos para obtener un precio especial. Nuestros precios empiezan desde £5.
Generic Generic Generic Generic Generic