Crear un efecto de texto 3D de flexión en Adobe Illustrator

En el siguiente tutorial, aprenderá cómo crear un efecto de texto 3D en Adobe Illustrator. Además de usar las herramientas 3D, podrá acodar formas de letras para crear cambios de color con degradados y resaltes. También trabajarás en patrones sutiles controlados con máscaras de opacidad..


Paso 1

Cree un documento RGB de 600 por 620 píxeles y comience con el fondo. Usando la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo. Rellénelo con un degradado lineal, como se muestra en la siguiente imagen. Observa más de cerca el gradiente en la imagen y notarás algunos números blancos sobre los controles deslizantes de gradientes. Esos números representan porcentajes de ubicación.


Paso 2

Seleccione la forma del paso anterior y vaya al panel Aspecto (Ventana> Aspecto). Abra el menú desplegable y haga clic en Agregar nuevo relleno. Esto agregará un segundo relleno para la forma seleccionada. Haz que sea negro, baja su opacidad al 3%, cambia el modo de fusión a Multiplicar, luego ve a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran en la siguiente imagen y haga clic en Aceptar.


Paso 3

Seleccione la herramienta de cuadrícula rectangular y simplemente haga clic en su mesa de trabajo. Ingrese todos los datos que se muestran en la siguiente imagen y haga clic en Aceptar. Esto agregará una grilla agradable. Selecciónelo, agregue un trazo negro de 0.25 puntos y luego colóquelo sobre el rectángulo existente.


Etapa 4

