Cómo crear un tipo 3D en perspectiva en Illustrator CS6

En este tutorial, aprenderá a crear tipografía 3D utilizando la herramienta de perspectiva, Blends y algunas de las nuevas características de Adobe Illustrator CS6..


Paso 1

Comience por crear el texto o las formas en 2D. Este efecto particular funciona mejor con texto más audaces con un área de superficie más amplia. Si está utilizando texto, es importante que haga clic con el botón derecho del ratón en> Crear contornos para cambiar la fuente a las rutas. He creado mi propia fuente creada con la herramienta Rectángulo (M) y las herramientas Pathfinder (Shift + Ctrl + F9). Es más fácil usar las guías inteligentes para ayudarte a hacer esto. Usa Ctrl + U para poner guías


Paso 2

Seleccione cada palabra y agrupe las letras (Ctrl + G).


Paso 3

En una nueva capa, dibuje un rectángulo más grande que la mesa de trabajo que será nuestro fondo. Aplique un degradado radial que pase de un centro de luz a un exterior más oscuro. Cambie el nombre de esta capa a "Fondo" y envíela hacia atrás, detrás de la primera capa.


Etapa 4

Seleccione todas las formas de palabras y aumente el peso del trazo a 4 puntos.

Seleccione Alinear trazo al interior, luego agregue un degradado lineal al trazo. Edite el degradado para que los dos colores sean exactamente iguales y cambie la opacidad de uno de los colores al 0%. El gradiente debe ir del 100% (opaco) al 0% (transparente) de arriba a abajo.


Paso 5

Seleccione el relleno y agregue un gradiente oscuro a claro verticalmente, de modo que el trazo contrasta con el relleno y nos dé un efecto de resaltado.


Paso 6

Ahora vamos a crear un simple efecto de brillo en cada una de las letras. Primero, seleccione el grupo de letras y presione Ctrl + C para copiar, luego presione Ctrl + F para pegar directamente una vez al frente, luego elija Clic derecho> Desagrupar.

Use la herramienta Pluma (P) para dibujar una forma sobre las letras que corta diagonalmente (como se muestra abajo).

Seleccione la forma y presione Ctrl + C para copiarla. Seleccione una letra, luego mantenga presionada la tecla Mayús y seleccione la forma en frente. Utilice el Intersect Pathfinder para cortar el exceso de la forma.

Repite esto para cada letra.


Paso 7

Seleccione todas las nuevas formas creadas con el Pathfinder y seleccione Alinear trazo al interior. Cambie la pantalla de Transparencia al modo de fusión y, con el trazo seleccionado, presione el botón Reverse Gradient para que el trazo sea transparente en la parte superior en lugar de en la parte inferior. Con ellos aún seleccionados, presione Ctrl + C para copiar y luego Ctrl + F para pegar en frente.


Paso 8

Con la Herramienta de selección directa (A), seleccione el nodo en la parte superior derecha de la forma que acaba de copiar y muévalo ligeramente hacia arriba. Es útil activar las Guías inteligentes (Ctrl + U) y Ver> Ajustar al punto para esto. Repite esto para todas las letras


Paso 9

Asegúrese de que todas las formas de efectos de brillo estén seleccionadas y agrúpelas (Ctrl + G).


Paso 10

Active la herramienta de cuadrícula de perspectiva (Shift + P) y luego use la herramienta de selección de perspectiva (Shift + V) para ajustar los nodos de la cuadrícula y hacer que la cuadrícula se vea similar a la de abajo.


Paso 11

Ahora necesitamos mover las letras a la perspectiva. La herramienta de cuadrícula de perspectiva usa tres cuadrículas que se pueden usar para hacer una cara izquierda, cara derecha y cara horizontal para un pseudo objeto 3D. Cada cara se puede seleccionar utilizando el icono que aparece cuando la cuadrícula de perspectiva está activada.

Necesitamos poner nuestra palabra en una de estas caras. Use la Herramienta de selección (V) para seleccionar toda la palabra, luego elija la Herramienta de selección de perspectiva (Mayús + V) para arrastrar la palabra a la esquina inferior izquierda de la cuadrícula derecha. Observe cómo la palabra se ha inclinado hacia la cuadrícula de perspectiva.


Paso 12

A continuación haremos el pseudo efecto 3D. Seleccione la palabra menos el efecto de brillo agrupado en el frente, luego cópielo y péguelo en frente (Ctrl + C y luego Ctrl + F).

