Crea un efecto de texto de cristal colorido en Illustrator

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

En el siguiente tutorial aprenderás a crear un colorido efecto de texto de cristal en Illustrator. Conocerás cada paso para construir este brillante efecto de texto vectorial. Utilizaremos motivos, efectos de transformación, rellenos de degradados múltiples y mucho más para construir esta hermosa letra.

Paso 1

Crea un documento de 700 por 300px, RGB. Toma la herramienta Rectángulo y crea una forma del tamaño de tu mesa de trabajo. Rellénala con R=241, G=247, B=226, y elimina el color del trazo. Con esta forma aún seleccionada muévete al panel de Apariencia (Ventana > Apariencia).

Simplemente haz clic en el botón Añadir nuevo relleno. Es el pequeño cuadrado blanco de la barra inferior. Obviamente, esto añadirá un segundo relleno para tu forma. Selecciónalo y utiliza el degradado radial que se muestra a continuación. Observa detenidamente la imagen del degradado y notarás un cero amarillo sobre el deslizador de la izquierda. Esto significa que necesitas seleccionar ese deslizador de degradado y bajar su Opacidad al 0%.

Paso 2

Vuelve a seleccionar la forma creada en el paso anterior y añade un tercer relleno. Para este nuevo relleno necesitarás un motivo incorporado. Ve al panel Muestras (Ventana > Muestras). Abre el menú desplegable y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Se abrirá una nueva ventana con un conjunto de motivos incorporados.

Vuelve al panel de Apariencia, asegúrate de que el tercer relleno sigue seleccionado y haz clic en el patrón "USGS 19 Land Inundation". Ahora que el patrón está aplicado baja su Opacidad al 15%. Ve al panel Capas y bloquea este rectángulo.

Paso 3

Para el siguiente paso necesitarás un pincel caligráfico incorporado. Ve al panel Pinceles (Ventana > Pinceles). Abre el menú desplegable y ve a Abrir biblioteca de pinceles > Artístico > Caligráfico. Debería abrirse una nueva ventana con un conjunto de pinceles incorporados. Elige la herramienta Pincel (B), selecciona el pincel Circular de 30pt, establece el color del trazo en blanco y dibuja un trazado como el que se muestra en la primera imagen.

Continúa con la herramienta Pincel y dibuja cuatro trazados adicionales como se muestra en la segunda imagen. Selecciona todos estos trazados, baja su Opacidad al 7%, cambia el modo de fusión a Superponer, y luego agrúpalos (Comando + G). Desplázate al panel Capas, haz doble clic en este grupo, nómbralo "Pinceles" y bloquéalo.

Paso 4

Escoge la herramienta Texto (T), haz clic en tu mesa de trabajo y añade algo de texto blanco. Usa la fuente Calibri con un tamaño de 150pt. Vuelve a seleccionar este texto y ve a Objeto > Expandir (o Texto > Crear contornos). Selecciona el grupo de formas resultante, haz clic en el botón Unir del panel Buscatrazos (Ventana > Buscatrazos) y luego ve a Objeto > Trazado compuesto > Crear.

Selecciona el trazado resultante, ve al panel Apariencia y elimina el color del relleno y del trazo. Ve al panel Capas, haz doble clic en este trazado compuesto y nómbralo "Principal".

Hagamos un rápido recuento. Hasta ahora, deberías tener dos trazados ("Bg" y "Principal") y un grupo (Pinceles) en tu panel de Capas.

Paso 5

Selecciona "Principal" y haz una copia delante (Comando + C > Comando + F). Selecciona esta copia y añade un relleno blanco. Muévete al panel Apariencia, selecciona este relleno y baja su Opacidad al 10%.

Paso 6

Vuelve a seleccionar el trazado blanco creado en el paso anterior, añade un segundo relleno y utiliza el degradado lineal que se muestra a continuación. No te olvides del cero amarillo. Selecciona este nuevo relleno en el panel Apariencia y ve a Efecto > Trazado > Desplazamiento.

Ahora introduce un radio de -4px, haz clic en OK y ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en OK. Ve al panel de Capas y nombra este trazado como "Texto".

Paso 7

Selecciona "Principal", haz una copia al frente (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ). Añade un trazo blanco de 3 puntos para este nuevo trazado, alinéalo al interior y baja su Opacidad al 30%.

Paso 8

Ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de Teclado esté fijado en 1px. Selecciona "Principal", haz dos copias al frente (Comando + C > Comando + F > Comando + F) y llévalas al frente (Mayúsculas + Comando + ] ).

Selecciona la copia superior, luego pulsa la flecha derecha y las flechas hacia abajo 4 veces. Vuelve a seleccionar las dos copias y pulsa el botón Menos frente del panel Buscatrazos. Selecciona el grupo de formas resultante y conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear). Rellena el trazado resultante con blanco y baja su Opacidad al 40%.

Paso 9

