Spanish (Español) translation by Rosario (you can also view the original English article)
En los siguientes pasos aprenderás a crear una ilustración detallada de un sobre en Adobe Illustrator. Para empezar, aprenderás a configurar una cuadrícula, a crear un motivo y un estilo gráfico sencillo. A continuación, utilizando ese motivo junto con algunas herramientas básicas y técnicas de construcción de formas vectoriales, aprenderás a crear las piezas esenciales del sobre. A continuación, utilizando efectos básicos y aprovechando al máximo el panel Apariencia, aprenderás a añadir sombreado, profundidad e iluminación a la ilustración general. Por último, utilizando principalmente el panel Apariencia y algunas técnicas básicas de enmascaramiento aprenderás a crear una estampilla y dos sutiles sellos.
1. Crea un nuevo documento y configura una cuadrícula
Pulsa Control + N para crear un nuevo documento. Introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RG, Pantalla (72ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.
Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 5px, así que simplemente 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 deberías 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 establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
2. Crear un motivo y un estilo gráfico
Paso 1
Selecciona la herramienta Rectángulo (M) y enfócate en tu Barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=255 G=222 B=23. Muévete a tu mesa de trabajo y crea un rectángulo de 10 x 40px, la opción Ajustar a cuadrícula debería facilitarte el trabajo. Establece el color de relleno en R=162 G=179 B=189, crea un rectángulo de 10 x 15px y colócalo como se muestra en la segunda imagen, luego establece el color de relleno en R=225 G=176 B=169, crea otro rectángulo de 10 x 15px y colócalo como se muestra en la segunda imagen. Enfócate en los rectángulos más pequeños y elige la herramienta Selección directa (A). Selecciona los cuatro puntos de anclaje resaltados en la segunda imagen y simplemente arrástralos 5px hacia abajo. De nuevo, la opción Ajustar a cuadrícula te facilitará el trabajo. Vuelve a seleccionar el rectángulo amarillo y simplemente elimina el color del relleno. Selecciona las tres formas y arrástralas dentro del panel Muestras (Ventana > Muestras) para guardarlas como motivo. Una vez que tengas tu motivo, puedes eliminar esas formas de tu mesa de trabajo.
Paso 2
Selecciona la herramienta Rectángulo (M), crea una forma aleatoria, rellénala de negro y baja su Opacidad al 15%. Asegúrate de que esta nueva forma permanece seleccionada, abre el panel de Estilos gráficos (Ventana > Estilo gráfico) y simplemente haz clic en el botón Nuevo estilo gráfico (señalado por la pequeña flecha azul). Haz doble clic en este estilo gráfico recién guardado y nómbralo "negro". Vuelve a tu mesa de trabajo y elimina la forma existente.
3. Crea el sobre
Paso 1
Con la herramienta Rectángulo (M), crea una forma de 250 x 160px, rellénala con el degradado lineal que se muestra a continuación y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz clic en OK y ve a Objeto > Expandir apariencia. Ve al panel Capas (Ventana > Capas), haz doble clic en la forma existente y nómbrala simplemente "principal". Selecciona "principal" y haz una copia delante (Control + C > Control + F), la necesitarás más adelante.
Paso 2
Con la herramienta Rectángulo (M), crea una forma de 10 x 160px, añade ese estilo gráfico "negro" y colócalo como se muestra en la primera imagen. Duplica este rectángulo delgado (Control + C > Control + F), selecciona la copia, arrástrala hacia la derecha y colócala como se muestra en la segunda imagen. Selecciona ambas formas y pulsa Control + 8 (o ve a Objeto > Trazado compuesto > Crear) para convertirlas en un simple Trazado compuesto. Selecciona este Trazado compuesto junto con la copia "principal", abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Intersectar. Asegúrate de que el grupo resultante está seleccionado y pulsa Mayúsculas + Control + G para desagruparlo.
Paso 3
Selecciona ambas formas negras, aumenta su Opacidad al 100% y luego ve al panel Muestras y añade tu motivo.
Paso 4
Selecciona "principal", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayús + Control + ] ). Asegúrate de que esta copia permanece seleccionada y enfócate en el panel Apariencia (Ventana > Apariencia). Elimina el degradado lineal del relleno y añade un trazo negro. Selecciónalo, establece el Modo de fusión en Luz suave y luego pulsa el botón Duplicar elemento seleccionado (señalado por la pequeña flecha azul en la siguiente imagen) cuatro veces. Al final deberías tener cinco trazos. Enfócate en el panel Apariencia, selecciona el trazo inferior, hazlo de 1 punto de ancho, alinéalo hacia adentro y baja su Opacidad al 60%. Muévete hasta el siguiente trazo, hazlo de 2 puntos de ancho, alinéalo al interior y baja su Opacidad al 30%. Pasa al siguiente trazo, hazlo de 3 puntos de ancho, alinéalo al interior y baja su Opacidad al 20%. Ve al siguiente trazo, hazlo de 5 puntos de ancho, alinéalo al interior y baja su Opacidad al 15%. Finalmente, selecciona el trazo superior, hazlo de 7pt de ancho, alinéalo al interior y baja su Opacidad al 10%.
Paso 5
Usando la herramienta Rectángulo (M), crea una forma de 270 x 105px, añade tu estilo gráfico "negro" y colócalo como se muestra en la primera imagen. Enfócate en la parte superior de este nuevo rectángulo, elige la herramienta Selección directa (A), selecciona ambos puntos de anclaje (resaltados en la primera imagen) y pulsa Alt + Control + J (o ve a Objeto > Trazado > Promediar). Marca la casilla Ambos y haz clic en Aceptar. Esto debería convertir tu rectángulo en un triángulo. Vuelve a seleccionar "principal" y haz una copia delante (Control + C > Control + F). Selecciónala junto con la forma del triángulo y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona la forma resultante, aumenta la Opacidad al 100% y rellénala con el degradado lineal que se muestra en la siguiente imagen. Muévete al panel de Capas y nombra esta nueva forma "Pliegue inferior".
Paso 6
Selecciona "principal" y haz una copia delante (Control + C > Control + F) luego selecciona "Pliegue inferior" y ve a Objeto > Trazado > Desplazamiento. Introduce un desplazamiento de 1px y haz clic en OK. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.
Paso 7
Selecciona "principal" y haz una copia delante (Control + C > Control + F) luego selecciona "Pliegue inferior" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 3px y haz clic en Aceptar. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.
Paso 8
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Selecciona "Pliegue inferior" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro y cambia su Modo de fusión a Luz suave.
Paso 9
Selecciona "Pliegue inferior" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 30% y cambia el Modo de fusión a Superponer.
Paso 10
Selecciona "Pliegue inferior" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 60% y cambia el Modo de fusión a Superponer.
Paso 11
Selecciona "Pliegue inferior" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 4px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 80% y cambia el Modo de fusión a Luz suave.
Paso 12
Vuelve a seleccionar "Pliegue inferior" junto con todas las formas utilizadas para iluminar este lado del sobre y simplemente agrúpalas (Control + G). Ve al panel Capas, haz doble clic en este nuevo grupo y nómbralo "Pliegue inferior".
Paso 13
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), luego selecciona "principal" y haz una copia delante (Control + C > Control + F). Con la herramienta Rectángulo (M), crea una forma de 270 x 105px, añade el estilo gráfico "negro" y colócalo como se muestra en la segunda imagen. Enfócate en la parte inferior de este nuevo rectángulo, elige la herramienta Selección directa (A), selecciona ambos puntos de anclaje (resaltados en la segunda imagen) y pulsa Alt + Control + J. Marca la casilla Ambos y haz clic en Aceptar. Selecciona esta nueva forma triangular y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Objeto > Expandir apariencia. Selecciona la forma resultante junto con la copia "principal" y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y aumenta su Opacidad al 100%. Muévete al panel Capas y nombra esta nueva forma como "Pliegue superior".
Paso 14
Selecciona "principal" y haz una copia delante (Control + C > Control + F) luego selecciona "Pliegue superior" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px y haz clic en Aceptar. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.
Paso 15
Selecciona "principal" y haz una copia delante (Control + C > Control + F) luego selecciona "Pliegue superior" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 3px y haz clic en OK. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.
Paso 16
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona "Pliegue superior" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco y cambia su Modo de fusión a Luz suave.
Paso 17
Selecciona "Pliegue superior" y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 60% y cambia el Modo de fusión a Superponer.
Paso 18
Selecciona "Pliegue superior" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 4px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 90% y cambia el Modo de fusión a Luz suave.
Paso 19
Vuelve a seleccionar "Pliegue superior" junto con todas las formas utilizadas para iluminar este lado del sobre y agrúpalas (Control + G). Ve al panel Capas y nombra este nuevo grupo como "Pliegue superior".
Paso 20
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Rectángulo (M), crea una forma de 200 x 90px, rellénala con R=189 G=189 B=174 y colócala como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A), enfócate en la parte inferior de este nuevo rectángulo, selecciona ambos puntos de anclaje (resaltados en la primera imagen) y pulsa Alt + Control + J. Marca la casilla Ambos y haz clic en Aceptar. Ve al panel Capas, haz doble clic en este nuevo triángulo y nómbralo "Sombra pliegue superior". Selecciónalo, arrástralo por debajo del grupo "Pliegue superior" y luego enfócate en el panel Apariencia. Selecciona el relleno, baja su Opacidad al 75%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz click en OK y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 5px y haz clic en Aceptar.
Paso 21
Vuelve a seleccionar "principal", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayúsculas + Control + ] ). Enfócate en esta nueva forma, reemplaza el degradado lineal con R=165 G=165 B=165 y cambia su Modo de fusión a Subexposición de color. Selecciona todas las formas hechas hasta ahora y agrúpalas (Control + G). Ve al panel Capas y nombra este nuevo grupo como "sobre".
4. Añade un fondo estampado
Elige la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo (600 x 600px), rellénala con R=193 G=212 B=212 y envíala al fondo (Mayúsculas + Control + [ ). Asegúrate de que esta nueva forma permanece seleccionada, enfócate en el panel Apariencia y añade un segundo relleno usando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul en la siguiente imagen). Selecciona este nuevo relleno y añade el degradado radial que se muestra a continuación. Enfócate en el panel Apariencia y añade un tercer relleno para este cuadrado. Necesitarás un motivo incorporado para este nuevo relleno. Muévete 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. Esto debería abrir una nueva ventana con un sencillo conjunto de motivos incorporados. Asegúrate de que tu cuadrado sigue seleccionado, vuelve al panel Apariencia y selecciona ese tercer relleno. Añade el motivo "Diamante", baja su Opacidad al 60% y cambia el Modo de fusión a Superponer. Pasa al panel Capas y nombra esta nueva forma como "fondo", luego bloquéala para asegurarte de que no la seleccionarás/moverás accidentalmente.
5. Añade sombreado y multiplica el sobre
Paso 1
Selecciona tu grupo "sobre" y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana del medio (en la siguiente imagen) y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la derecha (en la siguiente imagen) y haz clic en Aceptar.
Paso 2
Asegúrate de que tu grupo "sobre" sigue seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la derecha y haz clic en Aceptar. Fíjate en que el motivo no ha cambiado su orientación en el sobre girado. Para arreglar este problema necesitas expandir las formas con motivos. Enfócate en el panel Capas, abre tu grupo "sobre", selecciona ambas formas con motivo y ve a Objeto > Expandir. Al final todo debería quedar como en la tercera imagen. Vuelve al panel Capas y bloquea el grupo "sobre".
6. Crea una estampilla simple
Paso 1
Con la herramienta Rectángulo (M), crea un cuadrado de 25px, rellénalo de blanco y colócalo como se muestra a continuación. Añade un trazo rojo de 2 puntos para esta nueva forma, selecciónalo y abre el panel Trazo (Ventana > Trazo). Marca la casilla "Línea discontinua" y luego introduce 2 en la primera casilla "guión" y "hueco".
Paso 2
Asegúrate de que tu cuadrado de 25px sigue seleccionado y ve a Objeto > Trazado > Contornear trazado. Selecciona el grupo de formas resultante y pulsa el botón Unir del panel Buscatrazos. Rellena la forma resultante con negro y baja su Opacidad al 5%. Ve al panel Capas, nombra esta nueva forma "Sombra de la estampilla" y haz una copia delante (Control + C > Control + F). Selecciónala, aumenta la Opacidad al 100% y sustituye el negro por el degradado lineal que se muestra en la siguiente imagen. Vuelve al panel Capas y nombra esta nueva forma como "Estampilla".
Paso 3
Selecciona tu forma "estampilla", enfócate en el panel Apariencia y agrega un segundo relleno. Selecciónalo, establece el color en negro, baja su Opacidad al 40%, cambia el Modo de fusión a Luz suave y ve a Efecto > Convertir en forma > Rectángulo. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 4
Asegúrate de que tu forma de "estampilla" sigue seleccionada, enfócate en el panel Apariencia y añade dos trazos negros utilizando el botón Añadir nuevo trazo (señalado por la pequeña flecha azul en la siguiente imagen). Selecciona el de abajo y hazlo de 1pt de ancho. Alinéalo al interior, baja su Opacidad al 40%, cambia el Modo de fusión a Luz suave y ve a Efecto > Convertir en forma > Rectángulo. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Mueve el trazo superior, hazlo de 1pt de ancho, alinéalo al interior, baja su Opacidad al 40%, cambia el Modo de fusión a Luz suave y ve a Efecto > Convertir en forma > Rectángulo. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar.
Paso 5
Enfócate en la forma de la "estampilla", asegúrate de que ningún relleno o trazo esté seleccionado (en el panel Apariencia) y ve a Efecto > Distorsionar y transformar > Distorsión libre. Arrastra el punto de anclaje inferior izquierdo como se muestra en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar.
7. Crea dos sellos simples
Paso 1
Usando la herramienta Elipse (L), crea un círculo de 35px, colócalo como se muestra en la siguiente imagen, rellénalo con Ninguno, pero añade cuatro, trazos rojos (R=237 G=28 B=36). Enfócate en el panel de Apariencia, selecciona el trazo inferior, hazlo de 2pt de ancho y alinéalo al interior. Sube al siguiente trazo, hazlo de 1pt de ancho, alinéalo al interior y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -3px y haz clic en Aceptar. Continúa con el siguiente trazo, hazlo de 1pt de ancho, alinéalo al interior y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -9px y haz clic en Aceptar. Vuelve al panel Apariencia, selecciona el trazo superior, hazlo de 2pt de ancho, alinéalo al interior y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -11px y haz clic en Aceptar. Ve al panel Capas y nombra este pequeño círculo "Sello rojo".
Paso 2
Usando la herramienta Texto (T), añade un texto simple como se muestra en la siguiente imagen. Establece su color en R=28 G=117 B=188 y utiliza la fuente "Myriad Pro" con el estilo establecido en Negrita y el tamaño en 8pt.
Paso 3
Asegúrate de que tu texto sigue seleccionado, enfócate en el panel Apariencia y añade un trazo de 1pt. Selecciónalo, establece el color en R=28 G=117 B=188 y ve a Efecto > Convertir en forma > Rectángulo. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz clic en Aceptar y vuelve al panel Apariencia. Asegúrate de que el trazo sigue seleccionado y haz clic en el botón Duplicar elemento seleccionado. Enfócate en este nuevo trazo, hazlo de 2pt de ancho y abre el efecto existente Redondear vértices. Aumenta el radio a 5px, haz clic en OK y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 2,5px y haz clic en Aceptar. Ve al panel Capas y nombra este fragmento de texto como "Sello azul".
Paso 4
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para este paso necesitarás el pincel artístico "Tiza - Garabato". Esto es lo que tienes que hacer si no lo tienes dentro de tu panel de Pinceles. Abre el menú desplegable del panel Pinceles (Ventana > Pinceles) y simplemente ve a Abrir biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Selecciona el pincel artístico "Tiza - Garabato", escoge la herramienta Pincel (B) y dibuja un Trazado simple sobre tus formas de sello como se muestra en la siguiente imagen. Establece el color de estos pinceles en R=30 G=30 B=30.
Paso 5
Abre el panel de Transparencia (Ventana > Transparencia). Selecciona "Sello rojo" junto con el pincel que lo cubre, abre el menú desplegable del panel Transparencia y ve a Crear máscara de opacidad. Asegúrate de que esta forma enmascarada permanece seleccionada, desmarca la casilla Recortar del panel Transparencia y cambia su Modo de fusión a Luz suave.
Paso 6
Selecciona el "sello azul" junto con ese pincel artístico, repite la técnica de enmascaramiento utilizada para el "sello rojo", pero establece el Modo de fusión en Multiplicar en lugar de Luz suave y baja la Opacidad al 10%.
¡Felicidades! ¡Ya terminaste!
Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.
By