Vuelva a seleccionar la herramienta Rectángulo (M), cree una nueva forma del tamaño de su mesa de trabajo y colóquela sobre la cuadrícula. Centrémonos en esta nueva forma. Elija la herramienta de selección directa (A), seleccione el punto de anclaje inferior, izquierdo y muévalo 350 px a la izquierda. Seleccione el punto de anclaje inferior derecho y muévalo 350 px a la derecha. Ahora su forma debe verse como un trapecio (imagen # 1). Selecciónelo junto con la cuadrícula y vaya a Objeto> Sobre distorsión> Crear con objeto superior. Al final tu cuadrícula debería verse como la imagen # 3.


Paso 5

Vuelva a seleccionar la cuadrícula, baje su Opacidad al 10% y cambie el modo de fusión a Multiplicar. Ahora ve a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran en la primera imagen y luego haga clic en Aceptar.

Vuelva a seleccionar la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo y rellénela con el degradado lineal (que se muestra en la segunda imagen). Seleccione esta nueva forma junto con la cuadrícula y vaya al panel Transparencia (Ventana> Transparencia). Abra el menú desplegable y haga clic en Crear máscara de opacidad. Ahora, tu forma debe verse como la imagen # 3. Por último, bloquea todas las formas creadas hasta el momento..


Paso 6

Ahora, vamos a añadir el texto. Elija la Herramienta de Tipo (T) y agregue la primera palabra (Vector). Utilice la fuente BRK de sobrecarga de techno con un tamaño de 180 puntos y configure el color en R = 0, G = 178, B = 180. A continuación, seleccione la herramienta de tipo vertical y agregue la segunda palabra. Use la misma fuente, tamaño y color, pero ingrese -200 en el cuadro de seguimiento. Seleccione estas dos palabras y vaya a Objeto> Expandir.


Paso 7

Ahora, debes tener dos grupos con las palabras expandidas. Seleccione el grupo "VECTOR" y presione Mayús + Comando + G para desagruparlo, luego seleccione el otro grupo y vaya a Objeto> Ruta compuesta> Crear. Seleccione la ruta resultante junto con la "T" de "VECTOR".

Elija la herramienta de selección (V), haga clic en el borde de la "T" (debería enfatizarse), luego vaya al panel Alinear (Ventana> Alinear) y haga clic en los botones Alinear a la izquierda y Alinear verticalmente. Al final, sus formas deben alinearse como se muestra en la tercera imagen. Seleccione una de las formas en "T" y elimínela, luego seleccione todas estas formas de letras y vaya a Objeto> Ruta compuesta> Crear.


Paso 8

Seleccione la ruta realizada en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Siga los datos que se muestran en la siguiente imagen y haga clic en Aceptar. Haz dos copias de esta forma (Comando + C> Comando + F) y hazlas invisibles. Los necesitarás más tarde. Ahora vuelva a seleccionar la forma original y vaya a Objeto> Expandir apariencia.


Paso 9

Seleccione el grupo resultante del paso anterior y presione Mayús + Comando + G una vez. Ahora debes tener un grupo para cada letra expandida. Vaya al panel Capas, profundice en estos grupos, encuentre las formas de las letras principales y muévalas. Selecciona todas estas formas, rellénalas con un color más oscuro y muévelas a la parte superior del panel Capas. De esta forma los distinguirás más fácilmente del resto de las formas..


Paso 10

Cree los dos gradientes que se muestran en la siguiente imagen y guárdelos en su panel de Muestras. Los usarás mucho en los siguientes pasos. De nuevo, presta atención a las imágenes de gradiente. Los números amarillos representan porcentajes de opacidad..


Paso 11

Ahora cuidemos el resto de las formas. Vamos a empezar con la primera letra. Seleccione las formas que se muestran en la primera imagen y haga clic en el botón Unir del panel de Pathfinder. Asegúrese de que la forma resultante se rellene con R = 0, G = 178, B = 180 y luego agregue tres nuevos rellenos y use los degradados lineales guardados en el paso anterior.


Paso 12

Seleccione las formas que se muestran en la primera imagen y haga clic en el botón Unir del panel de Pathfinder. Agregue un nuevo relleno para la forma resultante y use Gradiente 1.


Paso 13

Mover a la segunda letra. Une las formas como hiciste con la letra anterior, luego agrega nuevos rellenos y usa los gradientes guardados. La mayoría de las veces, necesitarás dos Gradientes (izquierda y derecha) y un Gradiente 2 (centro).


Paso 14

Continuar con la siguiente letra. Une las formas y añade los gradientes guardados..


Paso 15

La siguiente es la "T". Primero, cree el degradado que se muestra en la siguiente imagen, guárdelo y asígnele el nombre "Gradiente 3". Ahora une las formas y agrega los gradientes guardados como se muestra en la siguiente imagen. El control deslizante para gradiente 3 no es muy claro debido a los otros controles deslizantes. La imagen ampliada y ampliada puede ser útil.


Paso 16

Continuar con la "O". Una vez más, une las formas y agrega los gradientes guardados como se muestra.


Paso 17

La siguiente es la "R". Una vez más, une las formas y agrega los gradientes guardados..


Paso 18

Mueve a la "U" y sigue los mismos pasos.


Paso 19

Céntrate en la segunda "T", une las formas y luego agrega los gradientes guardados. De nuevo, necesitarás Gradient 3.


Paso 20

Finalmente, trabajaremos en la "S". Primero, cree el degradado que se muestra en la siguiente imagen, guárdelo y nómbrelo como "Gradiente 4". Ahora une las formas y agrega los gradientes guardados como se muestra.


Paso 21

Aquí es cómo debe verse su trabajo hasta ahora. Ahora vamos a enfocarnos en la oscuridad, las formas de las letras. Primero, duplica las formas superiores de "VECTOR". Seleccione estas copias y vaya a Objeto> Ruta compuesta> Crear.


Paso 22

Vaya a Edición> Preferencias> General e ingrese 0.5px en el cuadro Incremento de teclado. Duplique la ruta realizada en el paso anterior (Comando + C> Comando + F). Selecciona esta copia y pulsa la flecha hacia arriba una vez. Vuelva a seleccionar la copia junto con la forma original y haga clic en el botón Minus Front del panel Pathfinder. Rellene el grupo resultante de formas con blanco y cambie su modo de fusión a Superposición.


Paso 23

Mover a la forma de "U". Selecciónelo y haga dos copias. Selecciona la copia superior y pulsa la flecha hacia arriba dos veces. Vuelva a seleccionar estas dos copias y haga clic en el botón Minus Front del panel Pathfinder. Borre las formas muy finas y luego seleccione la ruta restante. Rellénelo con el degradado lineal que se muestra a continuación (imagen n. ° 2) y cambie el modo de fusión a Superposición. Guarda este gradiente en tu panel de muestras. Lo necesitarás de nuevo para los próximos dos pasos..


Paso 24

Vaya a la forma de "T" y haga dos copias. Selecciona la superior y pulsa la flecha hacia arriba tres veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Obtendrás un grupo con dos formas..

A continuación hay que dividir la forma de la izquierda. Elija la herramienta Pluma (P) y dibuje una forma como la que se muestra en la segunda imagen. Selecciónelo junto con la forma de la izquierda y haga clic en el botón Minus Front del panel Pathfinder. Ahora llene estas tres formas con el degradado lineal guardado en el paso anterior y cambie su modo de fusión a Superposición.


Paso 25

Finalmente, haga dos copias para la forma "S". Selecciona la copia superior y pulsa la flecha hacia arriba cuatro veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene las formas resultantes con el degradado recién guardado, luego cambie el modo de fusión a Superposición. Seleccione las formas creadas en los últimos cuatro pasos y agrúpelas. Haga doble clic en este nuevo grupo (en el panel Capas) y asígnele el nombre "Light".


Paso 26

Aquí es cómo debe verse su trabajo hasta ahora. Nuevamente, duplique las formas superiores de "VECTOR", luego seleccione estas copias y vaya a Objeto> Ruta compuesta> Crear.


Paso 27

Duplica la ruta realizada en el paso anterior. Esta vez pulsa la flecha hacia abajo una vez. Vuelva a seleccionar la copia junto con la ruta de acceso original y haga clic en el botón Minus Front del panel de Pathfinder. Rellene el grupo resultante de formas con R = 0, G = 112, B = 132. Ahora baja su opacidad al 50% y cambia el modo de fusión a Multiplicar.


Paso 28

Mover a la forma de "U". Selecciónelo y haga dos copias. Seleccione la copia superior y presione la flecha hacia abajo dos veces. Vuelva a seleccionar estas dos copias y haga clic en el botón Minus Front del panel Pathfinder. Rellene el grupo resultante de formas con R = 0, G = 112, B = 132. Baje su opacidad al 50% y cambie el modo de fusión a Multiplicar.


Paso 29

Ir a la forma de "T" y hacer dos copias. Selecciona la superior y pulsa la flecha hacia abajo tres veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene el grupo resultante de formas con R = 0, G = 112, B = 132. Baje su opacidad al 50% y deje el modo de fusión en Normal.


Paso 30

Una vez más, haz dos copias para la forma "S". Seleccione la copia superior y presione la flecha hacia abajo cuatro veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene el grupo resultante de formas con R = 0, G = 112, B = 132 y baje su Opacidad al 50%. Seleccione las formas creadas en los últimos cuatro pasos y agrúpelas. Haga doble clic en este nuevo grupo (en el panel Capas) y asígnele el nombre Oscuro.


Paso 31

Vuelva a seleccionar todas las formas de letras y vaya a Objeto> Ruta compuesta> Crear. Asegúrese de que la forma resultante esté colocada debajo de los grupos "Claro" y "Oscuro" (en el panel Capas), luego rellénela con el degradado lineal que se muestra a continuación. Haga doble clic en esta forma (en el panel Capas) y asígnele el nombre "Texto".


Paso 32

Agrega cuatro nuevos rellenos para la forma del texto. Para los tres primeros rellenos use los gradientes lineales que se muestran. Ahora seleccione el relleno restante en el panel de Apariencia. Haz que sea negro, baja su opacidad al 5%, cambia el modo de fusión a Multiplicar. Ir a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran a continuación (imagen # 4) y haga clic en Aceptar.


Paso 33

Ahora, debido al efecto Film Grain, los bordes del texto están un poco pixelados. Puede ser difícil notarlo, especialmente por el fondo, pero es mejor enmascararlo. Duplique la forma del texto (Comando + C> Comando + F). Seleccione esta copia, vaya al panel Apariencia, mantenga solo un relleno y hágalo blanco. Seleccione esta forma blanca junto con la forma del texto original y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad..


Paso 34

Duplica la forma enmascarada del paso anterior. Seleccione esta copia, abra el menú desplegable del panel Transparencia y vaya a Liberar máscara de opacidad. Mantén la forma blanca y borra la otra. Ahora necesita reemplazar el blanco plano con un bonito diseño incorporado. Abra el menú desplegable del panel Muestras y vaya a Abrir biblioteca de muestras> Patrones> Decorativos> Decorativo_Moderno.

Vuelva a seleccionar la forma blanca y haga clic en el patrón de cuadrados ópticos 2. Ahora que agregó el patrón para su forma, baje su opacidad al 30% y cambie el modo de fusión a Superposición. Finalmente, traiga esta forma al frente (Shift + Command + Right Bracket key).


Paso 35

Duplica la forma hecha en el paso anterior. Seleccione esta copia, aumente la opacidad al 100%, cambie el modo de fusión a Normal y rellénelo con el degradado lineal que se muestra a continuación. Seleccione esta nueva forma junto con el patrón y vaya nuevamente al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad. Esto hará que el patrón se desvanezca gradualmente..


Paso 36

Active la visibilidad de una de las copias realizadas en el octavo paso. Vaya al panel Apariencia y abra el efecto Extrusión y bisel. Haga clic en el botón Más opciones, marque la casilla Dibujar caras ocultas, luego haga clic en Aceptar y vaya a Objeto> Expandir apariencia. Una vez más, obtendrá un grupo con muchos subgrupos y formas.

Este paso requerirá un poco de paciencia. Profundiza en estos grupos y encuentra las formas de las letras de abajo. Mueva estas nueve formas fuera del grupo y elimínelas. Seleccione estas formas, vaya a Objeto> Ruta compuesta> Crear, luego mueva la ruta resultante detrás de los otros componentes de texto.


Paso 37

Seleccione la forma realizada en el paso anterior. Rellénelo con R = 0, G = 112, B = 132. Ahora elija la Herramienta de selección (V) y arrastre la línea inferior aproximadamente 2px hacia abajo.


Paso 38

Vuelva a seleccionar la forma del paso anterior y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Introduzca un radio de 2px y haga clic en Aceptar. Duplica esta forma. Seleccione esta copia y muévala entre la cuadrícula y el rectángulo de fondo en el panel Capas. Reemplace el color de relleno para esta copia con R = 209, G = 211, B = 212. Abra el efecto Desenfoque gaussiano desde el panel Apariencia y aumente el radio a 10px.


Paso 39

Seleccione la forma gris del paso anterior y vaya a Objeto> Ruta> Ruta de compensación. Introduzca un radio de 5px y haga clic en Aceptar. Seleccione la ruta resultante y presione la flecha hacia abajo siete veces. Ahora llénalo con R = 220, G = 220, B = 220. Ahora abre el efecto Desenfoque gaussiano y eleva el radio a 15px.


Paso 40

Active la visibilidad de la otra copia realizada en el octavo paso. Seleccione esta copia, colóquela al frente (Shift + Command + Right Bracket key), luego abra el efecto Extrude & Bevel desde el panel Apariencia. Vaya al menú desplegable Superficie y seleccione Estructura alámbrica, luego haga clic en Aceptar y aplique Objeto> Expandir apariencia.


Paso 41

Duplica la forma modelada. Seleccione esta copia, desenmascare y mantenga solo la máscara (la forma con el degradado). Reemplace el degradado con un negro plano, luego traiga la forma al frente (Shift + Command + Right Bracket key). Selecciónelo junto con el grupo resultante del paso anterior y vaya al panel Transparencia. Abra el menú desplegable, haga clic en Crear máscara de opacidad y desactive la casilla Clip. Finalmente, seleccione este grupo enmascarado, baje su opacidad al 30% y listo..


Conclusión

La imagen final se muestra a continuación..