Selecciona "Principal", haz dos copias delante (Comando + C > Comando + F > Comando + F) y llévalas al frente (Mayúsculas + Comando + ] ). Selecciona la copia superior, y luego pulsa dos veces la flecha derecha y las flechas abajo.

Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona el grupo de formas resultante y conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear). Rellena el trazado resultante con blanco y baja su Opacidad al 50%.

Paso 10

Selecciona "Principal", haz una copia delante (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ). Añade un trazo negro de 1pt para este nuevo trazado. Alinéalo al exterior y luego ve a Objeto > Expandir apariencia (o a Objeto > Trazado > Contornear trazado). Rellena el trazado resultante con el degradado lineal mostrado en la tercera imagen y baja su Opacidad al 75%.

Paso 11

Selecciona "Principal", haz una copia delante (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ). Añade un trazo negro de 0,5pt para este nuevo trazado. Alinéalo al exterior, luego ve a Objeto > Expandir apariencia (o a Objeto > Trazado > Contornear trazado). Rellena el trazado resultante con el degradado lineal mostrado en la tercera imagen y baja su Opacidad al 75%.

Paso 12

Selecciona el trazado creado en el paso anterior y haz una copia delante (Comando + C > Comando + F). Rellénalo con el degradado lineal mostrado en la segunda imagen y baja la Opacidad al 15%.

Paso 13

Selecciona los tres trazados creados en los tres últimos pasos y agrúpalos (Comando + G). Muévete al panel de Capas y arrastra este nuevo grupo por encima del grupo "Pinceles".

Paso 14

Para el siguiente paso necesitarás el pincel caligráfico 2pt Oval. Puedes conseguirlo fácilmente en tu panel de Pinceles. Selecciona "Principal", haz una copia delante (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ).

Selecciónala y céntrate en el panel Apariencia. Primero, añade un trazo y establece su color en R=78, G=113, B=120. El tamaño no es importante. Asegúrate de que tu trazo sigue seleccionado y haz clic en el pincel Oval de 2 puntos del panel Pinceles. A continuación, ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4px y haz clic en Aceptar, luego ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran en la imagen final y haz clic en Aceptar.

Paso 15

Sigue concentrándote en el trazado creado en el paso anterior. Selecciónalo, muévete al panel Apariencia, selecciona el trazo y haz clic en el botón Duplicar seleccionado (el pequeño icono de archivo de la barra inferior). Obviamente, esto añadirá una copia del trazo seleccionado. Selecciona este nuevo trazo, abre el efecto Transformar existente e introduce los datos que se muestran a continuación. Al final debería lucir como en la siguiente imagen.

Paso 16

Sigue concentrándote en la forma editada en el paso anterior. Selecciónala y pasa al panel Apariencia. Selecciona el primer trazo, baja su Opacidad al 10% y cambia el modo de fusión a Subexponer color. Muévete al segundo trazo y añade las mismas propiedades (Opacidad del 10% y Modo de fusión Subexponer color).

Paso 17

Elige la Herramienta Elipse (L) y haz clic una vez en tu mesa de trabajo. Introduce 10 en las casillas de anchura y altura, y haz clic en Aceptar. Esto creará un círculo de 10px. Rellénalo con blanco.

Ve al panel Apariencia y selecciona este relleno. Baja su Opacidad al 50% y ve a Efecto > Distorsionar y Transformar > Fruncir y engordar. Arrastra el deslizador a -75%, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en OK.

Paso 18

Vuelve a seleccionar la forma creada en el paso anterior, añade un segundo relleno y hazlo blanco. Selecciónalo en el panel Apariencia, baja su Opacidad al 25% y ve a Efecto > Distorsionar y Transformar > Fruncir y engordar. Arrastra el control deslizante a -75%, haz clic en Aceptar y selecciona Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -0,5 y haz clic en Aceptar.

Paso 19

Multiplica la forma creada en el paso anterior. Extiende estas copias como se muestra en la siguiente imagen.

Paso 20

Selecciona "Principal", haz una copia delante (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ). Rellena esta copia con negro, baja su Opacidad al 10% y luego muévela 2px hacia abajo y a la derecha. Selecciona este nuevo trazado y haz una copia en la parte posterior (Comando + C > Comando + B). Mueve esta nueva copia 2px hacia abajo y hacia la derecha, luego baja su Opacidad al 5%.

Paso 21

Selecciona las dos formas creadas en el paso anterior y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px, haz clic en OK, y luego agrúpalas (Comando + G). Ve al panel de Capas y arrastra este grupo por debajo del grupo "Pinceles". El efecto de texto vidrioso está completo.

Continúa el tutorial y aprenderás a añadir tres efectos de color diferentes para tu texto.

Paso 22

Selecciona "Principal", haz dos copias delante (Comando + C > Comando + F > Comando + F) y llévalas al frente (Mayúsculas + Comando + ] ). Selecciona la copia superior, y luego pulsa tres veces la flecha derecha y las flechas arriba.

