Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En los siguientes pasos aprenderás a crear un efecto de texto colorido, semitransparente y tridimensional en Adobe Illustrator. Empezaremos con un texto básico y varios trazados compuestos y un pincel caligráfico incorporado. Una vez que tengamos nuestras formas vectoriales iniciales, añadiremos el aspecto tridimensional utilizando el efecto Extrusión y biselado. Utilizaremos algunas técnicas sencillas de construcción de formas vectoriales y trucos de enmascaramiento junto con algunos efectos básicos y técnicas de fusión para dar a nuestras formas tridimensionales un aspecto semitransparente.
Paso 1
Pulsa Comando + N para crear un Nuevo documento. Introduce 770 en la casilla de anchura y 470 en la de altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear nuevos objetos con cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar.
Paso 2
Utilizando la herramienta Texto (T), añade el texto "VECTORTUTS", establece el color en R=39, G=169, B=223 y utiliza la fuente "Doughnut Monster". Establece el tamaño en 60pt y el "tracking" en 200, luego abre el panel Párrafo y haz clic en el botón "Alinear al centro". Sigue centrándote en este texto, selecciona las letras una por una y edita el tamaño del texto como se muestra en la segunda imagen.
Paso 3
Selecciona el texto y ve a Texto > Crear contornos (Mayúsculas + Control + O). Ve al panel de Capas, selecciona el grupo resultante y Desagrúpalo (Mayúsculas + Control + G).
Paso 4
Selecciona las formas "V", "C" y "O" y ve a Efecto > 3D > Extrusión y biselado. Introduce todas las propiedades que se muestran en la siguiente imagen (asegúrate de marcar la casilla "Dibujar caras ocultas" de la parte inferior de la ventana) y haz clic en Aceptar. Selecciona las formas "E", "T" (de "VECTOR") y "R" y ve de nuevo a Efecto > 3D > Extrusión y biselado. Introduce las mismas propiedades que se muestran en la siguiente imagen, pero cambia los ángulos utilizados para la rotación como se muestra a continuación. Baja a las restantes formas vectoriales, añade las mismas propiedades de Extrusión y biselado y utiliza los ángulos de rotación señalados al final de la siguiente imagen.
Paso 5
Escoge la herramienta Elipse (L) y haz un solo clic en tu mesa de trabajo para abrir la ventana de Elipse. Introduce 30 en las casillas de Ancho y Alto y luego haz clic en Aceptar. Rellénala con R=39, G=169, B=223, colócala como se muestra en la primera imagen y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir panel de apariencia. Ve al panel Capas, selecciona el grupo de formas resultante y conviértelo en un Trazado compuesto (Objeto > Trazado compuesto > Crear o Control + 8).
Paso 6
Selecciona el trazado compuesto realizado en el paso anterior y haz dos copias (Control + C > Control + F > Control + F). Coloca estas copias como se muestra en la primera imagen. Vuelve a seleccionar el trazado compuesto realizado en el paso anterior y ve a Efecto > 3D > Extrusión y biselado. Introduce las propiedades que se muestran en la siguiente imagen (no olvides marcar la casilla "Dibujar caras ocultas") y haz clic en Aceptar.
Paso 7
Selecciona el trazado compuesto de la izquierda realizado en el paso anterior y ve a Efecto > 3D > Extrusión y biselado. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Selecciona el trazado compuesto de la derecha, hecho en el paso anterior, y ve a Efecto > 3D > Extrusión y biselado. Introduce las mismas propiedades que se muestran en la siguiente imagen, pero cambia el ángulo utilizado para la rotación como se muestra a continuación.
Paso 8
Ve a la barra de Herramientas y haz doble clic en la herramienta Pincel (B). Establece Fidelidad en 4px y Suavizar en 0% y luego haz clic en Aceptar. Asegúrate de que la herramienta Pincel (B) permanezca activa y abre el panel Pinceles. Selecciona el Pincel circular, Caligráfico de 15pt, establece el color del trazo en R=39, G=169, B=223 y dibuja algunos trazados simples como se muestra en la primera imagen. Selecciona todos estos trazados y ve a Objeto > Expandir apariencia. Ve al panel de Capas, selecciona los grupos resultantes y Desagrúpalos (Mayúsculas + Control + G).
Paso 9
Céntrate en las formas realizadas en el paso anterior y añade los efectos de Extrusión y biselado que se muestran en la siguiente imagen.
Paso 10
Selecciona todas las formas creadas hasta ahora y duplícalas (Control + C > Control + F). Selecciona todas estas copias y agrúpalas (Control + G). Ve al panel Capas, céntrate en este nuevo grupo y hazlo invisible. Lo necesitarás más adelante.
Paso 11
Céntrate en la forma "V". Selecciónala y ve a Objeto > Expandir apariencia. Ve al panel de capas, selecciona el grupo resultante y pulsa Mayúsculas + Control + G para deshacerte del grupo principal. Ahora, obtendrás un montón de nuevos subgrupos. Primero, selecciona el que tiene la forma de "V" superior y Desagrúpalo (Mayúsculas + Control + G). Haz doble clic en esta forma de "V" y nómbrala "Lado frontal". Asegúrate de que el color de relleno de esta forma está establecido en R=39, G=169, B=223 y luego hazla invisible. Retomaremos esta forma un poco más tarde.
Paso 12
Centrémonos en los subgrupos realizados en el paso anterior. En primer lugar, necesitas entender qué formas componen las caras ocultas y qué formas componen las caras visibles. Puedes averiguarlo fácilmente activando la Opacidad del "Lado frontal". El grupo de formas que no pueden ser visibles debido al "Lado frontal" son las caras ocultas mientras que el resto de las formas son las caras visibles.
A continuación, debes unir el grupo de formas que forman la cara oculta o la visible. Esto facilitará la edición o el trabajo con estos trazados. Empezaremos con las caras ocultas. Toma la herramienta Selección (V), selecciona las formas que componen la cara oculta de la izquierda (resaltada en la primera imagen) y haz clic en el botón Unir del panel Buscatrazos.
Ve al panel de capas, haz doble clic en la forma resultante, nómbrala "Cara Oculta #1" y rellénala con R=32, G=137, B=182. Si nombras estas formas, te será más fácil encontrarlas más tarde. Continúa con la herramienta Selección (V), selecciona las formas que componen la otra cara oculta (resaltada en la segunda imagen) y haz clic en el botón Unir del panel Buscatrazos. Ve al panel Capas, haz doble clic en la forma resultante, nómbrala "Cara Oculta #2" y asegúrate de que el color de relleno esté establecido en R=32, G=137, B=182. Continuemos con las caras visibles. Asegúrate de que la herramienta Selección (V) sigue activa, selecciona las formas que componen la cara visible de la izquierda (resaltada en la tercera imagen) y haz clic en el botón Unir del panel Buscatrazos.
Desplázate al panel Capas, haz doble clic en la forma resultante, nómbrala "Cara Visible #1" y rellénala con R=32, G=137, B=182. Por último, selecciona las formas que componen la otra cara visible (resaltada en la cuarta imagen) y haz clic en el botón Unir del panel Buscatrazos. Muévete al panel Capas, haz doble clic en la forma resultante, nómbrala "Cara Visible #2" y asegúrate de que el color de relleno está ajustado a R=32, G=137, B=182.
Paso 13
Ve al panel Capas, selecciona el subgrupo restante y Desagrúpalo (Mayúsculas + Control + G). Haz doble clic en esta nueva forma de "V", nómbrala "Lado Inferior" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la segunda copia (la superior en el panel Capas) y céntrate en el panel Apariencia. En primer lugar, selecciona el relleno, asegúrate de que el color está ajustado a R=39, G=169, B=223 y luego baja su Opacidad al 70%. A continuación, añade un trazo de 3 puntos y selecciónalo. Hazlo blanco, baja su Opacidad al 15% y alinéalo a Interior. Añade un segundo trazo para esta forma usando el botón de Añadir nuevo trazo. Selecciónalo, asegúrate de que el color sea blanco, hazlo de 1pt de ancho, baja su Opacidad al 20% y Alinéalo a Interior.
Paso 14
Selecciona la forma original "Lado Inferior", enfócate en el panel Apariencia, asegúrate de que el relleno esté seleccionado y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. De nuevo, introduce las propiedades que se muestran en la ventana del medio, haz clic en Aceptar y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la derecha y haz clic en Aceptar.
Paso 15
Abre el panel Transparencia. Selecciona la primera copia de "Lado Inferior" hecha en el decimotercer paso y rellénala de negro. Selecciona esta forma negra junto con la forma original "Lado Inferior", abre el menú desplegable del panel Transparencia y haz clic en Crear máscara de opacidad. Asegúrate de que esta forma enmascarada sigue seleccionada y desmarca la casilla Recortar del panel Transparencia. Ve al panel Capas, haz doble clic en esta forma enmascarada y nómbrala "Sombras del lado inferior".
Paso 16
Ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Selecciona "Cara Oculta #1" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y hacia la izquierda (la orientación del efecto 3D). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente. Convierte el grupo de formas resultante en un trazado compuesto (Control + 8) y baja su Opacidad al 10%.
Paso 17
Selecciona "Cara Oculta #1" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la derecha (la orientación del efecto 3D). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente. Convierte el grupo de formas resultante en un Trazado compuesto (Control + 8), rellénalo de blanco y cambia el Modo de fusión a Luz suave.
Paso 18
Selecciona "Cara Oculta #1" y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo y hacia la derecha (la orientación del efecto 3D). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente. Convierte el grupo de formas resultante en un Trazado compuesto (Control + 8), rellénalo de blanco y cambia el Modo de fusión a Luz suave.
Paso 19
Selecciona "Cara Oculta #1" y baja su Opacidad al 30%.
Paso 20
Ve a "Cara Oculta #2" y repite las técnicas utilizadas en los últimos cuatro pasos.
Paso 21
Selecciona "Cara Visible #1" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y hacia la izquierda (la orientación del efecto 3D). Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente. Selecciona la forma resultante y baja su Opacidad al 30%.
Paso 22
Selecciona "Cara Visible #1" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la derecha (la orientación del efecto 3D). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente. Rellena la forma resultante con blanco, baja su Opacidad al 35% y cambia el Modo de fusión a Luz suave.
Paso 23
Selecciona "Cara Visible #1" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo y hacia la derecha (la orientación del efecto 3D). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente. Rellena la forma resultante con blanco, baja su Opacidad al 35% y cambia el Modo de fusión a Luz suave. Vuelve a seleccionar "Cara Visible #1" y baja su Opacidad al 30%.
Paso 24
Pasa a "Cara Visible #2 " y repite las técnicas utilizadas en los tres últimos pasos.
Paso 25
Selecciona "Cara Oculta #1", "Cara Oculta #2", "Cara Visible #1" y "Cara Visible #2" junto con todas las formas finas hechas en los últimos siete pasos y agrúpalas (Control + G). En los siguientes pasos tendrás que lidiar con muchas formas y organizarlas te facilitará el trabajo.
Paso 26
Concéntrate en el panel Capas, activa la visibilidad de "Lado frontal", selecciónala y haz dos copias en el frente (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel de Buscatrazos. Convierte el grupo de formas resultante en un Trazado compuesto (Control + 8), rellénalo de blanco, baja su Opacidad al 60% y cambia el Modo de fusión a Superponer.
Paso 27
Selecciona "Lado Frontal" y haz dos nuevas copias al frente (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel de Buscatrazos. Convierte el grupo de formas resultante en un Trazado compuesto (Control + 8), rellénalo con R=32 G=137 B=182, baja su Opacidad al 30% y cambia el Modo de fusión a Subexposición de color.
Paso 28
Selecciona "Lado frontal" y enfócate en el panel Apariencia. Selecciona el primer relleno, baja su Opacidad al 50% y añade un segundo relleno usando el botón de Añadir nuevo relleno. Selecciona este nuevo relleno, baja su Opacidad al 30%, añade el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -2px y haz clic en Aceptar. El cero amarillo de la imagen del degradado representa el porcentaje de Opacidad. Ahora, selecciona todas las formas que componen la "V" y agrúpalas (Control + G). Ve al panel Capas, haz doble clic en este nuevo grupo y nómbralo simplemente "V".
Paso 29
Pasa a las formas "C" y "O" y repite las técnicas mencionadas en los últimos dieciocho pasos. Intenta prestar más atención cuando llegues a la parte de averiguar las caras ocultas y visibles. Además, asegúrate de mantener todas esas formas organizadas. Al final deberías tener los grupos "C" y "O".
Paso 30
Pasemos al resto de las formas. Utilizarás los mismos atributos de coloración, opacidad y fusión, pero tendrás que hacer algunos pequeños ajustes en las técnicas y efectos. Básicamente, tienes que ajustarlos según la orientación del efecto 3D. En primer lugar, hay que ajustar el ángulo de los tres efectos de Sombra paralela utilizados para "Sombra del lado inferior ". A continuación, cuando llegues a la realización de esas formas finas/trazados compuestos tendrás que cambiar la dirección de movimiento de las copias según la orientación del efecto 3D. Por último, cuando llegues a "Lado frontal", céntrate en el panel Apariencia y ajusta el ángulo utilizado para ese degradado lineal según la orientación del efecto 3D.
Paso 31
Activa la visibilidad de ese grupo realizado en el décimo paso. Selecciónalo, llévalo al frente (Mayúsculas + Control + ]) y cambia el Modo de fusión a Subexposición de color. Usando la herramienta Selección directa (A), selecciona cada forma una por una y baja su Opacidad como se muestra en la segunda imagen. Esto añadirá un poco más de nitidez a tu ilustración. Vuelve al panel Capas y bloquea este grupo para asegurarte de que no lo vas a seleccionar/mover accidentalmente.
Paso 32
Selecciona todas las formas "Lado frontal" y duplícalas (Control + C > Control + F). Arrastra estas copias fuera de sus grupos y conviértelas en un Trazado compuesto (Control + 8). Selecciona este nuevo trazado compuesto en el panel Apariencia y asegúrate de que no hay ningún color establecido para el relleno o el trazo. De momento solo necesitas la forma, el color lo añadiremos en los siguientes pasos. Desbloquea el grupo editado en el paso anterior. Selecciónalo junto con todos los grupos creados hasta ahora y agrúpalos (Control + G). Asegúrate de que el Trazado compuesto realizado en este paso queda fuera de este grupo.
Paso 33
Ve al panel Capas, selecciona la capa existente y haz clic en el botón Crear nueva subcapa. Selecciona el trazado compuesto realizado en el paso anterior y haz una copia delante (Control + C > Control + F). Selecciona esta copia, rellénala de blanco y arrástrala por encima de la subcapa. Selecciona la subcapa junto con el trazado compuesto blanco, abre el menú desplegable del panel Transparencia y haz clic en Crear máscara de opacidad. Vuelve al panel Capas, selecciona esta subcapa enmascarada y haz dos copias.
Paso 34
En el panel Capas, selecciona la subcapa inferior realizada en el paso anterior y establece el color del trazo en blanco. Selecciona la herramienta Pincel (B), selecciona el Pincel caligráfico circular de 15pt y dibuja unos trazados sencillos como se muestra en la primera imagen. Gracias a la máscara de opacidad, la parte del trazado que no se superpone a las formas existentes será invisible. Continúa con la herramienta Pincel (B), establece el color del trazo en negro y añade algunos trazados nuevos como se muestra en la primera imagen. Vuelve al panel Capas, asegúrate de que esta subcapa enmascarada sigue seleccionada, baja su Opacidad al 5% y cambia el Modo de fusión a Superponer.
Paso 35
Céntrate en el panel Capas, selecciona la segunda subcapa y establece el color del trazo en blanco. Selecciona la herramienta Pincel (B), asegúrate de que el Pincel caligráfico circular de 15pt sigue seleccionado y dibuja algunos trazos como se muestra en la primera imagen. Establece el color del trazo en negro y añade algunos nuevos trazados como se muestra en la primera imagen. Vuelve al panel Capas, asegúrate de que la segunda subcapa sigue seleccionada, baja su Opacidad al 10% y cambia el Modo de fusión a Superponer.
Paso 36
Concéntrate en el panel Capas, selecciona la subcapa superior y establece el color del trazo en blanco. Selecciona la herramienta Pincel (B), asegúrate de que el Pincel caligráfico circular de 15pt sigue seleccionado y dibuja algunos trazos como se muestra en la primera imagen. Establece el color del trazo en negro y añade algunos nuevos trazados como se muestra en la primera imagen. Vuelve al panel Capas, asegúrate de que esta subcapa superior sigue seleccionada, baja su Opacidad al 15% y cambia el Modo de fusión a Superponer. Además, bloquea estas subcapas enmascaradas.
Paso 37
Con la herramienta Elipse (L), crea un círculo de 3px y rellénalo de blanco. Multiplica esta forma y distribuye las copias como se muestra en la primera imagen. Selecciona todos estos círculos y agrúpalos (Control + G). Selecciona este nuevo grupo, cambia su Modo de fusión a Luz suave y bloquéalo.
Paso 38
Con la herramienta Elipse (L), crea un círculo de 1,5px y rellénalo de blanco. Multiplica esta forma y distribuye las copias alrededor de los círculos hechos en el paso anterior, como se muestra en la siguiente imagen. Selecciona todos estos círculos y agrúpalos (Control + G). Selecciona este nuevo grupo, cambia su Modo de fusión a Luz suave y bloquéalo.
Paso 39
A continuación, aprenderás a recolorear fácilmente las formas creadas hasta ahora. Lo único que quizá no hayas notado es que hasta el momento solo hemos utilizado dos colores. Así que, selecciona los grupos resaltados en la primera imagen, ve a Edición > Editar colores > Volver a colorear ilustraciones y podrás ver los dos colores. Reemplaza el azul oscuro (R=32, G=137, B=182) por un naranja oscuro R=241, G=90, B=41 y el azul claro (R=39, G=169, B=223) por un naranja claro (R=251, G=176, B=62), haz clic en Aceptar y tendrás un texto completamente recolorado.
Paso 40
A continuación, añadiremos el fondo. Usando la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo, rellénala con R=255 G=255 B=250 y envíala al fondo (Mayúsculas + Control + [ ). Asegúrate de que esta nueva forma permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno en el panel Apariencia y añade el degradado radial que se muestra en la siguiente imagen. No olvides que el cero amarillo de la imagen del degradado representa el porcentaje de Opacidad. Sigue concentrándote en este rectángulo y añade un tercer relleno. Ahora, necesitarás un motivo incorporado para este nuevo relleno. Ve al panel 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. Asegúrate de que el tercer relleno sigue seleccionado, añada el motivo "USGS 19 Land Inundation", baja su Opacidad al 20% y cambia el Modo de fusión a Multiplicar.
Paso 41
Vuelve a seleccionar el trazado compuesto realizado en el paso treinta y dos, rellénalo de negro y llévalo al frente (Mayúsculas + Control + ] ). Enfócate en el panel Apariencia, selecciona el relleno existente, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.
Paso 42
Asegúrate de que el trazado compuesto editado en el paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, establece el color en negro, baja su Opacidad al 10%, cambia el Modo de fusión a Superponer y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 43
Una vez más, asegúrate de que el trazado compuesto editado en el paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un tercer relleno. Selecciónalo, establece el color en negro, baja su Opacidad al 10%, cambia el Modo de fusión a Superponer y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ya está.
Conclusión
Ya tu trabajo está listo. Este es el aspecto que debería tener. Siempre puedes utilizar un par de colores diferentes para la coloración. También, siéntete libre de probar estas técnicas usando una fuente diferente. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.
By
