¿Cómo Crear Efecto de Texto de Casino en Adobe Illustrator?

En los siguientes pasos, aprenderás cómo crear un efecto de texto de casino en Adobe Illustrator. Para los principiantes, aprenderás cómo preparar una cuadrícula y cómo crear las formas principales usando una fuente gratuita y técnicas de vectores básicos.

Tomando mucha ventaja del panel de Apariencia, aprenderás cómo darle estilo a las formas y trazados compuestos. También aprenderás cómo guardar degradados y estilos gráficos y cómo aplicarlos fácilmente.

Luego aprenderás cómo añadir iluminación sutil, usando efectos simples y técnicas de fusión básicas. Finalmente, aprenderás como añadir una textura sutil para toda la ilustración.

Para más inspiración en cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

1. ¿Cómo Crear un Nuevo Documento y Preparar una Cuadrícula?

Presiona Control-N para crear un Nuevo Documento. Selecciona Píxeles desde el menú Unidades, pon 850 en la Anchura y 610 en la Altura, y luego da clic en el botón de Más Ajustes. Selecciona RGB para el Modo de Color, pon el Efectos de Rasterización a Pantalla (72 ppp) y luego da clic en Crear Documento.

Habilita la Cuadrícula (Vista > Mostrar Cuadrícula) y luego Ajustar a Cuadrícula (Vista > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrículas, y luego pon 5 en la casilla Cuadrícula cada; y 1 en la casilla de Subdivisiones. Trata de no desanimarte por toda esa cuadrícula—hará tu trabajo más fácil, y ten en mente que puedes fácilmente permitir o deshabilitarlo usando la tecla Control-".

Puedes aprender más del sistema de cuadrículas de lllustrator de Andrei Stefan: Entendiendo el Sistema de Cuadrículas de Adobe Illustrator.

También debes tener abierto el panel de Información (Ventana > Información) para una previsualización en vivo con el tamaño y la posición de tus formas. No olvides poner la unidad de medida a Píxeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarán significantemente tu velocidad de trabajo.

2. ¿Cómo Crear el Fondo y Añadir Texto?

Paso 1

Toma la Herramienta Rectángulo (M) y enfócate en la barra de tareas. Borra el color del Trazo y luego selecciona el Relleno y pon su color a R=42 G=47 B=66. Mueve tu mesa de trabajo y simplemente crea un rectángulo de 860 x 620 px—la cuadrícula y Ajustar a la Cuadrícula debe hacer esto más fácil.

Asegúrate de que tu rectángulo permanezca seleccionado y abre el panel Alinear (Ventana > Alinear). Selecciona Alinear a Mesa de Trabajo desde el menú desplegable y luego da clic en los botones Alinear al Centro Horizontal y Alinea al Centro Vertical para fácilmente centrar tu selección.

Ve al panel de Capas (Ventana > Capas), selecciona la capa existente, y simplemente Bloquea tu capa para asegurarte de que no la muevas/selecciones accidentalmente.

Paso 2

Toma la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente BudmoJiggler-Regular, y pon el Tamaño a 150 px y el Tracking a 30. Añade el texto "CASINO SLOTS", pon el color a blanco y luego alinea al centro.

3. ¿Cómo Crear las Formas Principales?

Paso 1

Asegúrate de que tu texto permanezca seleccionado y ve a Texto > Crear Contorno (Mayus-Control-O). Abre el panel Buscatrazos (Ventana > Buscatrazos), da clic en el botón Dividir, y luego Desagrupa tu grupo usando Mayus-Control-G.

Paso 2

Enfócate en el panel Capas, abre la capa existente, y debes encontrar muchas formas que no tengan color puesto para Relleno o Trazo (básicamente invisible). Selecciona una de estas formas desde el panel de Capas y luego ve a Selección > Misma > Apariencia para seleccionar todas las formas fácilmente con atributos de Apariencia Idéntica. Rellena estas formas con un azul aleatorio.

Paso 3

Selecciona las tres formas iluminadas en la primera imagen y bórralas usando la tecla Suprimir.

Paso 4

Selecciona todas las formas azules y Agrupalas (Control-G). Asegúrate de que este grupo nuevo esté seleccionado y añade una Copia en Frente (Control-C > Control-F). Selecciona esta copia de grupo con las formas blancas y da clic en el botón Unir desde el panel Buscatrazos.

Desagrupa (Mayus-Control-F) las formas resultantes blancas. Mueve el panel de Capas, selecciona el grupo restante de formas azules, y tráelo al frente (Mayus-Control-]).

Paso 5

Selecciona las seis formas que conforman tu palabra y presiona Control-8 (o ve a Objeto > Trazado compuesto > Crear) para volverlo en un trazado compuesto. Mueve la palabra inferior, selecciona las formas blancas, y conviértelas en un segundo trazado compuesto.

4. ¿Cómo Crear y Usar el Primer Estilo Gráfico?

Paso 1

