Crear una ilustracin de cafetera detallada en

Adobe Illustrator
En el siguiente tutorial aprender cmo crear una ilustracin detallada de cafetera en Adobe Illustrator.
Comenzando con la base, aprender cmo usar un simple efecto 3D Extrude & Bevel y cmo agregar
profundidad o sombreado usando tcnicas bsicas de mezcla y construccin de formas vectoriales. A
continuacin, utilizando herramientas y efectos bsicos, junto con algunos patrones incorporados y un
montn de gradientes lineales y radiales semitransparentes, aprender a crear el resto de la cafetera. Por
ltimo, utilizando tcnicas bsicas de enmascaramiento y mezcla, aprender cmo aadir relmpagos y
sombreado adicionales para la jarra.

1. Cree un documento nuevo y configure una cuadrcula

Pulse Control + N para crear un documento Nuevo . Introduzca 600 en el cuadro de ancho y 760 en el
cuadro de altura y luego haga clic en el botn Avanzado . Seleccione RGB , Screen (72ppi) y
asegrese de que el cuadro Alinear Nuevo Objeto o Pixel Grid est desmarcado antes de hacer clic en
Aceptar .
Active la cuadrcula ( Ver> Mostrar cuadrcula ) y el ajuste a cuadrcula ( Ver> Ajustar a
cuadrcula ). Para empezar necesitar una cuadrcula cada 5px , as que simplemente vaya a Editar>
Preferencias> Guas> Cuadrcula , ingrese 5 en la casilla Cuadrcula cada y 1 en el cuadro
Subdivisiones . Tambin debe abrir el panel Informacin ( Ventana> Informacin ) para una vista
previa en vivo con el tamao y la posicin de sus formas. No olvide configurar la unidad de medida en
pxeles en Editar> Preferencias> Unidades> General . Todas estas opciones aumentarn
significativamente su velocidad de trabajo.
2. Cree la base de la cafetera
Paso 1
Elija la Herramienta Elipse (L) y enfoque en su barra de herramientas . Quitar el color de la carrera
y luego seleccionar el relleno y ajustar su color en R = 231 G = 151 B = 73 . Muvase a su tabla de arte
y simplemente cree un crculo de 135px , el ajuste a la cuadrcula debe facilitar su trabajo. Cambie a
la herramienta Rectngulo (M) , cree una forma de 30 x 25px , colquela como se muestra en la
segunda imagen y vaya a Efecto> Estilizar> Esquinas redondeadas . Introduzca un radio de 5 pxeles
, haga clic en Aceptar y vaya a Objeto> Expandir apariencia . Seleccione ambas formas, abra el panel
Pathfinder ( Ventana> Pathfinder ) y haga clic en el botn Unitar .
Paso 2
Asegrese de que su forma naranja est seleccionada y vaya a Efecto> 3D> Extrusin y biselado .
Introduzca las propiedades que se muestran en la imagen siguiente, haga clic en Aceptar y vaya a
Objeto> Expandir apariencia .
Paso 3
Enfoque en el panel Capas ( Ventana> Capas ), asegrese de que el grupo existente est seleccionado
y pulse Maysculas + Control + G tres veces para deshacerse de todos los grupos y subgrupos. En el
extremo su debe tener cuatro formas anaranjadas. Seleccione la parte superior y sustituya la naranja por
el gradiente lineal que se muestra en la segunda imagen. Vaya al panel Capas , haga doble clic en esta
forma recin editada y simplemente dgalo " arriba ". Concntrese en las formas restantes, seleccione
la ms grande, rellnela con el gradiente lineal que se muestra en la tercera imagen y luego vaya al
panel Capas y denomnela " derecha ".
Los nmeros blancos de la imagen de degradado representan el porcentaje de ubicacin .