Paso 23

Selecciona "Principal", haz dos copias delante (Comando + C > Comando + F > Comando + F), y llévalas al frente (Mayúsculas + Comando + ] ). Selecciona la copia superior, y pulsa tres veces la flecha izquierda y las flechas arriba.

Paso 24

Paso 25

Selecciona los trazados creados en los tres últimos pasos y agrúpalos (Comando + G). Muévete al panel de Capas y hazlo invisible.

Paso 26

Activa la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para los siguientes pasos necesitarás una cuadrícula cada 10px. Ve a Edición > Preferencias > Guías y cuadrícula, introduce 10 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones.

Paso 27

Elige la herramienta Rectángulo (M). Crea dos formas de 10 por 120px y colócalas como se muestra en la primera imagen. La opción Ajustar a cuadrícula te facilitará el trabajo. Rellena el rectángulo de la izquierda con R=249, G=237, B=50, y el de la derecha con blanco. Vuelve a seleccionar ambas formas, baja su Opacidad al 13%, agrúpalas (Comando + G), y ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran a continuación y haz clic en Aceptar.

Paso 28

Elige la herramienta Rectángulo (M). Crea dos formas de 10 por 280px y colócalas como se muestra en la primera imagen. Una vez más, la opción Ajustar a cuadrícula te facilitará el trabajo. Rellena el rectángulo de la izquierda con R=39, G=170, B=225, y el de la derecha con blanco. Vuelve a seleccionar ambas formas y baja su Opacidad al 10%.

Agrúpalas (Comando + G) y ve a Edición > Transformar > Rotar. Introduce un ángulo de 45 grados y haz clic en Aceptar. Ahora, tu grupo debería verse como la segunda imagen mostrada. Vuelve a seleccionarlo y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que aparecen en la imagen final y haz clic en Aceptar.

Paso 29

Selecciona el grupo creado en el paso anterior y ve a Edición > Transformar > Rotar. Introduce un ángulo de 90 grados y haz clic en el botón Copiar. Esto creará una copia invertida horizontalmente de tu grupo.

Selecciona el rectángulo azul de este nuevo grupo y reemplaza el color de relleno existente con R=237, G=28, B=36. Al final tu grupo debería tener el aspecto de la segunda imagen mostrada. Vuelve a seleccionarlo junto con los otros dos grupos creados en los dos últimos pasos y agrúpalos (Comando + G).

Paso 30

Selecciona "Principal", haz una copia delante (Comando + C > Comando + F), y llévala al frente (Mayúsculas + Comando + ] ). Selecciona esta copia, junto con el grupo creado en el paso anterior, y ve a Objeto > Máscara de recorte > Crear.

Debería verse como la tercera imagen mostrada. Muévete al panel de capas y arrastra este grupo enmascarado por encima del trazado "Texto". Al final, debería parecerse a la cuarta imagen mostrada. Ve al panel de Capas y hazlo invisible.

Paso 31

Para el siguiente paso necesitarás una cuadrícula cada 5px. Ve a Edición > Preferencias > Guías y cuadrícula, y luego introduce 5 en la casilla Línea de cuadrícula cada. Elige la herramienta Elipse (L) y crea tres círculos de 10px. Rellénalos con R=237, G=28, B=36, colócalos como se muestra en la primera imagen, luego agrúpalos (Comando + G).

Crea tres nuevos círculos (10px). Rellénalos con R=249, G=237, B=50, colócalos como se muestra en la segunda imagen, luego agrúpalos (Comando + G). Crea tres nuevos círculos (10px). Rellénalos con R=39, G=170, B=225, colócalos como se muestra en la tercera imagen, luego agrúpalos (Comando + G).

Paso 32

Selecciona los tres grupos creados en el paso anterior y ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran a continuación y haz clic en Aceptar.

Paso 33

Vuelve a seleccionar los tres grupos editados en el paso anterior y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran a continuación y haz clic en Aceptar.

Selecciona los grupos que contienen los círculos rojos y azules, y baja su Opacidad al 10%. Selecciona el grupo que contiene los círculos amarillos y baja su Opacidad al 15%. Vuelve a seleccionar estos tres grupos y agrúpalos (Comando + G).

Paso 34

Selecciona "Principal", haz una copia delante (Comando + C > Comando + F) y llévala delante (Mayúsculas + Comando + ] ). Selecciona esta copia junto con el grupo creado en el paso anterior y ve a Objeto > Máscara de recorte > Crear. Debería tener el aspecto de la tercera imagen mostrada.

Muévete al panel de Capas y arrastra este grupo enmascarado por encima del trazado "Texto". Al final, debería verse como la cuarta imagen mostrada.

Conclusión

Ya has terminado tu trabajo. Este es el aspecto que debería tener.