Asegúrate de que tu trazado compuesto inferior permanezca seleccionado y enfócate en el panel Apariencia (Ventana > Apariencia). Selecciona Relleno y simplemente reemplaza el color con el Degradado Lineal que se muestra debajo.

Paso 2

Asegúrate de que tu trazado compuesto permanezca seleccionado, mantén el enfoque en el panel Apariencia, y añade un segundo Relleno usando el botón de Añadir Nuevo Relleno.

Arrastra el nuevo relleno debajo del existente, aplica el Degradado Lineal que se muestra debajo, y luego ve a Efecto > Trazado > Desplazamiento. Pon 2 px de Desplazamiento, pon las Uniones a Redondas, y da clic en OK. Mantén en mente que los números azules de la ventana de Degradado representan el porcentaje para la Ubicación. Con el relleno inferior seleccionado, ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 0.2 px, pon 60 en la casilla Copias, y luego da clic en el botón OK.

Paso 3

Asegúrate de que el trazado compuesto inferior permanezca seleccionado, mantén el enfoque en el panel Apariencia, y añade un tercer Relleno usando el mismo botón de Añadir Nuevo Relleno.

Arrastra el nuevo relleno debajo del existente, aplica el Degradado Lineal que se muestra debajo, y luego ve a Efecto > Trazado > Desplazamiento. Pon 2 px de Desplazamiento, pon las Uniones a Redondas, y da clic en OK. Luego ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 13 px y luego da clic en OK.

Con el relleno inferior seleccionado, ve al panel Muestras (Ventana > Muestras), y da clic en Nueva Muestra para guardar tu Degradado Lineal amarillo.

Paso 4

Asegúrate de que tu trazado compuesto permanezca seleccionado, mantente enfocado en el panel Apariencia, y añade un cuarto Relleno.

Arrastra este nuevo relleno debajo del existente, pon el color a R=24 G=27 B=36, y luego ve a Efecto > Trazado > Desplazamiento. Pon un Desplazamiento 2 px, pon las Uniones Redondas, y da clic en OK. Luego, ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 15 px, da clic OK y luego ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos que se muestran en la siguiente imagen y luego da clic en OK.

Paso 5

Asegúrate de que tu trazado compuesto inferior permanezca seleccionado, mantente enfocado en el panel Apariencia y añade un quinto Relleno.

Arrastra este nuevo relleno debajo de los existentes y pon el color negro (R=0 G=0 B=0). Baja su Opacidad a 15%, cambia el Modo de Fusión a Luz Suave, y luego ve a Efecto > Trazado > Desplazamiento. Pon un Desplazamiento 7 px, pon las Uniones a Redonda, y da clic en OK. Luego, ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 14 px y da clic en OK.

Paso 

Asegúrate de que tu trazado compuesto inferior permanezca seleccionado, mantente enfocado en el panel Apariencia, y añade un sexto Relleno.

Arrastra el nuevo relleno debajo de los existentes y aplica degradado lineal como se muestra debajo. Disminuye su Opacidad a 75%, cambia el Modo de Fusión a Luz Suave, y mantén en mente que el amarillo cero representa el porcentaje de Opacidad. Con este relleno inferior seleccionado, ve a Efecto > Trazado > Desplazamiento. Pon Desplazamiento 2 px, da clic en el botón OK, y luego ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 50 px, da clic en el botón OK, y luego ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon un Radio de 8 px y da clic en OK.

Paso 7

Asegúrate de que tu trazado compuesto permanezca seleccionado, enfocándote en el panel Apariencia y selecciona el Trazo existente. Pon el color a R=35 G=31 B=32, baja su Opacidad a 70%, cambia el Modo de Fusión a Luz Suave, y luego da clic en la pieza "Trazo" del texto para abrir el panel desplegable de Trazo. Pon la Anchura a 2 px y luego marca Uniones Redondas y presiona el botón Alinear Trazo hacia Dentro.

Paso 8

Asegúrate de que tu trazad compuesto inferior permanezca seleccionado, enfocándote en el panel Apariencia y añade un segundo Trazo usando el botón Añadir Nuevo Trazo.

Selecciona este nuevo trazo, aplica el Degradado Lineal Amarillo desde el panel Muestras, y luego abre el panel desplegable de Trazo. Pon la Anchura a 1 px y luego marca las casillas Unión Redonda y Alinear Trazo hacia Afuera.

Paso 9

Asegúrate de que tu trazado compuesto esté seleccionado, abre el panel Estilos Gráficos (Ventana > Estilos Gráficos), y da clic en Nuevo Estilo Gráfico. Mueve tu trazado compuesto superior, selecciónalo y simplemente aplica tu estilo gráfico desde el panel Estilos Gráficos.

5. ¿Cómo Crear y Usar el Segundo Estilo Gráfico?

Paso 1