Etapa 4
Seleccione las dos formas naranjas restantes y haga clic en el botn Unir del panel Desplazador .
Rellene la forma resultante con el gradiente lineal que se muestra a continuacin, luego vaya al panel
Capas y dgalo "a la izquierda ".
Paso 5
Desactivar el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ) y luego vaya a Edicin>
Preferencias> General y asegrese de que el Incremento del teclado est establecido en 1px .
Duplique sus formas " izquierda " y " derecha " ( Control + C> Control + F ). Seleccione ambas
copias y haga clic en el botn Unitar del panel Pathfinder . Llene la forma resultante con R = 231 G
= 151 B = 73 y luego haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 1px arriba usando la flecha hacia arriba desde su teclado.
Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel Pathfinder . Llene
la forma resultante con negro, disminuya su opacidad al 30% y cambie el modo de fusin a luz suave
.
Paso 6
Vuelva a seleccionar la forma naranja y haga dos copias en frente ( Control + C> Control + F>
Control + F ). Seleccione la copia superior y muvala 3px arriba usando la flecha hacia arriba desde su
teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel Pathfinder
. Llene la forma resultante con negro, disminuya su opacidad al 15% y cambie el modo de fusin a
luz suave .
Paso 7
Vuelva a seleccionar la forma naranja y haga dos copias en frente ( Control + C> Control + F>
Control + F ). Seleccione la copia superior y muvala 1px hacia abajo con la flecha hacia abajo desde
su teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel
Pathfinder . Llene la forma resultante con blanco, disminuya su opacidad al 15% y cambie el modo
de fusin a superposicin .
Paso 8
Vuelva a seleccionar la forma naranja y haga slo una copia al frente ( Control + C> Control + F ).
Seleccione la copia superior y mueva 3px abajo usando la flecha hacia abajo desde su teclado. Vuelva a
seleccionar ambas copias y haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma
resultante con blanco, baje su opacidad al 10% y cambie el modo de fusin a luz suave .
Paso 9
Reseleccione su forma " superior " y haga dos copias al frente ( Control + C> Control + F> Control
+ F ). Seleccione la copia superior y muvala 1px hacia arriba y hacia la derecha usando las teclas de
flecha de su teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del
panel Pathfinder . Llene la forma resultante con blanco, baje su opacidad al 10% y cambie el modo
de fusin a superposicin .
Paso 10
Reseleccione su forma " superior " y haga dos copias al frente ( Control + C> Control + F> Control
+ F ). Seleccione la copia superior y mueva 3px arriba ya la derecha usando las teclas de flecha de su
teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel Pathfinder
. Llene la forma resultante con blanco, baje su opacidad al 10% y cambie el modo de fusin a luz
suave .
Paso 11
Reseleccione su forma " superior " y haga dos copias al frente ( Control + C> Control + F> Control
+ F ). Seleccione la copia superior y desplcesela 1px hacia abajo y hacia la izquierda utilizando las
teclas de flecha de su teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente
del panel Pathfinder . Llene la forma resultante con negro, disminuya su opacidad al 30% y cambie el
modo de fusin a luz suave .
Paso 12
Reseleccione su forma " superior " y haga dos copias al frente ( Control + C> Control + F> Control
+ F ). Seleccione la copia superior y mueva 3px abajo ya la izquierda usando las teclas de flecha de su
teclado. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel Pathfinder
. Llene la forma resultante con negro, disminuya su opacidad al 15% y cambie el modo de fusin a
luz suave .
Paso 13
Reseleccione su forma " superior ", haga una copia al frente ( Control + C> Control + F ) y llnela
con negro. Seleccione esta nueva forma junto con " derecha ", abra el panel Alinear y simplemente
haga clic en el botn Alinear vertical abajo .
Paso 14
Reseleccione la forma negra, envela hacia atrs ( Mays + Control + [ ), enfoque el panel Aspecto y
aada un nuevo relleno con el botn Aadir nuevo relleno (sealado por la pequea flecha azul en la
siguiente imagen). Asegrese de que su forma negra permanece seleccionada, siga centrndose en el
panel Apariencia y seleccione el relleno inferior. Baje su opacidad al 10% y luego vaya a Efecto>
Ruta> Ruta de desplazamiento. Introduzca un Desplazamiento de 2px y haga clic en Aceptar.
Seleccione el otro relleno, baje su Opacidad al 5% y vaya a Efecto> Ruta> Ruta de desplazamiento.
Introduzca un desfase de 4px y haga clic en Aceptar. Vuelva al panel Apariencia , asegrese de que el
relleno superior est seleccionado y haga clic en el botn Duplicar elemento seleccionado (sealado
por la pequea flecha verde en la siguiente imagen). Seleccione este relleno recin creado y vaya a
Efecto> Desenfoque> Desenfoque gaussiano . Introduzca un radio de 4px y haga clic en Aceptar.
Paso 15
Habilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Con la herramienta Elipse (L) ,
cree una forma de 105 x 15px , rellnela con el gradiente radial que se muestra a continuacin,
colquela como se muestra en la siguiente imagen y vaya a Efecto> Estilizar> Sombra . Introduzca
las propiedades mostradas en la ventana izquierda (en la imagen siguiente), haga clic en Aceptar y vaya
de nuevo a Efecto> Estilizar> Soltar sombra . Introduzca las propiedades mostradas en la ventana
derecha (en la siguiente imagen) y haga clic en Aceptar. Selecciona toda la forma hecha hasta ahora y
agrupa ( Control + G ). Desplcese al panel Capas , haga doble clic en este nuevo grupo y
simplemente llmelo " carafeSupport ".
3. Cree la parte trasera del Carafe
Paso 1
Usando la herramienta Rectngulo (M) crear una forma 125 x 120px . Rellene con R = 39 G = 170 B
= 225 , colquelo como se muestra en la siguiente imagen y vaya a Efecto> Estilizar> Esquinas
redondeadas . Ingrese un radio de 15px , haga clic en Aceptar y vaya a Efecto> Deformar> Arco
inferior . Introduzca las propiedades que se muestran a continuacin, haga clic en Aceptar y vaya a
Objeto> Expandir apariencia .
Paso 2
Asegrese de que la herramienta Rectngulo (M) todava est activa, cree una forma de 125 x 25px y
colquela como se muestra en la primera imagen. Seleccione este nuevo rectngulo junto con la forma
azul y haga clic en el botn Menos frontal del panel Pathfinder . Seleccione la forma resultante,
enfoque el panel Aspecto y reemplcelo con el gradiente lineal mostrado en la tercera imagen. Agregue
un segundo relleno para esta forma y utilice el gradiente lineal mostrado en la cuarta imagen. Mueva al
panel Capas y el nombre de esta nueva forma " carafeBackside ".
Recuerde que los nmeros blancos de la imagen de degradado representan el porcentaje de ubicacin,
mientras que los de color amarillo representan el porcentaje de opacidad .

4. Cree la Tapa Carafe

Paso 1
Concntrese en la parte superior de su forma " carafeBackside " y seleccione la herramienta
Rectangle (M) . Cree una forma de 105 x 15px , rellnela con R = 39 G = 17 B = 225 , colquela
como se muestra en la primera imagen y vaya a Efecto> Estilizar> Esquinas redondeadas .
Introduzca un radio de 3px , haga clic en Aceptar y vaya a Objeto> Expandir apariencia . A
continuacin, necesitar una cuadrcula cada 1px. Simplemente vaya a Edicin> Preferencias> Guas
y cuadrcula e ingrese 1 en el cuadro Cuadrcula cada. Asegrese de que la Herramienta Rectngulo
(M) an est activa, cree una forma de 129 x 4px , rellnela con R = 243 G = 153 B = 71 , colquela
como se muestra en la segunda imagen y vaya a Efecto> Estilizar> Esquinas redondeadas .
Introduzca un radio de 2px , haga clic en Aceptar y vaya a Objeto> Expandir apariencia .
Paso 2
Duplicar el rectngulo naranja redondeado (Control + C> Control + F) . Seleccione esta copia junto
con el rectngulo azul redondeado y haga clic en el botn Menos frontal del panel Pathfinder .
Utilizando la Herramienta Rectngulo (M) , cree una forma de 123 x 7px , rellnela con R = 57 G =
181 B = 74 , colquela como se muestra a continuacin y vaya a Efecto> Deformar> Arco inferior .
Introduzca las propiedades que se muestran en la imagen siguiente, haga clic en Aceptar y vaya a
Objeto> Expandir apariencia .
Paso 3
Deshabilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Seleccione la forma azul y
vaya a Objeto> Ruta> Ruta de desplazamiento. Introduzca un -1px Offset y haga clic en Aceptar.
Duplicar la forma resultante ( Control + C> Control + F ), seleccionar la copia y moverla 1px hacia
abajo con la flecha hacia abajo desde el teclado. Vuelva a seleccionar ambas formas hechas en este
paso y haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con
blanco, disminuya su opacidad al 15% y cambie el modo de fusin a superposicin .
Etapa 4
Reseleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> CTR + F ).
Seleccione la copia superior y muvala 1px arriba. Vuelva a seleccionar ambas copias y haga clic en el
botn Menos frontal del panel Pathfinder . Llene la forma resultante con negro, disminuya su
opacidad al 15% y cambie el modo de fusin a luz suave .
Paso 5
Reseleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> CTR + F ).
Seleccione la copia superior y muvala 3px arriba. Vuelva a seleccionar ambas copias y haga clic en el
botn Menos frontal del panel Pathfinder . Llene la forma resultante con negro, disminuya su
opacidad al 15% y cambie el modo de fusin a luz suave .
Paso 6
Volver a seleccionar la forma azul y reemplazar el azul con el gradiente lineal que se muestra a
continuacin. Asegrese de que esta forma permanezca seleccionada, enfoque en el panel Apariencia y
agregue un segundo relleno. Seleccione, cambie el modo de fusin a superposicin y aada el
gradiente radial mostrado en la segunda imagen.
Paso 7
Seleccione la forma naranja, reemplace la naranja con el degradado lineal que se muestra a
continuacin y haga dos copias al frente ( Control + C> Control + F> Control + F ). Seleccione la
copia superior y muvala 1px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botn
Menos Frente del panel Pathfinder . Llene la forma resultante con blanco, baje su opacidad al 30% y
cambie el modo de fusin a luz suave .
Paso 8
Vuelva a seleccionar la forma verde y reemplace el verde con el gradiente lineal que se muestra a
continuacin. Asegrese de que esta forma permanezca seleccionada, enfoque en el panel Apariencia y
agregue un segundo relleno. Seleccinelo, cambie el modo de fusin a superposicin , reduzca su
opacidad al 50% y agregue el gradiente radial mostrado en la segunda imagen. Seleccione estas
formas oscuras junto con los trazados delgados utilizados para resaltarlos y agruparlos ( Control + G ).
Muevete al panel Capas y denomina este nuevo grupo " carafeLid ".
5. Agregue el caf dentro del Carafe y cree el lado delantero del
Carafe
Paso 1
Habilitar el ajuste a cuadrcula ( Ver> Ajustar a cuadrcula ) y volver a "lnea de cuadrcula cada
5px". Simplemente vaya a Editar> Preferencias> Guas y cuadrcula e introduzca 5 en el cuadro
Cuadrcula cada. Seleccione " carafeBackside " y vaya a Object> Path> Offset Path . Introduzca un
-1px Offset y haga clic en Aceptar. Seleccione la forma resultante y enfoque en el panel Aspecto .
Quitar el relleno superior y luego seleccionar el relleno restante y reemplazar el gradiente lineal
existente por R = 167 G = 94 B = 25 . Elija la herramienta Rectngulo (M) , cree una forma de 125 x
65px y colquela como se muestra en la tercera imagen. Vuelva a seleccionar ambas formas hechas en
este paso y haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con el
gradiente lineal mostrado en la imagen siguiente.
Paso 2
Para este paso necesitar un patrn simple incorporado. Vaya al panel Muestras ( Ventana>
Muestras ), abra el men desplegable y vaya a Abrir biblioteca de muestras > Patrones> Grficos
bsicos> Grficos bsicos . Debe abrirse una nueva ventana con un conjunto de patrones
incorporados. Asegrese de que su forma marrn todava est seleccionada, enfoque en el panel
Apariencia y agregue un segundo relleno. Seleccinelo, cambie el modo de fusin a Color Dodge y
aada el patrn " USGS 22 Gravel Beach ". Mantenga el enfoque en el panel Apariencia , asegrese
de que el relleno estampado todava est seleccionado y simplemente lo duplique utilizando el mismo
botn Duplicar elemento seleccionado .
Paso 3
Una vez ms, necesitar una cuadrcula cada 1px, as que vaya a Edicin> Preferencias> Guas y
cuadrcula e ingrese 1 en la casilla Cuadrcula cada. Usando la herramienta Ellipse (L) , cree una
forma de 123 x 4px , rellnela con el gradiente lineal mostrado en la primera imagen, colquela como
se muestra a continuacin y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 1px arriba. Vuelva a seleccionar ambas copias y haga clic en el
botn Menos Frente del panel Pathfinder . Llene la forma resultante con el gradiente lineal mostrado
en la imagen final, baje su opacidad al 35% y cambie el modo de fusin a superposicin .
Etapa 4
Seleccione las tres formas que componen el caf y agruparlos ( Control + G ). Vaya al panel Capas y
simplemente nombre este nuevo grupo " caf ".

