7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Crear Letras 3D Sin el Uso de Herramientas 3D en Adobe Illustrator

Scroll to top
Read Time: 6 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Sigue éste nuevo consejo rápido y aprende cómo crear unas sencillas letras 3D sin el uso de los efectos 3D. Comenzaremos desde una fuente sencilla y después de unos cuantos ajustes vamos a estar listos para crear el aspecto 3D con la ayuda del efecto Transformar y unas cuantas manipulaciones de forma. Una vez completadas, puedes colorear las letras 3D como desees. ¡Comencemos!


1. Comenzar un Nuevo Proyecto

Abre Illustrator y ve a Archivo > Nuevo para abrir un nuevo documento en blanco. Escribe un nombre y configura las dimensiones luego selecciona Pixeles como Unidades y RGB como Modo de Color.

A continuación, ve a Edición > Preferencias > Unidades & Rendimiento de Visualización y establece las Unidades como se indica abajo. Siempre trabajo con el Incrementos de teclado establecido en 1 px pero es opcional en éste caso. Éstas configuraciones te ayudarán durante todo el proceso de dibujo.

diana_QT-3Deffect_1diana_QT-3Deffect_1diana_QT-3Deffect_1

2. Prepara el Texto

Paso 1

Toma la Herramienta Texto (T) y escribe "VECTOR" usando Franklin Gothic Book, tamaño de 130 pt. También establece el Tracking en 100. Ésta fuente estaba disponible en mi sistema pero si no la tienes, claro puedes descargarla pero también hay muchas otras fuentes extremadamente similares a ésta.

diana_QT-3Deffect_2diana_QT-3Deffect_2diana_QT-3Deffect_2

Paso 2

No expandas todavía. El texto es demasiado delgado así que aplicaremos un Trazo de 8 pt. El color no es importante en éste momento.

diana_QT-3Deffect_3diana_QT-3Deffect_3diana_QT-3Deffect_3

Paso 3

Para convertir el texto a formas selecciona Expandir y Desagrupar del meú Objeto. En éste punto deberías obtener las seis letras teniendo un relleno negro y un Trazo de 8 pt. Para convertir los trazos en formas, selecciona todas las letras luego Expandir y Desagrupar (Mayúsculas-Control-G) de nuevo. Ahora, deberías tener dos formas por cada letra. Por ejemplo, una "V" rellena de púrpura y una "V" rellena de negro.

diana_QT-3Deffect_4diana_QT-3Deffect_4diana_QT-3Deffect_4

Paso 4

A continuación, selecciona ambas letras "V" y presiona Añadir en el panel Buscatrazos. Como resultado obtendrás la letra "V" completa. Haz lo mismo para las otras letras.

diana_QT-3Deffect_5diana_QT-3Deffect_5diana_QT-3Deffect_5

3. Crea las Letras 3D

Paso 1

Selecciona todas las letras y del menú desplegable del panel Apariencia elige Añadir Relleno Nuevo. Para fines visuales cambia el color de relleno luego ve a Efecto > Distorsionar & Transformar y aplica el efecto Transformar. Después de eso, selecciona Expandir Apariencia y Desagrupar del menú Objeto.

diana_QT-3Deffect_6diana_QT-3Deffect_6diana_QT-3Deffect_6

Éstas son las configuraciones que he aplicado:

diana_QT-3Deffect_7diana_QT-3Deffect_7diana_QT-3Deffect_7

Paso 2

Ahora necesitas dibujar las formas entre la "V azul" y la "V negra" usando la Herramienta Pluma (P). Ésto es fácil, estamos hablando de trazados rectos aquí y todo lo que tienes que hacer es click en los puntos de las esquinas. Sigue la imagen de abajo y dibuja la parte inferior de la letra "V".

Puedes habilitar las Guías Inteligentes al ir a Ver > Guías Inteligentes. Podría ser útil para tí. Siempre las uso.

diana_QT-3Deffect_8diana_QT-3Deffect_8diana_QT-3Deffect_8

Paso 3

La segunda forma es el lado izquierdo externo de la letra "V". De nuevo haz click en los cuatro puntos ancla como se muestra en la siguiente imagen.

diana_QT-3Deffect_9diana_QT-3Deffect_9diana_QT-3Deffect_9

Paso 4

La última para ésta letra es la forma derecha interna:

diana_QT-3Deffect_10diana_QT-3Deffect_10diana_QT-3Deffect_10

Paso 5

Continúa con la letra "E". Usa como guías la "E azul" y la "E negra" y dibuja las cuatro formas entre ellas. La forma izquierda exterior y la de abajo ya están dibujadas en la imagen de abajo pero puedes verme dibujando la forma superior interina y la forma central interna.

diana_QT-3Deffect_11diana_QT-3Deffect_11diana_QT-3Deffect_11

Paso 6

Lo mismo aplica para las letras "T" y "R". Después de que hayas finalizado, continuaremos con las formas curvas que conforman las letras "C", "O" y "R".