Usando la herramienta de selección de perspectiva (Shift + V), mantenga presionada la tecla '5' y arrastre la palabra para moverla hacia atrás en perspectiva. Esto se convertirá en la cara posterior de la palabra 3D (aunque no se verá). Enviar hacia atrás (Ctrl + [) hasta que esté detrás de la palabra original.


Paso 13

Cambie el trazo y rellene a un color sólido que sea ligeramente más oscuro que el color del original.


Paso 14

Seleccione ambas palabras (sin el efecto de brillo) y elija Objeto> Fusionar> Crear. A continuación, vaya a Objeto> Fusión> Opciones de fusión. Cambie el espaciado a pasos especificados y establezca la cantidad a 50.


Paso 15

Haga doble clic en la combinación para ingresar al modo de aislamiento, luego seleccione y copie la cara frontal de la palabra (menos el brillo). Luego salga del modo de aislamiento y péguelo delante del grupo de formas de brillo, luego envíe hacia atrás (Ctrl + [) una vez. Cambia el modo de fusión a luz suave.


Paso 16

Puede repetir los pasos anteriores para cualquier otra palabra que desee en su composición. He usado los mismos métodos con diferentes colores y los apilé uno encima del otro. Para la palabra cool comencé desde la cuadrícula de perspectiva izquierda.

Es una buena idea colocar cada palabra en una capa diferente para facilitar la selección


Paso 17

Ahora use la herramienta Pluma (P) para agregar resaltes adicionales y detalles de sombras. Esta parte depende de tu creatividad y de cómo quieres que se vea tu tipo. Dibujé formas triangulares en el lado izquierdo de cada letra y configuré el Modo de fusión en Pantalla.

Luego agregué un resaltado más pequeño dentro de ese color más claro y también configuré el modo de fusión en Pantalla.

Use la herramienta Pluma (P) con la ayuda de Guías inteligentes para agregar un resaltado al lado de cada palabra (como se muestra a continuación) y establecerla en Superposición de modo de fusión, luego agregue otra forma con el mismo color y configuración de Transparencia para hacer más fuerte realce.

También puede agregar algo de sombra con la herramienta Pluma (P). Use un tono más oscuro, establezca el Modo de fusión en Multiplicar y baje la Opacidad al 60% para que sea ligeramente transparente.


Paso 18

Ahora vamos a hacer un reflejo del piso. La selección de las diferentes partes puede ser un poco difícil aquí, por lo que puede ser útil usar el panel Capas. En primer lugar, con la herramienta de selección directa (A), seleccione la combinación de la palabra en la parte inferior y presione Ctrl + C, Ctrl + F para copiar y pegar en frente. Luego use la Herramienta de selección de perspectiva (Mayús + V) para mover la mezcla hacia abajo justo debajo de la palabra.


Paso 19

En el panel Capas, Crear nueva capa y cámbiele el nombre "Reflexión", luego arrastre la nueva mezcla a la capa y colóquela justo delante de la capa "Fondo"


Paso 20

Para darle la vuelta, usaremos la herramienta de selección de perspectiva (Mayús + V). Seleccione la cara frontal, mantenga presionada la tecla Alt y arrastre desde el control central superior hacia abajo para alinearse con la parte inferior para que esté reflejado (no es necesario que sea perfecto). Haz esto de nuevo por la cara posterior de la mezcla..


Paso 21

Haga doble clic en la combinación para ingresar al modo de aislamiento y luego con la herramienta de selección directa (A), seleccione el grupo de la cara frontal e invierta los gradientes tanto en el trazo como en el relleno.


Paso 22

Salga del modo de aislamiento, luego seleccione los puntos destacados en el lado de la palabra y agrúpelos (Ctrl + G).

Encienda la Cuadrícula de perspectiva y luego active la cuadrícula que corresponde con los aspectos destacados (en mi caso, la cuadrícula de la izquierda), luego haga clic derecho> Perspectiva> Adjuntar al plano activo.

Con la herramienta de selección de perspectiva (Shift + V) ahora debería poder mover el grupo en perspectiva. Muévalo hacia abajo en perspectiva hasta que esté alineado en el lugar correcto en el reflejo (de nuevo, esto no necesita ser perfecto). Como antes, mantenga presionada la tecla Alt y arrastre desde el asa central para voltear los resaltes boca abajo.


Paso 23

A continuación, agrupe los puntos destacados en la parte frontal de la palabra y luego, como antes, active la cuadrícula correspondiente (derecha) y elija Clic derecho> Perspectiva> Adjuntar al plano activo.

Los otros puntos destacados y la palabra ya deberían estar adjuntos al plano de perspectiva correcto, así que mantenga presionada la tecla Mayús y selecciónela también.

Con la herramienta de selección de perspectiva, debería poder moverlos hacia abajo para estar en línea con el reflejo y luego arrastrar desde el control central y voltearlos boca abajo como antes..


Paso 24

Los gradientes en estos también deben invertirse, por lo tanto, haga doble clic para ingresar al grupo en modo de aislamiento y revertirlos en el panel Gradiente.


Paso 25

Ahora agrupe todos los elementos de la reflexión y en el panel Transparencia, haga doble clic en el cuadro a la derecha de la vista previa de la selección para crear una máscara de opacidad.

Use la herramienta Rectángulo (M) para dibujar un rectángulo que vaya desde el centro de la imagen hacia el exterior como se muestra a continuación.


Paso 26

Agregue un degradado de negro a blanco y con la herramienta Degradado (G) diríjala de manera que el degradado sea más o menos paralelo al ángulo de la parte inferior de la reflexión.


Paso 27

Presione Ctrl + C, luego Ctrl + F y arrastre el control central derecho hacia la izquierda hasta que el rectángulo cubra la otra mitad de la reflexión y ajuste el degradado para que sea paralelo a la parte inferior de la reflexión de este lado.

Luego, en el panel Transparencia, haga clic en el cuadro de vista previa de selección para salir del editor de máscara de opacidad.


Paso 28

Para agregar un efecto brillante al piso, primero dibuja un rectángulo. Encienda la cuadrícula de perspectiva y cambie su tamaño para que se ajuste a la línea del horizonte de la cuadrícula. Agregue un gradiente lineal como se muestra a continuación y configure el modo de fusión en pantalla al 20% de opacidad.


Paso 29

Copie y pegue al frente, luego cámbielo a un degradado radial de blanco a negro y deje la opacidad al 20% y el modo de fusión como pantalla


Paso 30

Como toque final, seleccione todos los elementos excepto el fondo y gírelos ligeramente.


Imagen final

Y ya está listo ... estas técnicas pueden ser útiles para dibujar la perspectiva 3D en otros estilos, así que siga experimentando!