Paso 5
Vuelva a "lnea de cuadrcula cada 5px". Seleccione la forma " carafeBackside ", haga la copia delante
( Control + C> Control + F ), trigala al frente ( Mays + Control +) ) y enfoque en el panel
Apariencia . Quitar el relleno superior y luego seleccionar el relleno restante y sustituir el gradiente
lineal existente por un simple azul ( R = 39 G = 170 B = 225 ). Muevete al panel Capas y denomina
esta nueva forma " carafeFrontside ".
Paso 6
Desactive la opcin Ajustar a cuadrcula ( Ver> Ajustar a cuadrcula ), seleccione la forma azul y
haga dos copias en frente ( Control + C> Control + F> Control + F ). Seleccione la copia superior y
muvala 1px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del
panel Pathfinder . Llene la forma resultante con blanco, baje su opacidad al 10% y cambie el modo
de fusin a luz suave .
Paso 7
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 5px a la derecha. Vuelva a seleccionar ambas copias y haga clic
en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con el gradiente lineal
mostrado en la siguiente imagen y baje su opacidad al 15% .
Paso 8
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 1px a la izquierda. Vuelva a seleccionar ambas copias y haga
clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con negro, disminuya
su opacidad al 10% y cambie el modo de fusin a luz suave .
Paso 9
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y mueva 3px a la izquierda. Vuelva a seleccionar ambas copias y haga clic
en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con negro, disminuya su
opacidad al 5% y cambie el modo de fusin a luz suave .
Paso 10
Duplicar la forma azul ( Control + C> Control + F ). Seleccione la copia, muvala 5px a la izquierda
y luego duplquela ( Control + C> Control + F ). Seleccione esta nueva copia y muvala 10px a la
izquierda. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel
Pathfinder . Llene la forma resultante con el gradiente lineal que se muestra a continuacin, disminuya
su Opacidad al 40% y cambie el Modo de Fusin a Luz Suave .
Paso 11
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 10px arriba y 15px a la izquierda. Vuelva a seleccionar ambas
copias y haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con el
gradiente lineal que se muestra a continuacin, disminuya su Opacidad al 15% y cambie el Modo de
Fusin a Luz Suave .
Paso 12
Duplicar la forma azul ( Control + C> Control + F ). Seleccione la copia, mueva 10px a la derecha y
luego duplique ( Control + C> Control + F ). Seleccione esta nueva copia y muvala 20px a la
derecha. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del panel
Pathfinder . Llene la forma resultante con el gradiente lineal que se muestra a continuacin y
disminuya su Opacidad al 8% .
Paso 13
Vuelva a seleccionar la forma azul, asegrese de que permanece seleccionada y enfoque en el panel
Apariencia . Seleccione el relleno existente y baje su opacidad al 5% . Agregue un segundo relleno
para esta forma, baje su Opacidad al 20% y utilice el gradiente lineal que se muestra a continuacin.
Paso 14
Habilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Elija la herramienta Rectngulo
(M) y cree una forma de 10 x 65px . Llnelo con blanco, colquelo como se muestra en la primera
imagen, baje su opacidad al 3% y vaya a Efecto> Estilizar> Esquinas redondeadas . Introduzca un
radio de 5px y haga clic en Aceptar. Reseleccione " carafeFrontside " junto con el resto de las formas
utilizadas para resaltarlo y Agrupe ( Control + G ). Desplcese al panel Capas y denomine este nuevo
grupo " carafeFrontside ".
6. Cree el identificador para el Carafe
Paso 1
Con la herramienta Rectngulo (M) , cree una forma 105 x 90px . Llnelo con R = 39 G = 170 B =
225 , colquelo como se muestra en la primera imagen y vaya a Efecto> Estilizar> Esquinas
redondeadas . Introduzca un radio de 3px y haga clic en Aceptar. Contine con la herramienta
Rectngulo (M) y cree una forma de 85 x 90 px . Rellenar con R = 231 G = 151 B = 73 , colocarlo
como se muestra en la segunda imagen e ir a Efecto> Estilizar> Esquinas redondeadas . Introduzca
un radio de 3px , haga clic en Aceptar y vaya a Efecto> Deformar> Arco inferior . Introduzca las
propiedades que se muestran en la siguiente imagen y haga clic en Aceptar. Asegrese de que la
herramienta Rectngulo (M) sigue activa y cree un cuadrado de 80 pxeles . Rellene con R = 57 G =
181 B = 74 , colquelo como se muestra en la tercera imagen y vaya a Efecto> Estilizar> Esquinas
redondeadas . Introduzca un radio de 12px y haga clic en Aceptar. Finalmente, cree una forma de 80 x
75px y llnela con R = 255 G = 222 B = 23 . Colquela como se muestra en la cuarta imagen y vaya a
Efecto> Estilizar> Esquinas redondeadas . Introduzca un radio de 10px y haga clic en Aceptar.
Seleccione las cuatro formas hechas en este paso y vaya a Objeto> Ampliar Aspecto .
Paso 2
Asegrese de que sus cuatro rectngulos redondeados todava estn seleccionados y haga clic en el
botn Combinar del panel Pathfinder . Desagrupa ( Mays + Control + G ) el grupo resultante y
elimine la forma amarilla. Con la Herramienta Rectngulo (M) , cree una forma de 35x90px ,
rellnela con blanco, colquela como se muestra en la tercera imagen y luego duplquela ( Control +
C> Control + F ).
Paso 3
Seleccione uno de esos rectngulos blancos junto con la forma anaranjada y haga clic en el botn
Menos frontal del panel Pathfinder . Llene la forma resultante con el gradiente lineal mostrado en la
segunda imagen. Seleccione el rectngulo blanco restante junto con la forma verde y haga clic en el
botn Menos frontal del panel Pathfinder . Rellene la forma resultante con el gradiente lineal
mostrado en la cuarta imagen.
Etapa 4
Desactivar el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ), seleccione su forma azul y
hacer dos copias en frente ( Control + C> Control + F> Control + F ). Seleccione la copia superior y
muvala 1px a la derecha. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del
panel Pathfinder . Rellene la forma resultante con el gradiente lineal que se muestra en la siguiente
imagen, baje su Opacidad al 50% y cambie el Modo de Fusin a Luz Suave .