diana_QT-3Deffect_12diana_QT-3Deffect_12diana_QT-3Deffect_12

Paso 7

Enfócate en la letra "C". Copia y Pega delante (Control-F) la "C azul" y la "C negra" luego cambia los colores para fines visuales. Ahora, selecciona las formas naranja y verde y presiona Restar en el panel Buscatrazos. Como resultado obtendrás un trazado compuesto verde pero ve a Objeto > Trazado Compuesto > Soltar.

diana_QT-3Deffect_13diana_QT-3Deffect_13diana_QT-3Deffect_13

Paso 8

A continuación, toma la Herramienta Pluma (P) y dibuja dos formas entre la "C verde" y "C negra" al hacer click en los puntos de las esquinas indicados (1). Selecciona las formas naranja y verde en la parte inferior y presiona Añadir en el panel Buscatrazos para obtener una sola forma (2). Envía la nueva forma naranja detrás de la "C negra" (3).

diana_QT-3Deffect_14diana_QT-3Deffect_14diana_QT-3Deffect_14

Paso 9

Las cosas son más fáciles para la letra "O". Copia y Pega delante (Control-F) la "O azul" y la "O negra" luego cambia los colores. Ahora, selecciona las formas naranja y verde y presiona Restar en el panel Buscatrazos. Obtendrás un trazado compuesto verde pero ve a Objeto > Trazado Compuesto > Soltar.

diana_QT-3Deffect_15diana_QT-3Deffect_15diana_QT-3Deffect_15

Paso 10

La última letra es "R". Copia y Pega delante (Control-F) la "R azul" y la "R negra" luego teniendo éstas formas seleccionadas, presiona Restar en el panel Buscatrazos. Como resultado obtendrás un trazado compuesto pero ve a Objeto > Trazado Compuesto > Soltar. Manten únicamente la forma interior verde y elimina el resto.

diana_QT-3Deffect_16diana_QT-3Deffect_16diana_QT-3Deffect_16

Paso 11

En éste punto las letras están casi listas pero podrías hacer unos cuantos ajustes para las letras "C" y "O". Los bordes exteriores no son tan suaves como queremos por lo tanto ajustaremos las curvas. Para le letra "C", selecciona únicamente el punto ancla superior de la forma izquierda externa con la Herramienta Selección Directa (A) luego muévela un poco hacia arriba pero no lejos de la "C negra". También ajusta los manejadores si es necesario. Repite lo mismo para el punto ancla en la parte inferior como se muestra en el acercamiento. Lo mismo aplica para la letra "O". Puedes ver el resultado en la siguiente imagen.

diana_QT-3Deffect_17diana_QT-3Deffect_17diana_QT-3Deffect_17

4. Colorea las Letras 3D

Paso 1

Terminaste con las letras y ahora puedes colorearlas como quieras. Voy a mostrarte cuatro versiones de color comenzando con un rosa vintage. Antes de que inicies, asegúrate de que todas las formas orientadas hacia la izquierda tengan el mismo color de relleno (en éste caso azul), todas las formas orientadas hacia abajo tengan el mismo color de relleno (púrpura) y claro, el frente de las letras (negro). Las formas curvas están separadas y serán rellenadas con degradados.

Ahora, remplaza el negro, el azul y el púrpura con los colores uniformes indicados. Las formas curvas están rellenas del mismo degradado lineal usando el tono más oscuro y el tono medio de rosa. En éste punto todo lo que tienes que hacer es ajustar los ángulos como corresponde. Para las formas  1 y 2 establece el ángulo del degradado en 140 grados, para las formas 3, 4 y 5 a -50 grados y 80 grados para la forma 6. También puedes usar la Herramienta Degradado (G) para ésto.

diana_QT-3Deffect_18diana_QT-3Deffect_18diana_QT-3Deffect_18

Paso 2

La segunda versión está desnuda. Comienza remplazando el negro, azul y púrpura con los colores indicados. Continúa con las formas curvas y rellénalas con un degradado lineal usando los tonos más oscuro y medio. Establece los ángulos para cada forma curva como se explicó en el paso previo.

diana_QT-3Deffect_19diana_QT-3Deffect_19diana_QT-3Deffect_19

Paso 3

Aquí está una versión azulada:

diana_QT-3Deffect_20diana_QT-3Deffect_20diana_QT-3Deffect_20

Paso 4

La última versión es  color menta:

diana_QT-3Deffect_21diana_QT-3Deffect_21diana_QT-3Deffect_21

Paso 5

Éstas son mis cuatro opciones de color pero con toda confianza prueba otros tonos. Las posibilidades son incontables.

diana_QT-3Deffect_22diana_QT-3Deffect_22diana_QT-3Deffect_22

¡Facilísimo! Terminaste

Éste es uno de los métodos usados para crear letras 3D sencillas. Déjame saber lo que piensas al respecto y si te parece más fácil que los efectos 3D.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.