Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En el siguiente tutorial aprenderás a crear un diseño de texto brillante y colorido en Illustrator CS5. Utilizaremos una interesante elección de fuentes, máscaras de opacidad, técnicas de construcción de formas y mucho más para crear este efecto de texto.
Paso 1
Crea un documento de 700 px por 200 px, RGB. Primero, activa la cuadrícula (Vista > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 5px. Ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones.
También puedes abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides cambiar la unidad de medida a píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
Paso 2
Elige la herramienta Texto (T), haz clic en tu mesa de trabajo y añade tu texto. Utiliza la fuente Harlow Solid Italic con un tamaño de 150pt. Si no tienes este tipo de letra puedes usar una de estas fuentes: Pacifico, Deftone Stylus, Snickles, Marketing Script, Ballpark, Vanilla, Pusab, o cualquier otra fuente que te guste.
Es cuestión de gustos, en realidad la fuente no es tan importante. Establece el color de tu texto en R=24,5 G=240, B=225. Ahora aplica Objeto > Expandir. Selecciona el grupo resultante, desagrúpalo (Mayúsculas + Comando + G) y abre el panel Alinear (Ventana > Alinear).
En este texto la única forma que no está bien alineada es la "V". Escoge la herramienta de Selección (V). Selecciona la "V" junto con la siguiente forma de letra, haz clic en el borde de esta segunda forma (debería quedar resaltada), luego haz clic en el botón de alineación vertical del panel Alinear. Si decides utilizar un texto diferente, asegúrate de que las formas de las letras estén alineadas.
Paso 3
Desactiva la opción Ajustar a cuadrícula y activa las Guías inteligentes (Comando + U), luego enfócate la "V". Escoge la herramienta Selección directa (A), selecciona los cuatro puntos de anclaje resaltados en la primera imagen, y muévelos hacia la derecha, como se muestra en la segunda imagen.
Vuelve a seleccionar todas las formas creadas hasta ahora y ve a Objeto > Trazado compuesto > Crear. Ve al panel de Capas, haz doble clic en el trazado que acabas de crear y nómbralo "Texto". Así te será más fácil encontrarlo cuando lo necesites durante el tutorial.
Paso 4
Desactiva las Guías inteligentes (Comando + U) y vuelve a activar la opción Ajustar a cuadrícula, luego elige la herramienta Rectángulo (M) y crea dos nuevas formas. Hazlas de 665 px de ancho y 60 px de alto, luego colócalas como se muestra en la primera imagen. Selecciona ambas formas y ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce los datos que se muestran a continuación, haz clic en Aceptar y aplica Objeto > Expandir apariencia.
Paso 5
Selecciona "Texto" y haz una copia delante (Comando + C > Comando + F). Selecciona esta copia, junto con la forma inferior hecha en el paso anterior, y haz clic en el botón Intersectar del panel Buscatrazos.
Selecciona el grupo de formas resultante y ve a Objeto > Trazado compuesto > Crear. Ahora rellena el trazado resultante con R=78, G=178, B=245. Ve al panel de Capas, haz doble clic en este nuevo trazado y nómbralo "Azul".
Paso 6
De nuevo, selecciona "Texto" y haz una copia delante (Comando + C > Comando + F). Selecciónala, junto con la forma ondulada restante, y haz clic en el botón Intersectar del panel Buscatrazos.
Selecciona el grupo de formas resultante, y ve a Objeto > Trazado compuesto > Crear, luego rellena el trazado resultante con R=0, G=212, B=189. Ve al panel de Capas, haz doble clic en este nuevo trazado y nómbralo "Verde".
Paso 7
Desactiva la Cuadrícula ( Vista > Ocultar cuadrícula) y la opción Ajustar a cuadrícula ( Vista > Ajustar a cuadrícula). A continuación, hay que crear una subcapa simple y enmascararla. Ve al panel de Capas y haz clic en el icono de Crear nueva subcapa en la parte inferior del panel de capas. Obviamente, esto añadirá una nueva subcapa.
Muévela debajo de la forma "Verde", haz doble clic en ella y nómbrala "Capa Verde". Haz una copia de "Texto", rellénala de blanco y muévela por encima de esta nueva subcapa. Ahora, selecciona este trazado blanco, junto con la subcapa, y ve al panel de Transparencia (Ventana > Transparencia).
Abre el menú desplegable y haz clic en Crear máscara de opacidad. No notarás ningún cambio en tu texto porque has enmascarado una capa vacía. Sólo cuando dibujes una forma dentro de esa capa notarás el efecto. Este es un buen truco que te será útil en los siguientes pasos.
Paso 8
Asegúrate de que estás dentro de esa subcapa enmascarada, luego elige la herramienta Pluma (P), y dibuja algunas formas curvas, como se muestra en la siguiente imagen. Esto puede llevar algo de tiempo, pero es un buen ejercicio y la subcapa enmascarada te facilitará el trabajo. Rellena todos estos nuevos trazados con R=0, G=167, B=157, para que puedas distinguirlos más fácilmente del resto de las formas.
Paso 9
Ya no necesitarás la subcapa enmascarada. Selecciónala y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Liberar máscara de opacidad, luego elimina la máscara (la forma blanca). Mueve las formas restantes fuera de la subcapa, conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear), y luego elimina la subcapa.
Haz una nueva copia de "Texto". Selecciónala junto con el nuevo trazado compuesto y haz clic en el botón Intersectar del panel Buscatrazos. Las formas resultantes deben parecerse a la última imagen que se muestra a continuación.
Paso 10
Selecciona todas las formas resultantes del paso anterior, junto con "Verde", y haz clic en el botón Unir del panel Buscatrazos. Convierte las formas resultantes en un trazado compuesto y nómbralo "Verde".
Paso 11
Haz una nueva subcapa y nómbrala "Capa Azul". Colócala debajo de "Azul", y luego enmascárala como hiciste con la subcapa anterior.
Paso 12
Asegúrate de que estás dentro de esta nueva subcapa enmascarada, luego escoge la herramienta Pluma (P), y dibuja algunas nuevas formas curvas como se muestra en la siguiente imagen. Rellénalas con R=74, G=142, B=204.
Paso 13
De nuevo, ya no necesitarás esta nueva subcapa enmascarada. Selecciónala y ve al panel de Transparencia, luego abre el menú desplegable y haz clic en Liberar máscara de opacidad. Elimina la máscara y mueve las formas restantes fuera de la subcapa. Conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear) y elimina la subcapa.
Haz una nueva copia de "Texto" y selecciónala junto con el nuevo trazado compuesto, luego haz clic en el botón Intersectar del panel Buscatrazos. Las formas resultantes deben parecerse a la última imagen de abajo.
Paso 14
Selecciona todas las formas resultantes del paso anterior junto con "Azul" y haz clic en el botón Unir del panel Buscatrazos. Convierte las formas resultantes en un trazado compuesto y nómbralo "Azul".
Paso 15
Hagamos una rápida recapitulación. En tu panel de capas sólo debería haber tres trazados compuestos llamados "Texto", "Verde" y "Azul". Ahora, centrémonos en el "Azul". Selecciónalo y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4px y haz clic en Aceptar. Haz una copia delante de esta nuevo trazado. Selecciónalo, luego pulsa la flecha izquierda y la flecha arriba dos veces.
Vuelve a seleccionar estos dos trazados nuevos y haz clic en el botón Menos frente del panel del Buscatrazos. Rellena las formas resultantes con el degradado lineal que se muestra a continuación y baja su Opacidad al 50%. El cero amarillo de la imagen del degradado representa el porcentaje de opacidad.
Paso 16
Vuelve a seleccionar "Azul" y haz dos nuevas copias delante. Selecciona la copia superior, luego pulsa la flecha izquierda dos veces y la flecha arriba tres veces. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Convierte el grupo de formas resultante en un trazado compuesto. Rellénalo con blanco y cambia el modo de fusión a Superponer, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en Aceptar.
Paso 17
A continuación, hay que enmascarar la forma hecha en el paso anterior. Si decides utilizar un fondo más oscuro para tu texto final, notarás que el efecto de desenfoque gaussiano continúa fuera de tu texto. Esto no es lo que queremos, así que usaremos una máscara de opacidad.
Haz una nueva copia de "Azul", rellénala de blanco y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho). Selecciónala, junto con la forma desenfocada del paso anterior, y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad.
Paso 18
Vuelve a seleccionar "Azul" y ve al panel Apariencia. Selecciona el relleno existente y haz clic en el icono Duplicar elemento seleccionado de la parte inferior del panel Apariencia. Obviamente, esto añadirá una copia del relleno seleccionado. Necesitarás un atractivo patrón para este segundo relleno.
Ve al panel de Muestras, abre el menú desplegable y ve a Abrir Biblioteca de Muestras > Motivos > Gráficos Básicos > Gráficos Básicos_Texturas. Esto abrirá una nueva ventana con algunos patrones interesantes. Vuelve a seleccionar ese nuevo relleno en el panel Apariencia, y baja su Opacidad al 30%, luego usa el motivo USGS 22 Gravel Beach. Haz una última copia de "Azul" y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho).
Selecciónala y ve al panel Apariencia. Elimina los dos rellenos y añade un trazo. Hazlo de 2pt de ancho, alinéalo al interior, y establece su color en R=210, G=235, B=231. Ahora añade un segundo trazo. Hazlo de 1pt de ancho, alinéalo al interior, y establece su color en R=74, G=142, B=204.
Paso 19
Vamos a mover la forma verde. Seleccionémosla y vayamos a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4px y haz clic en Aceptar. Haz una copia delante de este nuevo trazado. Selecciónalo, luego pulsa la flecha derecha y la flecha abajo dos veces.
Vuelve a seleccionar estos dos nuevos trazados y haz clic en el botón Menos frente del panel Buscatrazos. Rellena las formas resultantes con el degradado lineal mostrado abajo y baja su Opacidad al 50%.
Paso 20
Vuelve a seleccionar "Verde" y haz dos nuevas copias delante. Selecciona la copia superior, luego pulsa la flecha derecha dos veces, y la flecha abajo tres veces. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Convierte el grupo de formas resultante en un trazado compuesto. Rellénalo con blanco, cambia el modo de fusión a Superponer, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en Aceptar.
Paso 21
De nuevo, necesitas enmascarar la forma hecha en el paso anterior. Haz una nueva copia de "Verde", rellénala de blanco y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho). Selecciónala junto con la forma desenfocada del paso anterior y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad.
Paso 22
Vuelve a seleccionar "Verde" y ve al panel Apariencia. Añade un segundo relleno, baja su Opacidad al 30% y utiliza el motivo USGS 22 Gravel Beach. Haz una última copia de "Verde", y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho), luego ve al panel Apariencia. Elimina los dos rellenos y añade los dos trazos, como se muestra en la última imagen de abajo.
Paso 23
Vayamos a "Texto". Seleccionémoslo y vayamos al panel Apariencia. Selecciona el relleno existente y ve a Efecto > Estilizar > Resplandor interior. Introduce los datos que se muestran a continuación, haz clic en Aceptar y añade un trazo blanco.
Hazlo de 2pt de ancho, alinéalo al interior, luego añade un segundo trazo. Hazlo de 1pt de ancho y establece su color en R=224, G=219, B=202. Ahora vuelve a seleccionar todo el trazado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 24
Por último, vamos a añadir algunos pequeños detalles para el texto. Elige la herramienta Elipse (L) y haz clic en tu mesa de trabajo. Ingresa 5 para el ancho y el alto y luego haz clic en OK. Esto creará una forma de 5 px por 5 px.
Rellénala con blanco, baja su Opacidad al 70% y cambia el modo de fusión a Superponer. Ahora ve a Efecto > Distorsionar y Transformar > Fruncir y engordar. Arrastra el deslizador hasta el -70% y haz clic en Aceptar. La forma resultante debería parecerse a la imagen ampliada que se muestra a continuación. Haz varias copias de esta forma y distribúyelas a lo largo del texto.
Paso 25
Para el siguiente paso necesitarás una cuadrícula cada 1px. En primer lugar, activa la opción Ajustar a cuadrícula, luego ve a Edición > Preferencias > Guías > Cuadrícula, e introduce 1 en la casilla Línea de cuadrícula cada. A continuación, escoge la herramienta Elipse (L) y crea algunas formas aplastadas debajo de cada forma de letra.
Todas estas formas deben ser de 2px de alto y la opción Ajustar a cuadrícula debería facilitar tu trabajo. Rellénalas con R=147, G=149, B=152. Agrúpalas (Comando + G) y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px, haz clic en OK, luego mueve el grupo a la parte inferior del panel de Capas (Mayúsculas + Comando + Tecla de corchete izquierdo).
Paso 26
Desactiva la Cuadrícula y la opción Ajustar a cuadrícula y duplica todas las formas creadas hasta ahora. Selecciona estas copias y agrúpalas. Ahora selecciona el grupo y ve a Objeto > Transformar > Reflejar. Marca el botón Horizontal y haz clic en Aceptar. Ahora, tu grupo debería estar volteado como se muestra en la segunda imagen. Vuelve a seleccionarlo y muévelo hacia abajo como se muestra en la última imagen.
Paso 27
Duplica el grupo volteado en el paso anterior. Selecciona esta copia del grupo y haz clic en el botón Unir del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto y rellénalo con el degradado lineal (mostrado en la segunda imagen).
Selecciona este nuevo trazado compuesto, junto con el resto del grupo volteado, y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Finalmente, selecciona este grupo enmascarado y baja su Opacidad al 25%.
Paso 28
Para el fondo, empieza con un rectángulo blanco del tamaño de tu mesa de trabajo. Envíalo al fondo del panel de Capas, luego vuelve a seleccionar la herramienta Rectángulo (M), y crea una segunda forma. Hazlo de 710 px de ancho y 80 px de alto, luego colócalo como se muestra en la segunda imagen. Rellénalo con el degradado lineal mostrado abajo y baja su Opacidad al 30%. Asegúrate de que has bajado la Opacidad de toda la forma, no sólo del relleno.
Conclusión
Vuelve a seleccionar el rectángulo más pequeño hecho en el paso anterior. Añade un segundo relleno, baja su Opacidad al 10% y utiliza el motivo USGS 8 Sawage Disposal. Continúa añadiendo un trazo de 2 puntos. Alinéalo al exterior y establece su color en R=167, G=169, B=172, luego añade un segundo trazo.
Hazlo de 1pt de ancho, alinéalo al interior y establece el color en R=255, G=255, B=255. Finalmente, vuelve a seleccionar todo el trazado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación, haz clic en Aceptar, y ya está.
Conclusión
Ya has terminado tu trabajo. Así es como debe lucir la imagen final.
By