Paso 5
Reseleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 2px a la derecha. Vuelva a seleccionar ambas copias y haga clic
en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con el degradado lineal
mostrado en la siguiente imagen, baje su Opacidad al 25% y cambie el Modo de Fusin a Luz Suave
.

Paso 6
Reseleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 2px arriba. Vuelva a seleccionar ambas copias y haga clic en el
botn Menos Frente del panel Pathfinder . Desagrupa el grupo resultante ( Mays + Control + G ) y
elimine la forma superior. Seleccione la forma restante, llnela con negro, baje su opacidad al 25% y
cambie el modo de fusin a luz suave .
Paso 7
Reseleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y muvala 5px arriba. Vuelva a seleccionar ambas copias y haga clic en el
botn Menos Frente del panel Pathfinder . Desagrupa el grupo resultante ( Mays + Control + G ) y
elimine la forma superior. Seleccione la forma restante, llnela con negro, baje su opacidad al 15% y
cambie el modo de fusin a luz suave .
Paso 8
Reseleccione la forma azul, enfoque el panel Aspecto y reemplace el azul con el degradado lineal que
se muestra en la siguiente imagen. Seleccione todas las formas que componen el identificador y
agruparlos ( Control + G ). Mueva al panel Capas y simplemente nombre este nuevo grupo " manejar
".
7. Cree el filtro
Paso 1
Active el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ) y enfoque en la parte superior de la
tapa. Con la herramienta Rectngulo (M) , cree una forma de 105 x 15px , rellnela con R = 255 G =
222 B = 23 , colquela como se muestra en la primera imagen y vaya a Efecto> Estilizar> Esquinas
redondeadas . Introduzca un radio de 3px, haga clic en Aceptar y vaya a Objeto> Expandir
apariencia . Asegrese de que la Herramienta Rectngulo (M) sigue activa, cree una forma de 125 x
15px , rellnela con R = 39 G = 170 B = 225 y colquela como se muestra en la segunda imagen.
Cambie a la herramienta de seleccin directa (A) y enfoque en la parte inferior de este rectngulo
azul. Seleccione el punto de anclaje izquierdo y arrstrelo 10px a la derecha y luego seleccione el punto
de anclaje derecho y arrstrelo 10px a la izquierda. Esto debera convertir su rectngulo en un
trapezoide. Seleccione y vaya a Efecto> Estilizar> Esquinas redondeadas . Introduzca un radio de
3px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.
Paso 2
Utilizando la herramienta Rectngulo (M) , cree una forma de 105 x 15px , rellnela con R = 57 G =
181 B = 74 , colquela como se muestra en la primera imagen y vaya a Efecto> Estilizar> Esquinas
redondeadas . Introduzca un radio de 5 pxeles , haga clic en Aceptar y vaya a Objeto> Expandir
apariencia . Contine con la herramienta Rectngulo (M) , cree una forma de 65 x 10px y colquela
como se muestra en la segunda imagen. Seleccione ambas formas hechas en este paso y haga clic en el
botn Intersect del panel Pathfinder . La forma resultante debera verse en la tercera imagen.
Paso 3
Duplicar la forma amarilla ( Control + C> Control + F ) y luego seleccionar la forma azul e ir a
Objeto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de 1px y haga clic en
Aceptar. Seleccione ambas formas hechas en este paso y haga clic en el botn Intersect del panel
Pathfinder . Llene la forma resultante con negro, disminuya su opacidad al 15% y cambie el modo de
fusin a luz suave .
Etapa 4
Seleccione la forma amarilla y reemplace el amarillo con el gradiente lineal que se muestra a
continuacin. Asegrese de que esta forma permanezca seleccionada, enfoque en el panel Apariencia y
agregue un segundo relleno. Seleccione, cambie el modo de fusin a superposicin y aada el
gradiente radial mostrado en la segunda imagen.
Paso 5
Deshabilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Seleccione la forma azul y
haga dos copias al frente ( Control + C> Control + F> Control + F ). Seleccione la copia superior y
mueva 1px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botn Menos Frente del
panel Pathfinder . Llene la forma resultante con negro, disminuya su opacidad al 15% y cambie el
modo de fusin a luz suave .
Paso 6
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y mueva 3px hacia abajo. Vuelva a seleccionar ambas copias y haga clic
en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con negro, disminuya su
opacidad al 10% y cambie el modo de fusin a luz suave .
Paso 7
Seleccione la forma azul y haga dos copias al frente ( Control + C> Control + F> Control + F ).
Seleccione la copia superior y mueva 1px hacia arriba. Vuelva a seleccionar ambas copias y haga clic
en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con blanco, baje su
opacidad al 15% y cambie el modo de fusin a luz suave .
Paso 8
Seleccione la forma azul y reemplace el azul con el degradado lineal que se muestra a continuacin.
Asegrese de que esta forma permanezca seleccionada, enfoque en el panel Apariencia y agregue un
segundo relleno. Seleccione, cambie el modo de fusin a superposicin y aada el gradiente radial
mostrado en la segunda imagen.
Paso 9
Seleccione la forma verde y reemplace el verde con el gradiente lineal que se muestra a continuacin.
Selecciona todas las formas que componen el filtro y agrupa ( Control + G ). Mueva al panel Capas y
nombre este nuevo grupo " filtro ".

