Spanish (Español) translation by Rosario (you can also view the original English article)
En el siguiente tutorial aprenderás a crear una ilustración detallada de una cafetera en Adobe Illustrator. Empezando por la base, aprenderás a utilizar un sencillo efecto de Extrusión y biselado 3D y a añadir profundidad o sombreado utilizando técnicas básicas de fusión y construcción de formas vectoriales. A continuación, utilizando herramientas y efectos básicos junto con algunos motivos incorporados, un montón de degradados lineales y radiales aprenderás a crear el resto de la cafetera. Por último, utilizando técnicas básicas de enmascaramiento y fusión, aprenderás a añadir iluminación y sombreado adicional para la jarra.
1. Crea un nuevo documento y establece una cuadrícula
Pulsa Control + N para crear un Nuevo documento. Introduce 600 en la casilla de anchura y 760 en la de altura y haz clic en el botón Avanzado. Selecciona RGB, 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). Para empezar, 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. Crea la base de la cafetera
Paso 1
Elige la herramienta Elipse (L) y céntrate en tu Barra de herramientas. Retira el color del trazo y, a continuación, selecciona el relleno y establece su color en R=231 G=151 B=73. Muévete a tu mesa de trabajo y crea un círculo de 135px, la opción Ajustar a cuadrícula debería facilitarte el trabajo. Cambia a la herramienta Rectángulo (M), crea una forma de 30 x 25px, colócala como se muestra en la segunda imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y ve a Objeto > Expandir apariencia. Selecciona ambas formas, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Unir.
Paso 2
Asegúrate de que tu forma naranja está seleccionada y ve a Efecto > 3D > Extrusión y biselado. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 3
Céntrate en el panel Capas (Ventana > Capas), asegúrate de que el grupo existente está seleccionado y pulsa Mayúsculas + Control + G tres veces para deshacerte de todos esos grupos y subgrupos. Al final deberías tener cuatro formas naranjas. Selecciona la superior y sustituye el naranja por el degradado lineal que se muestra en la segunda imagen. Ve al panel Capas, haz doble clic en esta forma recién editada y nómbrala simplemente "arriba". Concéntrate en las formas restantes, selecciona la más grande, rellénala con el degradado lineal que se muestra en la tercera imagen y luego ve al panel Capas y nómbrala "derecha".
Paso 4
Selecciona las dos formas anaranjadas restantes y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación y luego ve al panel Capas y nómbrala "izquierda".
Paso 5
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. Duplica tus formas "izquierda" y "derecha" (Control + C > Control + F). Selecciona ambas copias y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con R=231 G=151 B=73 y luego 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, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.
Paso 6
Vuelve a seleccionar la forma naranja y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px 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, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.
Paso 7
Vuelve a seleccionar la forma naranja 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, baja su Opacidad al 15% y cambia el Modo de fusión a Superponer.
Paso 8
Vuelve a seleccionar la forma naranja y haz una sola copia por delante (Control + C > 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 10% y cambia el Modo de fusión a Luz suave.
Paso 9
Vuelve a seleccionar tu forma "arriba" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba y hacia la derecha usando las flechas 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 10% y cambia el Modo de fusión a Superponer.
Paso 10
Vuelve a seleccionar tu forma "arriba" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia arriba y hacia la derecha usando las flechas 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 10% y cambia el Modo de fusión a Luz suave.
Paso 11
Vuelve a seleccionar tu forma "arriba" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la izquierda usando las flechas 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 30% y cambia el Modo de fusión a Luz suave.
Paso 12
Vuelve a seleccionar tu forma "arriba" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo y hacia la izquierda usando las flechas 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 15% y cambia el Modo de fusión a Luz suave.
Paso 13
Vuelve a seleccionar tu forma "arriba", haz una copia delante (Control + C > Control + F) y rellénala de negro. Selecciona esta nueva forma junto con la "derecha", abre el panel Alinear y haz clic en el botón Alinear vertical inferior.
Paso 14
Vuelve a seleccionar esa forma negra, envíala hacia atrás (Mayúsculas + Control + [ ), céntrate en el panel Apariencia y añade un nuevo relleno utilizando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul en la siguiente imagen). Asegúrate de que tu forma negra permanece seleccionada, sigue centrándote en el panel Apariencia y selecciona el relleno inferior. Baja su Opacidad al 10% y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 2px y haz clic en Aceptar. Selecciona el otro relleno, baja su Opacidad al 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 4px y haz clic en Aceptar. Vuelve al panel Apariencia, asegúrate de que el relleno superior está seleccionado y haz clic en el botón Duplicar elemento seleccionado (señalado por la pequeña flecha verde en la siguiente imagen). Selecciona este relleno recién creado y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 4px y haz clic en Aceptar.
Paso 15
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Elipse (L), crea una forma de 105 x 15px, rellénala con el degradado radial mostrado abajo, colócala como se muestra en la siguiente imagen 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 de la derecha (en la siguiente imagen) y haz clic en Aceptar. Selecciona todas las formas realizadas hasta ahora y agrúpalas (Control + G). Desplázate al panel Capas, haz doble clic en este nuevo grupo y nómbralo simplemente "soporte de la jarra".
3. Crea la parte trasera de la jarra
Paso 1
Con la herramienta Rectángulo (M) crea una forma de 125 x 120px. Rellénala con R=39 G=170 B=225, colócala como se muestra en la siguiente imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 15px, haz click en OK y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 2
Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea una forma de 125 x 25px y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la forma azul y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante, céntrate en el panel Apariencia y sustituye ese azul por el degradado lineal que se muestra en la tercera imagen. Añade un segundo relleno para esta forma y utiliza el degradado lineal que se muestra en la cuarta imagen. Muévete al panel Capas y nombra esta nueva forma como "parte trasera de la jarra".
4. Crea la tapa de la jarra
Paso 1
Céntrate en la parte superior de tu forma "parte trasera de la jarra" y elige la herramienta Rectángulo (M). Crea una forma de 105 x 15px, rellénala con R=39 G=17 B=225, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz clic en OK y ve a Objeto > Expandir apariencia. A continuación, necesitarás una cuadrícula cada 1px. Simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea una forma de 129 x 4px, rellénala con R=243 G=153 B=71, colócala como se muestra en la segunda imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px, haz clic en OK y ve a Objeto > Expandir apariencia.
Paso 2
Duplica el rectángulo redondeado naranja (Control + C > Control + F). Selecciona esta copia junto con el rectángulo redondeado azul y haz clic en el botón Menos frente del panel Buscatrazos. Usando la herramienta Rectángulo (M), crea una forma de 123 x 7px, rellénala con R=57 G= 181 B=74, colócala como se muestra abajo y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 3
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la forma azul y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Duplica la forma resultante (Control + C > Control + F), selecciona la copia y muévela 1px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 15% y cambia el Modo de fusión a Superponer.
Paso 4
Vuelve a seleccionar la forma azul y haz dos copias por delante (Control + C > Control + F > CTR + F). Selecciona la copia superior y muévela 1px 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 15% y cambia el Modo de fusión a Luz suave.
Paso 5
Vuelve a seleccionar la forma azul y haz dos copias por delante (Control + C > Control + F > CTR + 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 negro, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.
Paso 6
Vuelve a seleccionar la forma azul y reemplaza el azul con el degradado lineal que se muestra a continuación. Asegúrate de que esta forma permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Superponer y añade el degradado radial que se muestra en la segunda imagen.
Paso 7
Selecciona la forma naranja, reemplaza el naranja con el degradado lineal mostrado abajo y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. 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 Luz suave.
Paso 8
Vuelve a seleccionar la forma verde y reemplaza el verde con el degradado lineal que se muestra a continuación. Asegúrate de que esta forma permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Superponer, baja su Opacidad al 50% y añade el degradado radial que se muestra en la segunda imagen. Selecciona estas formas oscuras junto con los trazados delgados utilizados para resaltarlas y agrúpalos (Control + G). Ve al panel Capas y nombra este nuevo grupo como "tapa de la jarra".
5. Añade el café dentro de la jarra y crea la parte frontal de la jarra
Paso 1
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y vuelve a la "línea de cuadrícula cada 5px". Simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Selecciona "parte trasera de la jarra" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Selecciona la forma resultante y céntrate en el panel Apariencia. Elimina el relleno superior y luego selecciona el relleno restante y reemplaza el degradado lineal existente con R=167 G=94 B=25. Elige la herramienta Rectángulo (M), crea una forma de 125 x 65px y colócala como se muestra en la tercera imagen. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen.
Paso 2
Para este paso necesitarás un motivo simple incorporado. Ve al panel de 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 patrones incorporados. Asegúrate de que tu forma marrón sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Sobreexposición de color y añade el motivo "USGS 22 playa pedregosa". Sigue concentrándote en el panel Apariencia, asegúrate de que el relleno con el motivo sigue seleccionado y simplemente duplícalo usando el mismo botón Duplicar elemento seleccionado.
Paso 3
De nuevo, necesitarás una cuadrícula cada 1px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea una forma de 123 x 4px, rellénala con el degradado lineal mostrado en la primera imagen, colócala como se muestra abajo y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la imagen final, baja su Opacidad al 35% y cambia el Modo de fusión a Superponer.
Paso 4
Selecciona las tres formas que componen el café y agrúpalas (Control + G). Ve al panel Capas y simplemente nombra este nuevo grupo como "café".
Paso 5
Vuelve a la "línea de cuadrícula cada 5px". Selecciona la forma "parte trasera de la jarra", haz una copia por delante (Control + C > Control + F), llévala al frente (Mayúsculas + Control + ] ) y céntrate en el panel Apariencia. Elimina el relleno superior y luego selecciona el relleno restante y sustituye el degradado lineal existente por un simple azul (R=39 G=170 B=225). Desplázate al panel Capas y nombra esta nueva forma como "parte delantera de la jarra".
Paso 6
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), selecciona la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. 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 10% y cambia el Modo de fusión a Luz suave.
Paso 7
Selecciona la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 5px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y baja su Opacidad al 15%.
Paso 8
Selecciona la forma azul y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia la izquierda. 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 10% y cambia el Modo de fusión a Luz suave.
Paso 9
Selecciona la forma azul y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia la izquierda. 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 5% y cambia el Modo de fusión a Luz suave.
Paso 10
Duplica la forma azul (Control + C > Control + F). Selecciona la copia, muévela 5px a la izquierda y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 10px a la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación, baja su Opacidad al 40% y cambia el Modo de fusión a Luz suave.
Paso 11
Selecciona la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 10px hacia arriba y 15px hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra a continuación, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.
Paso 12
Duplica la forma azul (Control + C > Control + F). Selecciona la copia, muévela 10px a la derecha y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 20px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado abajo y baja su Opacidad al 8%.
Paso 13
Vuelve a seleccionar la forma azul, asegúrate de que permanezca seleccionada y céntrate en el panel Apariencia. Selecciona el relleno existente y baja su Opacidad al 5%. Añade un segundo relleno para esta forma, baja su Opacidad al 20% y utiliza el degradado lineal que se muestra a continuación.
Paso 14
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la herramienta Rectángulo (M) y crea una forma de 10 x 65px. Rellénala de blanco, colócala como se muestra en la primera imagen, baja su Opacidad al 3% y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px y haz clic en OK. Vuelve a seleccionar la "parte delantera de la jarra" junto con el resto de las formas utilizadas para resaltarla y agrúpalas (Control + G). Ve al panel de Capas y nombra este nuevo grupo como "parte delantera de la jarra".
6. Crea el asa para la jarra
Paso 1
Usando la herramienta Rectángulo (M), crea una forma de 105 x 90px. Rellénala con R=39 G=170 B=225, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px y haz clic en Aceptar. Continúa con la herramienta Rectángulo (M) y crea una forma de 85 x 90px. Rellénala con R=231 G=151 B=73, colócala como se muestra en la segunda imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz clic en OK y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Asegúrate de que la herramienta Rectángulo (M) sigue activa y crea un cuadrado de 80px. Rellénalo con R=57 G=181 B=74, colócalo como se muestra en la tercera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 12px y haz clic en OK. Finalmente, crea una forma de 80 x 75px y rellénala con R=255 G=222 B=23. Colócala como se muestra en la cuarta imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px y haz clic en OK. Selecciona las cuatro formas hechas en este paso y ve a Objeto > Expandir apariencia.
Paso 2
Asegúrate de que tus cuatro rectángulos redondeados siguen seleccionados y haz clic en el botón Combinar del panel Buscatrazos. Desagrupa (Mayúsculas + Control + G) el grupo resultante y elimina la forma amarilla. Con la herramienta Rectángulo (M), crea una forma de 35 x 90px, rellénala de blanco, colócala como se muestra en la tercera imagen y luego duplícala (Control + C > Control + F).
Paso 3
Selecciona uno de esos rectángulos blancos junto con la forma naranja y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la segunda imagen. Selecciona el rectángulo blanco restante junto con la forma verde y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la cuarta imagen.
Paso 4
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego selecciona tu forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.
Paso 5
Vuelve a seleccionar la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.
Paso 6
Vuelve a seleccionar la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Desagrupa el grupo resultante (Mayúsculas + Control + G) y elimina la forma superior. Selecciona la forma restante, rellénala de negro, baja su Opacidad al 25% y cambia el Modo de fusión a Luz suave.
Paso 7
Vuelve a seleccionar la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 5px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Desagrupa el grupo resultante (Mayúsculas + Control + G) y elimina la forma superior. Selecciona la forma restante, rellénala de negro, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.
Paso 8
Vuelve a seleccionar la forma azul, céntrate en el panel Apariencia y sustituye el azul por el degradado lineal que se muestra en la siguiente imagen. Selecciona todas las formas que componen el asa y agrúpalas (Control + G). Ve al panel Capas y simplemente nombra este nuevo grupo como "asa".
7. Crea el filtro
Paso 1
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y céntrate en la parte superior de la tapa. Usando la herramienta Rectángulo (M), crea una forma de 105 x 15px, rellénala con R=255 G=222 B=23, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz clic en OK y ve a Objeto > Expandir apariencia. Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea una forma de 125 x 15px, rellénala con R=39 G=170 B=225 y colócala como se muestra en la segunda imagen. Cambia a la herramienta Selección directa (A) y céntrate en la parte inferior de este rectángulo azul. Selecciona el punto de anclaje izquierdo y arrástralo 10px hacia la derecha, luego selecciona el punto de anclaje derecho y arrástralo 10px hacia la izquierda. Esto debería convertir tu rectángulo en un trapezoide. Selecciónalo y ve a Efecto > Estilizar > Esquinas redondeadas. Introduce un radio de 3px, haz clic en OK y ve a Objeto > Expandir apariencia.
Paso 2
Usando la herramienta Rectángulo (M), crea una forma de 105 x 15px, rellénala con R=57 G=181 B=74, colócala como se muestra en la primera imagen y ve a Efecto > Estilizar > Esquinas redondeadas. Introduce un radio de 5px, haz clic en OK y ve a Objeto > Expandir apariencia. Continúa con la herramienta Rectángulo (M), crea una forma de 65 x 10px y colócala como se muestra en la segunda imagen. Selecciona ambas formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. La forma resultante debe ser como en la tercera imagen.
Paso 3
Duplica la forma amarilla (Control + C > Control + F) luego selecciona la forma azul 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 15% y cambia el Modo de fusión a Luz suave.
Paso 4
Selecciona la forma amarilla y reemplaza el amarillo con el degradado lineal que se muestra a continuación. Asegúrate de que esta forma permanece seleccionada, enfócate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Superponer y añade el degradado radial que se muestra en la segunda imagen.
Paso 5
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. 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 15% y cambia el Modo de fusión a Luz suave.
Paso 6
Selecciona la forma azul y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo. 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 10% y cambia el Modo de fusión a Luz suave.
Paso 7
Selecciona la forma azul y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px 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 15% y cambia el Modo de fusión a Luz suave.
Paso 8
Selecciona la forma azul y reemplaza el azul con el degradado lineal que se muestra a continuación. Asegúrate de que esta forma permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciónalo, cambia el Modo de fusión a Superponer y añade el degradado radial que se muestra en la segunda imagen.
Paso 9
Selecciona la forma verde y reemplaza el verde con el degradado lineal que se muestra a continuación. Selecciona todas las formas que componen el filtro y agrúpalas (Control + G). Desplázate al panel Capas y nombra este nuevo grupo como "filtro".
8. Crea el depósito
Paso 1
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Rectángulo (M), crea una forma de 135 x 200px, rellénala con R=231 G=151 B=73, colócala como se muestra en la siguiente imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 20px, haz clic en OK y ve a Efecto > Deformar > Arco Superior. Introduce las propiedades que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 2
Usando la herramienta Rectángulo (M), crea una forma de 135 x 25px, rellénala con un color aleatorio y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la forma naranja y haz clic en el botón Menos frente del panel Buscatrazos. A continuación, necesitarás la Secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 Secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona los dos puntos de anclaje resaltados en la segunda imagen y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un Radio de 5px y haz clic en Aceptar. Selecciona la forma resultante y sustituye el naranja plano utilizado para el relleno por el degradado lineal que se muestra en la siguiente imagen. Una vez que hayas terminado, muévete al panel Capas y nombra esta forma como "depósito".
Paso 3
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Vuelve a seleccionar tu forma "depósito" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. 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 25% y cambia el Modo de fusión a b.
Paso 4
Vuelve a seleccionar tu forma de "depósito" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 3px hacia abajo. 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 20% y cambia el Modo de fusión a Luz suave.
Paso 5
Vuelve a seleccionar tu forma "depósito" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px 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 50% y cambia el Modo de fusión a Luz suave.
Paso 6
Vuelve a seleccionar tu forma "depósito", céntrate en el panel Apariencia, añade un segundo relleno y selecciónalo. Baja su Opacidad al 50%, cambia el Modo de fusión a Superponer y añade el degradado radial que se muestra en la primera imagen. Sigue centrándote en el panel Apariencia, añade un tercer relleno para tu forma de "depósito" y selecciónalo. Baja su Opacidad al 30%, cambia el Modo de fusión a Luz suave y añade el degradado lineal que se muestra en la segunda imagen.
Paso 7
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Elipse (L), crea una forma de 115 x 20px, rellénala de blanco y colócala como se muestra en la primera imagen. Continúa con la herramienta Elipse (L), crea una forma de 155 x 25px, rellénala con el mismo color y colócala como se muestra en la segunda imagen. Vuelve a seleccionar ambas formas y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante, enfócate en el panel Apariencia y selecciona el relleno existente. Baja su Opacidad al 75%, cambia el Modo de fusión a Superponer, reemplaza el blanco con el degradado lineal que se muestra a continuación y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px y haz clic en Aceptar. Sigue concentrándote en el panel Apariencia, añade un segundo relleno para esta forma y selecciónalo. Utiliza el mismo degradado lineal, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.
Paso 8
Asegúrate de que la herramienta Rectángulo (M) está activa y simplemente haz clic dentro de tu mesa de trabajo para abrir la ventana Opciones de rectángulo. Introduce 135 para la Anchura y 1 para la Altura y haz clic en Aceptar. Rellena esta nueva forma con negro y colócala como se muestra en la primera imagen. Baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Duplica este rectángulo delgado (Control + C > Control + F), selecciona la copia y arrástrala 5px hacia abajo.
Paso 9
Selecciona todas las formas que componen el depósito y agrúpalas (Control + G). No olvides ir al panel Capas y nombrar a este nuevo grupo "depósito".
9. Crea el conector del depósito
Paso 1
Usando la herramienta Rectángulo (M), crea una forma de 20 x 15px, rellénala con R=231 G=151 B=73, colócala como se muestra abajo y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz click en OK y ve a Efecto > Deformar > Arco Superior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.
Paso 2
Usando la herramienta Rectángulo (M), crea una forma de 5 x 15px, rellénala de negro, colócala como se muestra en la primera imagen y desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona este nuevo rectángulo junto con la forma naranja hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la segunda imagen y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Duplica la forma resultante (Control + C > Control + F), selecciona la copia y muévela 1px hacia abajo y hacia la derecha. Vuelve a seleccionar ambas formas y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en el quinto paso. Vuelve a seleccionar la forma naranja editada al principio del paso y céntrate en el panel Apariencia. Añade un segundo relleno, selecciónalo y utiliza el degradado lineal que se muestra en la imagen final.
10. Crea las tuberías
Paso 1
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Usando la herramienta Rectángulo (M), crea una forma de 50 x 220px y colócala como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma no tiene ningún color establecido para el relleno, pero añade un trazo de 5pt de grosor. Establece su color en R=170 G=180 B=183, alinéalo al interior y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 15px, haz clic en Aceptar y ve a Objeto > Trazado > Contornear trazado.
Paso 2
Con la herramienta Rectángulo (M), crea una forma de 25 x 220px, rellénala de negro y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con el trazado gris y haz clic en el botón Menos frente del panel Buscatrazos. Envía la forma resultante al fondo (Mayúsculas + Control + [ ) y luego muévete al panel Capas y nómbrala "tuberíaizquierda".
Paso 3
Asegúrate de que la "tuberíaizquierda" sigue seleccionada, añade un segundo relleno y arrástralo a la parte inferior del panel Apariencia. Selecciónalo, utiliza el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px y haz clic en Aceptar.
Paso 4
Asegúrate de que tu forma "tuberíaizquierda" permanece seleccionada y céntrate en el panel Apariencia. Añade un nuevo relleno, arrástralo a la parte inferior del panel Apariencia, establece el color en R=109 G=119 B=122 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y vuelve al panel Apariencia. Añade un nuevo relleno, arrástralo a la parte superior del panel Apariencia, establece el color en R=208 G=218 B=221 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1,5px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. De nuevo, introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 5
Vuelve a seleccionar tu forma "tuberíaizquierda" y añade un quinto relleno. Arrástralo a la parte superior del panel Apariencia, utiliza el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 6
Usando la herramienta Rectángulo (M), crea una forma de 5 x 130px, rellénala con un color aleatorio y colócala como se muestra en la primera imagen. Envía este nuevo rectángulo al fondo (Mayúsculas + Control + [ ) y luego añade los mismos atributos de Apariencia utilizados para la forma "tuberíaizquierda".
11. Añade una sombra sutil y crea el fondo
Paso 1
Con la herramienta Elipse (L), crea una forma de 350 x 10px, rellénala de negro y colócala como se muestra en la primera imagen. Céntrate en este círculo comprimido, cambia a la herramienta Convertir punto de ancla (Mayúsculas + C) y haz clic en los puntos de anclaje izquierdo y derecho (resaltados en la primera imagen). Envía esta forma negra al fondo (Mayúsculas + Control + [ ), baja su Opacidad al 30%, cambia el Modo de fusión a Luz suave y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 15px y haz clic en Aceptar.
Paso 2
Con la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo (600 x 760px), rellénala con R=200 G=188 B=140 y envíala al fondo (Mayúsculas + Control + [ ).
Paso 3
Asegúrate de que tu rectángulo de fondo sigue seleccionado, céntrate en el panel Apariencia, añade un segundo relleno y utiliza el degradado radial que se muestra en la siguiente imagen.
12. Añade los toques finales a la jarra
Paso 1
Utilizando la herramienta Rectángulo (M), crea una forma de 30 x 90px, rellénala de blanco y colócala como se muestra en la primera imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado, cambia su Modo de fusión a Superponer y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 15px, haz clic en Aceptar y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 15px y haz clic en Aceptar.
Paso 2
Con la herramienta Elipse (L), crea un círculo de 30px, rellénalo de blanco y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada, cambia su Modo de fusión a Superponer y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 15px y haz clic en Aceptar.
Paso 3
Con la herramienta Elipse (L), crea una forma de 90 x 180px, rellénala de negro y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada, baja su Opacidad al 50% y cambia su Modo de fusión a Superponer y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 15px y haz clic en OK. Vuelve a seleccionar esta forma negra junto con el rectángulo blanco y el círculo blanco y agrúpalos (Control + G). Ve al panel de Capas y nombra este nuevo grupo como "extra".
Paso 4
Abre el panel Transparencia (Ventana > Transparencia). Desplázate al panel Capas, busca la forma "parte trasera de la jarra" y duplícala (Control + C > Control + F). Selecciona esta copia, llévala al frente (Mayúsculas + Control + ] ) y céntrate en el panel Apariencia. Elimina el relleno superior y luego selecciona el relleno restante y sustituye el degradado lineal existente por un blanco plano. Selecciona esta forma blanca junto con tu grupo "extra", abre el menú desplegable del panel Transparencia y ve a Crear máscara de opacidad. Por último, céntrate en el panel Capas y arrastra este grupo enmascarado dentro de tu grupo "parte delantera de la jarra" (intenta colocarlo en la parte superior).
¡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