Vuelve a seleccionar tu grupo de círculos azules y desagrúpalo (Mayus-Control-G). Enfócate en una de esos círculos azules, selecciónalo, y reemplaza el azul con el Degradado Radial mostrado en la siguiente imagen. Usa la Herramienta Degradado (G) para ajustar el tamaño y posición de tu degradado como se muestra abajo.

Paso 2

Asegúrate de que tu círculo amarillo permanezca seleccionado y mantente enfocado en el panel Apariencia. Selecciona el Relleno y Duplica usando el botón Duplicar Elemento Seleccionado.

Selecciona un relleno nuevo y ve a Efecto > Estilizar > Sombra Paralela. Pon los atributos que se muestran en la ventana izquierda (en la siguiente imagen), da clic en OK, y luego ve de nuevo a Efecto > Estilizar > Sombra Paralela. Pon los atributos como se muestran en la otra ventana y da clic en OK.

Paso 3

Asegúrate de que tu círculo amarillo permanezca seleccionado y mantén el enfoque en el panel Apariencia. Selecciona el relleno inferior y ve a Efecto > Estilizar > Resplandor Exterior. Pon los atributos que se muestran en la siguiente imagen y luego da clic en OK.

Paso 4

Asegúrate de que tu círculo amarillo permanezca seleccionado y mantente enfocado en el panel Apariencia.

Selecciona el Trazo, pon el color a R=35 G=31 B=32 y abre el panel desplegable Trazo. Asegúrate de que la Anchura esté puesta a 1 px y marca el botón de Alinear Trazo hacia Afuera. Baja su Opacidad a 50% y cambia el Modo de Fusión a Luz Suave y luego ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el deslizador Mover-Vertical a 1 px y luego da clic en OK.

Paso 5

Asegúrate de que tu círculo amarillo esté seleccionado, ve al panel de Estilos Gráficos, y guarda tu segundo estilo gráfico. Selecciona todos los círculos azules y aplica este segundo estilo gráfico.

6. ¿Cómo Añadir Iluminación Sutil?

Paso 1

Usando la Herramienta Elipse (L), crea un círculo de 10 px y rellena con blanco (R=255 G=255 B=255). Baja su Opacidad a 80%, cambia el Modo de Fusión a Superposición, y luego ve a Efecto > Distorsionar y Transformar > Fruncir y Engordar. Arrastra el deslizador a -80% y luego da clic en el botón OK. Multiplica este pequeño círculo (Control-C > Control-F) y esparce las copias como se muestra en la segunda imagen.

Paso 2

Usando la Herramienta Elipse (L), crea un círculo de 80 px y ponlo como se muestra en la primera imagen. Rellena con Degradado Radial como se muestra debajo y ve al panel Apariencia. No olvides que el zero amarillo de la imagen de Degradado representa el porcentaje de la Opacidad. Selecciona el relleno, cambia su Modo de Fusión a Superposición, y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon un Radio de 18 px y luego da clic en OK.

Paso 3

Asegúrate de que tu círculo fresco permanezca seleccionado, ve al panel Apariencia y Duplica la capa existente de Relleno. Selecciona este nuevo relleno, baja su Opacidad a 80% y da clic en el Desenfoque Gaussiano existente para abrirlo. Baja su Radio a 9 px y luego ve a Efecto > Trazado > Desplazamiento. Pon un Desplazamiento de -10px y luego da clic en OK.

Paso 4

Asegúrate de que tu círculo permanezca seleccionado, ve al panel Apariencia y Duplica el Relleno superior. Selecciona este nuevo relleno, baja su Opacidad a 60%, y abre el efecto de Desenfoque Gaussiano existente. Baja el Radio a 5 px y luego abre el efecto de Desplazamiento. Pon Desplazamiento -20 px y luego da clic en OK.

Duplica este círculo y pon la copia como se muestra en la segunda imagen.

7. ¿Cómo Añadir Sombras y Textura Sutil?

Paso 1

Usando la Herramienta Rectángula (M), crea una nueva forma de 860 x 620 px, y alinea al centro. Rellena con Degradado Radial como se muestra, y cambia el Modo de Fusión a Luz Suave. Recuerda que el cero amarillo de la image de Degradado representa el porcentaje de Opacidad, y usa la Herramienta Degradado (G) para estirar tu degradado como se muestra en la siguiente imagen.

Paso 2

Asegúrate de que tu rectángulo más nuevo permanezca seleccionado y mantente en el panel Apariencia. Añade un segundo Relleno y selecciónalo. Pon el color a negro, baja su Opacidad a 10% y cambia el Modo de Fusión a Luz Suave. Luego ve a Efecto > Artístico > Grano de Película. Pon los atributos que se muestran en la siguiente imagen y da clic en OK.

¡Felicidades! ¡Lo Hiciste!

Así es como debe mirarse. Espero que hallas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros.

Siéntete libre de ajustar el diseño final y hacerlo tuyo propio. Puedes encontrar grandes recursos de inspiración en GraphicRiver con soluciones interesantes para mejorar tu diseño.