8. Crear el depsito
Paso 1
Habilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Con la herramienta Rectngulo
(M) , cree una forma de 135 x 200px , rellnela con R = 231 G = 151 B = 73 , colquela como se
muestra en la siguiente imagen y vaya a Efecto> Estilizar> Esquinas redondeadas . Ingrese un radio
de 20px , haga clic en Aceptar y vaya a Efecto> Deformar> Arco superior . Introduzca las
propiedades que se muestran a continuacin, haga clic en Aceptar y vaya a Objeto> Expandir
apariencia .
Paso 2
Con la herramienta Rectngulo (M) , cree una forma de 135 x 25px , rellnela con un color aleatorio
y colquela como se muestra en la primera imagen. Seleccione este nuevo rectngulo junto con la
forma naranja y haga clic en el botn Menos frontal del panel Pathfinder . A continuacin, necesitar
el guin Round Any Corner . Lo puedes encontrar en el artculo Vectortuts + 20 Free and Useful
Adobe Illustrator Scripts . Gurdelo en su disco duro, regrese a Illustrator y tome la Herramienta de
seleccin directa (A) . Seleccione los dos puntos de anclaje resaltados en la segunda imagen e vaya a
Archivo> Scripts> Otro Script . Abra la ronda cualquier rtulo de esquina , ingrese un radio de 5
pxeles y haga clic en Aceptar. Seleccione la forma resultante y reemplace la naranja plana utilizada
para el relleno con el gradiente lineal mostrado en la siguiente imagen. Una vez que haya terminado,
vaya al panel Capas y denomine a esta forma " depsito ".
Paso 3
Deshabilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Reseleccione su forma "
reservorio " y haga dos copias en frente ( Control + C> Control + F> Control + F ). Seleccione la
copia superior y muvala 1px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botn
Menos Frente del panel Pathfinder . Llene la forma resultante con negro, baje su opacidad al 25% y
cambie el modo de fusin a b.
Etapa 4
Reseleccione su forma " reservorio " y haga dos copias en frente ( Control + C> Control + F>
Control + F ). Seleccione la copia superior y mueva 3px hacia abajo. Vuelva a seleccionar ambas
copias y haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con
negro, baje su opacidad al 20% y cambie el modo de fusin a luz suave .
Paso 5
Reseleccione su forma " reservorio " y haga dos copias en frente ( Control + C> Control + F>
Control + F ). Seleccione la copia superior y muvala 1px arriba. Vuelva a seleccionar ambas copias y
haga clic en el botn Menos Frente del panel Pathfinder . Llene la forma resultante con blanco, baje
su opacidad al 50% y cambie el modo de fusin a luz suave .
Paso 6
Reseleccione su forma de " reservorio ", enfoque en el panel Apariencia , agregue un segundo relleno
y seleccinelo. Baje su opacidad al 50% , cambie el modo de fusin a superposicin y aada el
gradiente radial mostrado en la primera imagen. Mantenga el enfoque en el panel Apariencia , agregue
un tercer relleno para su forma de " depsito " y seleccinelo. Baje su opacidad al 30% , cambie el
modo de fusin a luz suave y agregue el gradiente lineal mostrado en la segunda imagen.
Paso 7
Habilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Usando la herramienta Ellipse
(L) , cree una forma de 115 x 20px , llnela con blanco y colquela como se muestra en la primera
imagen. Contine con la herramienta Elipse (L) , cree una forma de 155 x 25px , rellnela con el
mismo color y colquela como se muestra en la segunda imagen. Vuelva a seleccionar ambas formas y
haga clic en el botn Menos frontal del panel Pathfinder . Seleccione la forma resultante, enfoque el
panel Aspecto y seleccione el relleno existente. Baje su opacidad al 75% , cambie el modo de fusin
a superposicin , reemplace el blanco por el gradiente lineal que se muestra a continuacin y vaya a
Efecto> Blur> Gaussian Blur . Introduzca un radio de 3px y haga clic en Aceptar. Mantenga el
enfoque en el panel Apariencia , agregue un segundo relleno para esta forma y seleccinelo. Utilice el
mismo gradiente lineal, baje su Opacidad al 30% y cambie el Modo de Mezcla a Luz Suave .
Paso 8
Asegrese de que la Herramienta Rectngulo (M) est activa y haga clic en el interior de la Tabla de
trabajo para abrir la ventana de opciones Rectngulo . Introduzca 135 para el Ancho y 1 para la
Altura y haga clic en Aceptar. Rellene esta nueva forma con negro y colquela como se muestra en la
primera imagen. Baje su opacidad al 50% , cambie el modo de fusin a luz suave y vaya a Efecto>
Estilizar> Sombra . Introduzca las propiedades que se muestran en la siguiente imagen y haga clic en
Aceptar. Duplicar este delgado rectngulo ( Control + C> Control + F ), seleccionar la copia y
arrastrar 5px hacia abajo.
Paso 9
Seleccione todas las formas que componen el depsito y agrupe ( Control + G ). No se olvide de ir al
panel Capas y nombre este nuevo grupo " depsito ".

9. Cree el conector del depsito

Paso 1
Utilizando la herramienta Rectngulo (M) , cree una forma de 20 x 15px , rellnela con R = 231 G =
151 B = 73 , colquela como se muestra a continuacin y vaya a Efecto> Estilizar> Esquinas
redondeadas . Ingrese un radio de 3px , haga clic en Aceptar y vaya a Effect> Warp> Arc Upper .
Introduzca las propiedades que se muestran en la imagen siguiente, haga clic en Aceptar y vaya a
Objeto> Expandir apariencia .
Paso 2
Con la herramienta Rectngulo (M) , cree una forma de 5 x 15 pxeles , rellnela con negro,
colquela como se muestra en la primera imagen y desactive la opcin Ajustar a la cuadrcula ( Ver>
Ajustar a cuadrcula ). Seleccione este nuevo rectngulo junto con la forma naranja que se hizo en el
paso anterior y haga clic en el botn Menos frontal del panel Pathfinder . Rellene la forma resultante
con el gradiente lineal que se muestra en la segunda imagen e ir a Objeto> Ruta> Ruta de
desplazamiento. Introduzca un -1px Offset y haga clic en Aceptar. Duplicar la forma resultante (
Control + C> Control + F ), seleccionar la copia y moverla 1px hacia abajo y hacia la derecha. Vuelva
a seleccionar ambas formas y haga clic en el botn Menos frontal del panel Pathfinder . Llene la
forma resultante con el gradiente lineal mostrado en el quinto paso. Vuelva a seleccionar la forma
naranja editada al principio del paso y enfoque el panel Aspecto . Agregue un segundo relleno,
seleccinelo y utilice el degradado lineal que se muestra en la imagen final.
10. Crear los tubos
Paso 1
Habilite el ajuste a la cuadrcula ( Ver> Ajustar a la cuadrcula ). Con la herramienta Rectngulo
(M) , cree una forma de 50 x 220px y colquela como se muestra en la siguiente imagen. Asegrese de
que esta nueva forma no tiene conjunto de color para el relleno, pero agregue un 5pt de peso de trazo .
Fije su color en R = 170 G = 180 B = 183 , alineelo al interior y vaya a Efecto> Estilizar> Esquinas
redondeadas . Ingrese un radio de 15px , haga clic en Aceptar y vaya a Objeto> Ruta> Contorno de
trazo .

Paso 2
Utilizando la herramienta Rectngulo (M) , cree una forma de 25 x 220px , rellnela con negro y
colquela como se muestra en la primera imagen. Seleccione este nuevo rectngulo junto con la ruta
gris y haga clic en el botn Menos Frente del panel Pathfinder . Enve la forma resultante a la parte
posterior ( Mays + Control + [ ) y luego vaya al panel Capas y pngale " leftPipe ".
Paso 3
Asegrese de que " leftPipe " todava est seleccionado, agregue un segundo relleno y arrstrelo en la
parte inferior del panel Apariencia . Seleccione, use el degradado lineal que se muestra a continuacin
y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desplazamiento de 1px y haga clic
en Aceptar.
Etapa 4
Asegrese de que su forma " leftPipe " permanece seleccionada y enfquese en el panel Apariencia .
Aada un nuevo relleno, arrstrelo en la parte inferior del panel Apariencia , defina el color en R =
109 G = 119 B = 122 y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un desfase de
1px , haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar . Introduzca
las propiedades que se muestran en la imagen siguiente, haga clic en Aceptar y vuelva al panel Aspecto
. Aada un nuevo relleno, arrstrelo en la parte superior del panel Apariencia , ajuste el color en R =
208 G = 218 B = 221 y vaya a Efecto> Ruta> Ruta de desplazamiento. Introduzca un offset de -1.5px
, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar . Una vez ms,
ingrese las propiedades mostradas en la siguiente imagen y haga clic en Aceptar.
Paso 5
Reseleccione su forma " leftPipe " y aada un quinto relleno. Arrstrelo en la parte superior del panel
Aspecto , use el gradiente lineal que se muestra a continuacin y vaya a Efecto> Ruta> Ruta de
desplazamiento. Introduzca un desfase de 1px , haga clic en Aceptar y vaya a Efecto> Distorsionar y
transformar> Transformar . Introduzca las propiedades que se muestran en la siguiente imagen y
haga clic en Aceptar.
Paso 6
Con la herramienta Rectngulo (M) , cree una forma de 5 x 130 pxeles, rellnela con un color
aleatorio y colquela como se muestra en la primera imagen. Enve este nuevo rectngulo a la parte
posterior ( Mays + Control + [ ) y luego agregue los mismos atributos de Apariencia usados para la
forma de " leftpipe ".

11. Agregar una sombra sutil y crear el fondo

Paso 1
Usando la herramienta Ellipse (L) , cree una forma de 350 x 10px , llnela con negro y colquela
como se muestra en la primera imagen. Enfoque en este crculo comprimido, cambie a la herramienta
Convertir punto de anclaje (Shift + C) y simplemente haga clic en los puntos de anclaje izquierdo y
derecho (resaltados en la primera imagen). Enve esta forma negra a la parte trasera ( Mays + Control
+ [ ), baje su Opacidad al 30% , cambie el Modo de fusin a Luz suave y vaya a Efecto>
Desenfoque> Desenfoque gaussiano . Introduzca un radio de 15px y haga clic en Aceptar.
Paso 2
Utilizando la Herramienta Rectngulo (M) , cree una forma del tamao de su Tabla ( 600 x 760px ),
rellnela con R = 200 G = 188 B = 140 y envela al dorso ( Mays + Control + [ ).
Paso 3
Asegrese de que su rectngulo de fondo todava est seleccionado, enfoque en el panel Apariencia ,
agregue un segundo relleno y utilice el gradiente radial mostrado en la siguiente imagen.
12. Agregue los toques finales para el Carafe
Paso 1
Con la herramienta Rectngulo (M) , cree una forma de 30 x 90px , rellnela con blanco y colquela
como se muestra en la primera imagen. Asegrese de que este nuevo rectngulo permanezca
seleccionado, cambie su modo de fusin a superposicin y vaya a Efecto> Estilizar> Esquinas
redondeadas . Ingrese un radio de 15px , haga clic en Aceptar y vaya a Efecto> Blur> Gaussian Blur
. Introduzca un radio de 15px y haga clic en Aceptar.

Paso 2
Usando la herramienta Ellipse (L) , cree un crculo de 30px , llnelo con blanco y colquelo como se
muestra en la primera imagen. Asegrese de que esta nueva forma permanezca seleccionada, cambie su
modo de fusin a Superposicin y vaya a Efecto> Desenfoque> Desenfoque gaussiano . Introduzca
un radio de 15px y haga clic en Aceptar.
Paso 3
Usando la herramienta Ellipse (L) , cree una forma de 90 x 180px , llnela con negro y colquela
como se muestra en la primera imagen. Asegrese de que esta nueva forma permanezca seleccionada,
reduzca su Opacidad al 50% y cambie su Modo de fusin a Superposicin y vaya a Efecto>
Desenfoque> Desenfoque gaussiano . Introduzca un radio de 15px y haga clic en Aceptar.
Reseleccione esta forma negra junto con el rectngulo blanco y el crculo blanco y agrupe ( Control +
G ). Mueva al panel Capas y nombre este nuevo grupo " extra ".
Etapa 4
Abra el panel Transparencia ( Ventana> Transparencia ). Mueva al panel Capas , encuentre esa
forma " carafeBackside " y duplique ( Control + C> Control + F ). Seleccione esta copia, trigala al
frente ( Mays + Control +] ) y enfoque en el panel Aspecto . Retire el relleno superior y luego
seleccione el relleno restante y reemplace el gradiente lineal existente por un blanco plano. Seleccione
esta forma blanca junto con su grupo " extra ", abra el men fly-out del panel Transparency y vaya
simplemente a Make Opacity Mask . Finalmente, enfcate en el panel Capas y arrastra este grupo
enmascarado dentro de tu grupo " carafeFrontside " (intenta colocarlo en la parte superior).
Felicitaciones! Ests hecho!
Aqu est cmo debe mirar. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas
tcnicas en tus futuros proyectos.

Anuncio
Andrei Marius
Soy un artista autodidacta tratando de ganarse la vida haciendo algo que me gusta. Paso la mayor parte
de mi tiempo trabajando en Adobe Illustrator, evitando la Pen Tool y luchando por encontrar los colores
perfectos. Usted puede encontrar todos mis experimentos de vectores en este pequeo sitio web:
VforVectors.com.
Alimentar
Me gusta
Seguir
Seguir

Resumen de correo electrnico semanal

Suscrbase a continuacin y le enviaremos un resumen semanal por correo electrnico de todos los
nuevos tutoriales de diseo e ilustracin. Nunca se pierda el aprendizaje sobre la prxima gran cosa.

Anuncio
Traducciones
Envato Tuts + tutoriales son traducidos a otros idiomas por los miembros de nuestra comunidad-t
tambin puedes participar!
Traducir este mensaje

Energizado por
Object 1
Anuncio