Cómo crear un conjunto de iconos de café y té en Adobe Illustrator

Spanish (Español) translation by Rosario (you can also view the original English article)

Cómo crear un conjunto de iconos de café y té en Adobe IllustratorEn los siguientes pasos aprenderás a crear un conjunto de iconos de tazas en Adobe Illustrator. Para empezar, aprenderás a configurar una cuadrícula y a crear un conjunto de Estilos gráficos sencillos. A continuación, utilizando la herramienta Rectángulo, la herramienta Elipse y la herramienta Selección directa, junto con algunos efectos de Deformación y Redondear vértices, aprenderás a crear las formas iniciales. Por último, utilizando los efectos Sombra paralela y Resplandor interior, junto con algunas técnicas básicas de fusión, aprenderás a añadir iluminaciones y sombreados.

1. Crea un nuevo documento y configura una cuadrícula

Paso 1

Pulsa Comando + N para crear un nuevo documento. Introduce 600 en la casilla de anchura y 460 en la de altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles no esté marcada antes de hacer clic en Aceptar.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 1px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

2. Crea dos estilos gráficos

Paso 1

Paso 1Enfócate en tu Barra de herramientas, establece el color de relleno en negro, luego selecciona el trazo y simplemente elimina el color. Elige la herramienta Rectángulo (M), crea un cuadrado de 3px y baja la Opacidad al 30%. Asegúrate de que esta nueva forma permanece seleccionada, abre el panel de Estilos gráficos (Ventana > Estilos gráficos) y simplemente haz clic en el botón Nuevo estilo gráfico (señalado por la pequeña flecha azul en la siguiente imagen). Enfócate en el panel de Estilos gráficos, haz doble clic en este nuevo estilo gráfico y nómbralo "negro". Al nombrarlo te será más fácil encontrarlo después. Vuelve a tu mesa de trabajo, selecciona ese cuadrado negro y reemplaza el negro con R=237 G=28 B=38. Ve al panel de Estilos gráficos, añade un nuevo estilo gráfico y nómbralo "rojo". Una vez que tengas los dos estilos gráficos puedes eliminar ese cuadradito.

3. Crea las formas básicas de la taza de café con leche

Paso 1

Con la herramienta Elipse (M), crea una forma de 25 por 8px y añade el estilo gráfico "negro". Elige la herramienta Rectángulo (M), crea una forma de 25 por 46px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "rojo". Enfócate en la parte superior de este rectángulo y toma la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 7px hacia la izquierda, luego selecciona el punto de anclaje derecho y arrástralo 7px hacia la derecha. Al final tu rectángulo debería convertirse en un trapezoide.

Paso 2

Selecciona el trapezoide y ve a Efecto > Deformar > Abombar. Introduce las propiedades que se muestran en la siguiente imagen, haz click en OK y ve a Efecto > Deformar > Concha hacia arriba. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel Capas (Ventana > Capas), asegúrate de que el grupo resultante está seleccionado y Desagrúpalo (Mayúsculas + Control + G). Selecciona esa forma roja y baja su Opacidad al 30% (o añade el estilo gráfico "rojo").

Paso 3

Selecciona las dos formas hechas hasta ahora, abre el panel Buscatrazos (Ventana > Buscatrazos) y pulsa el botón Unir. Ve al panel Capas, haz doble clic en la forma existente y nómbrala "cuerpo".

Paso 4

Elige la herramienta Elipse (L), crea una forma de 39 por 10px, colócala como se muestra en la primera imagen, añade el estilo gráfico "negro" y luego duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma "cuerpo" y haz clic en el botón Menos frente del panel Buscatrazos. Ve al panel Capas, haz doble clic en la forma restante, de 39 por 10px, y nómbrala "interior".

Paso 5

Selecciona "cuerpo", sube su Opacidad al 100% y sustituye el rojo por el degradado lineal que se muestra en la primera imagen. Asegúrate de que la forma "cuerpo" permanece seleccionada, enfócate en el panel Apariencia (Ventana > Apariencia) y añade un segundo relleno usando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul en la siguiente imagen). Selecciona este nuevo relleno, cambia su Modo de fusión a Subexposición de color y añade el degradado lineal que se muestra en la siguiente imagen. Asegúrate de que tu forma "cuerpo" sigue seleccionada, enfócate en el panel de Estilos gráficos y añade un nuevo estilo gráfico. Nómbralo "cuerpo".

Los números blancos de la imagen del Degradado representan el porcentaje de Ubicación mientras que el cero amarillo representa el porcentaje de **Opacidad**.

Paso 6

Selecciona "interior", aumenta su Opacidad al 100% y sustituye el color plano utilizado para el relleno por el degradado lineal que se muestra en la siguiente imagen.

Paso 7

Asegúrate de que la forma "interior" permanece seleccionada, enfócate en el panel Apariencia y añade un segundo relleno. Selecciónalo, añade el degradado lineal que se muestra en la siguiente imagen y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -1,5px y haz clic en Aceptar. Vuelve al panel Apariencia, añade un tercer relleno para esta forma y arrástralo entre los rellenos existentes. Selecciona este nuevo relleno, establece su color en blanco, cambia el Modo de fusión a Superponer y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1,5px, 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. Con la forma "interior" aún seleccionada, enfócate en el panel de Estilos gráficos, añade un nuevo estilo gráfico y nómbralo "interior".

4. Añade los reflejos y crea el asa de la taza de café con leche

Paso 1

Elige la herramienta Elipse (L), crea una forma de 25 por 8px, colócala como se muestra en la primera imagen y haz una copia delante (Control + C > Control + F). Selecciona la copia y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=218 G=218 B=215 y cambia su Modo de fusión a Subexposición de color. Asegúrate de que la herramienta Elipse (L) sigue activa, crea una forma de 25 por 9px, colócala como se muestra en la cuarta imagen y añade el estilo gráfico "rojo". Envía esta nueva forma al fondo (Mayúsculas + Control + [ ), eleva su Opacidad al 100% y reemplaza el rojo usado para el relleno con R=218 G=218 B=215.

Paso 2

Elige la herramienta Rectángulo (M), crea una forma de 15 por 40px y colócala como se muestra en la primera imagen. Establece su color de relleno en ninguno, pero añade un trazo de 3 puntos, alinéalo al interior y elige un rojo aleatorio para el color. Asegúrate de que este nuevo rectángulo sigue seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px y haz clic en OK. Enfócate en esta nueva forma y toma la herramienta Selección directa (A). Selecciona el punto de anclaje superior derecho y arrástralo 13px hacia abajo y 28px hacia la derecha, luego selecciona el punto de anclaje superior izquierdo y arrástralo 31px hacia la derecha. Mueve el punto de anclaje inferior izquierdo, selecciónalo y arrástralo 18px hacia arriba y hacia la derecha. Finalmente, con esta forma aún seleccionada, ve a Objeto > Trazado > Contornear trazado.

Paso 3

Selecciona "cuerpo" junto con el Trazado compuesto rojo y duplícalos (Control + C > Control + F). Selecciona ambas copias y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con R=242 G=101 B=34.

Paso 4

Selecciona la forma naranja y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px y haz clic en Aceptar. Enfócate en la forma resultante y elimina la forma naranja original. Para este paso necesitarás la Secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator, selecciona la forma naranja restante y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 10px y haz clic en Aceptar. Vuelve a seleccionar el trazado compuesto rojo junto con la forma naranja y haz clic en el botón Unir del panel Buscatrazos.

Paso 5

Selecciona "cuerpo", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayús + Control + ] ). Selecciona esta copia junto con el trazado compuesto naranja y haz clic en el botón Menos frente del panel Buscatrazos. Muévete al panel Capas, haz doble clic en la forma naranja restante y nómbrala "asa".

Paso 6

Selecciona "asa" y reemplaza el naranja con el degradado lineal que se muestra en la primera imagen. Asegúrate de que esta forma permanece seleccionada, enfócate en el panel Apariencia y añade un segundo relleno. Selecciónalo, utiliza el degradado lineal mostrado en la segunda imagen, cambia su Modo de fusión a Superponer y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1.25px y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 7

Asegúrate de que el "asa" sigue seleccionada, enfócate en el panel Apariencia y añade un tercer relleno. Selecciónalo, añade el degradado lineal mostrado en la primera imagen, baja su Opacidad al 30% y cambia el Modo de fusión a Subexposición de color. Sigue enfócandote en el panel Apariencia y añade un nuevo relleno para tu forma de "asa". Selecciónalo, arrástralo a la parte inferior del panel Apariencia, añade el degradado lineal que se muestra en la segunda imagen y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Muévete al panel de Estilos gráficos, asegúrate de que tu forma de "asa" sigue seleccionada, guarda un nuevo estilo gráfico y nómbralo "asa".

5. Añade sombreado a la taza de café con leche

Paso 1

Selecciona todas las formas hechas hasta ahora y agrúpalas (Control + G). Selecciona este nuevo grupo y duplícalo (Control + C > Control + F).

Paso 2

Selecciona la copia del grupo hecha en el paso anterior, ve a Objeto > Expandir apariencia y luego haz clic en el botón Unir del panel Buscatrazos (hazlo más de una vez si notas algunos huecos en la forma resultante). Selecciona la forma resultante y pulsa la tecla "D" de tu teclado para reemplazar los atributos de Apariencia existentes por los predeterminados (relleno blanco y trazo negro de 1 punto). Enfócate en el panel Apariencia y simplemente elimina el trazo negro.

Paso 3

Asegúrate de que tu forma blanca sigue seleccionada, haz una copia delante (Control + C > Control + F) y envíala hacia atrás (Mayúsculas + Control + [ ). Ve al panel Capas, selecciona esta copia y enfócate en el panel Apariencia. Primero, añade un trazo de 1 punto, establece el color en negro, alinéalo hacia afuera y baja su Opacidad al 3%. A continuación, selecciona el relleno y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana del medio, haz clic en Aceptar y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la derecha y haz clic en Aceptar. Asegúrate de que esta forma permanece seleccionada, enfócate en el panel de Estilos gráficos, guarda un nuevo estilo gráfico y nómbralo "sombra".

Paso 4

Selecciona la forma superior, de color blanco, y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel Capas y abre el grupo resultante. Conserva la forma enmascarada y elimina la otra. Desagrupa (Mayúsculas + Control + G) la forma enmascarada y cambia su Modo de fusión a Superponer. Finalmente, selecciona todas las formas hechas hasta ahora y agrúpalas (Control + G). Ve al panel Capas y bloquea este nuevo grupo para asegurarte de que no lo vas a seleccionar/mover accidentalmente. Este será el icono de tu taza de café con leche.

6. Crea las formas principales de la taza de café espresso

Paso 1

Usando la herramienta Elipse (M), crea una forma de 20 por 6px y añade el estilo gráfico "negro". Elige la herramienta Rectángulo (M), crea una forma de 20 por 30px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "rojo". Enfócate en la parte superior de este nuevo rectángulo y toma la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 12px hacia la izquierda, luego selecciona el punto de anclaje derecho y arrástralo 14px hacia la derecha.

Paso 2

Selecciona el trapezoide y ve a Efecto > Deformar > Abombar. Introduce las propiedades que se muestran en la siguiente imagen, 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. Ve al panel Capas, asegúrate de que el grupo resultante está seleccionado y Desagrúpalo (Mayúsculas + Control + G). Selecciona esa forma roja y baja su Opacidad al 30% (o añade el estilo gráfico "rojo").

Paso 3

Selecciona ambas formas y haz clic en el botón Unir del panel Buscatrazos.

Paso 4

Selecciona la herramienta Elipse (L), crea una forma de 46 por 10px, colócala como se muestra en la primera imagen, añade el estilo gráfico "negro" y duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos. Ve al panel Capas, haz doble clic en la forma resultante y nómbrala "cuerpo", luego haz doble clic en la forma restante, de 46 por 10px, y nómbrala "interior".

Paso 5

Vuelve a seleccionar la forma "cuerpo", enfócate en el panel de Estilos gráficos y añade el estilo gráfico "cuerpo". Asegúrate de que la forma "cuerpo" permanece seleccionada, pasa al panel Apariencia, selecciona los rellenos uno por uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen.

Paso 6

Asegúrate de que el "cuerpo" sigue seleccionado, enfócate en el panel Apariencia y añade un tercer relleno. Selecciónalo, añade el degradado radial que se muestra en la siguiente imagen, baja su Opacidad al 15% y cambia el Modo de fusión a Multiplicar.

Paso 7

Vuelve a seleccionar esa forma "interior", enfócate en el panel de Estilos gráficos y añade simplemente el estilo gráfico "interior". Asegúrate de que tu forma "interior" permanece seleccionada, muévete al panel Apariencia, selecciona los rellenos uno a uno y edita esos colores como se muestra en la siguiente imagen.

7. Crea las formas principales de la taza de café expreso

Paso 1

Elige la herramienta Elipse (L), crea un círculo de 16px, colócalo como se muestra en la primera imagen y añade el estilo gráfico "negro". Continúa con la herramienta Elipse (L), crea un círculo de 8px, colócalo como se muestra en la segunda imagen y añade el mismo estilo gráfico "negro". Selecciona las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. La forma resultante debe ser como en la cuarta imagen.

Paso 2

Selecciona "cuerpo", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayúsculas + Control + ] ). Selecciona esta copia junto con la forma hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Pasa al panel Capas y nombra la forma resultante como "asa".

Paso 3

Vuelve a seleccionar esa forma de "asa", enfócate en el panel de Estilos gráficos y simplemente añade el estilo gráfico "asa". Asegúrate de que tu forma de "asa" permanece seleccionada, muévete al panel Apariencia, selecciona los rellenos uno por uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen. Además, abre el efecto de Desplazamiento aplicado para el tercer relleno y establece el Desplazamiento en -1.75px.

Paso 4

Elige la herramienta Elipse (L), crea una forma de 20 por 6px, colócala como se muestra en la primera imagen y haz una copia delante (Control + C > Control + F). Selecciona la copia y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=186 G=182 B=176 y cambia el Modo de fusión a Subexposición de color. Asegúrate de que la herramienta Elipse (L) sigue activa, crea una forma de 20 por 8px, colócala como se muestra en la cuarta imagen y añade el estilo gráfico "rojo". Envía esta nueva forma al fondo (Mayús + Control + [ ), eleva su Opacidad al 100% y reemplaza el rojo usado para el relleno con R=217 G=215 B=211.

8.Añade sombreado a la taza de café expreso

Paso 1

Selecciona todas las formas que componen esta nueva taza y agrúpalas (Control + G). Duplica este nuevo grupo (Control + C > Control + F), selecciona la copia, ve a Objeto > Expandir apariencia y luego haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con blanco.

Paso 2

Paso 3

Selecciona la forma blanca superior y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Desagrupa (Mayúsculas + Control + G) el grupo de formas resultante. Selecciona la forma enmascarada y cambia su Modo de fusión a Superponer y luego elimina la forma blanca restante. Finalmente, selecciona todas las formas que componen esta nueva taza y agrúpalas (Control + G). Ve al panel Capas y bloquea este nuevo grupo. Este será el icono de tu taza de espresso.

9. Crea las formas principales de la taza de Cappuccino

Paso 1

Con la herramienta Elipse (M), crea una forma de 25 por 6px y añade el estilo gráfico "negro". Elige la herramienta Rectángulo (M), crea una forma de 25 por 26px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "rojo". Enfócate en la parte superior de este nuevo rectángulo y toma la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 11px hacia la izquierda, luego selecciona el punto de anclaje derecho y arrástralo 12px hacia la derecha. Asegúrate de que el trapecio está seleccionado y ve a Efecto > Deformar > Abombar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar 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. Ve al panel de Capas, asegúrate de que el grupo resultante está seleccionado y Desagrúpalo (Mayúsculas + Control + G). Selecciona esa forma roja y baja su Opacidad al 30% (o añade el estilo gráfico "rojo").

Paso 2

Selecciona ambas formas y haz clic en el botón Unir del panel Buscatrazos.

Paso 3

Escoge la herramienta Elipse (L), crea una forma de 48 por 10px, colócala como se muestra en la primera imagen, añade el estilo gráfico "negro" y duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos. Ve al panel Capas, haz doble clic en la forma resultante y nómbrala "cuerpo", luego haz doble clic en la forma restante, de 48 por 10px, y nómbrala "interior".

Paso 4

Vuelve a seleccionar la forma "cuerpo", enfócate en el panel de Estilos gráficos y añade el estilo gráfico "cuerpo". Asegúrate de que la forma "cuerpo" permanece seleccionada y pasa al panel Apariencia. Selecciona los rellenos uno por uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen.

Paso 5

Asegúrate de que la forma "cuerpo" sigue seleccionada, enfócate en el panel Apariencia y añade un tercer relleno. Selecciónalo, añade el degradado radial que se muestra en la siguiente imagen, baja su Opacidad al 15% y cambia el Modo de fusión a Multiplicar.

Paso 6

10. Añade iluminaciones y crea el asa de la taza de capuchino

Paso 1

Elige la herramienta Rectángulo (M), crea una forma de 9 por 23px y colócala como se muestra en la primera imagen. Establece su color de relleno en Ninguno, pero añade un trazo de 2 puntos, alinéalo al interior y elige un rojo al azar para el color. Enfócate en esta nueva forma y toma la herramienta Selección directa (A). Selecciona el punto de anclaje inferior izquierdo y arrástralo 6px hacia arriba y 13px hacia la izquierda, luego selecciona el punto de anclaje inferior derecho y arrástralo 27px hacia la izquierda. Muévete al punto de anclaje superior derecho, selecciónalo y arrástralo 11px hacia abajo. Al final tu forma debe ser como en la cuarta imagen.

Paso 2

Vuelve a seleccionar la forma hecha en el paso anterior y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz clic en OK 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 > Trazado > Contornear trazado.

Paso 3

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y activa las Guías inteligentes (Ver > Guías inteligentes o Control + U). Elige la herramienta Pluma (P) y crea tres trazados simples como se muestra en la primera imagen. Selecciona estas nuevas formas junto con el trazado compuesto rojo y haz clic en el botón Unir del panel Buscatrazos.

Paso 4

Selecciona "cuerpo", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayús + Control + ] ). Selecciona esta copia junto con el trazado compuesto rojo y haz clic en el botón Menos frente del panel Buscatrazos. Pasa al panel Capas y nombra la forma resultante como "asa".

Paso 5

Vuelve a seleccionar esa forma de "asa", enfócate en el panel de Estilos gráficos y simplemente añade el estilo gráfico "asa". Asegúrate de que tu forma "asa" permanece seleccionada, ve al panel Apariencia, selecciona los rellenos uno a uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen. Además, abre el efecto de Desplazamiento aplicado para el tercer relleno y establece el Desplazamiento en -0.75px.

Paso 6

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y desactiva las Guías inteligentes (Ver > Guías inteligentes o Control + U) Elige la herramienta Elipse (L), crea una forma de 25 por 6px, colócala como se muestra en la primera imagen y haz una copia delante (Control + C > Control + F). Selecciona la copia y muévela 1px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=212 G=205 B=194 y cambia su Modo de fusión a Subexposición de color. Asegúrate de que la herramienta Elipse (L) sigue activa, crea una forma de 25 por 8px, colócala como se muestra en la cuarta imagen y añade el estilo gráfico "rojo". Envía esta nueva forma al fondo (Mayúsculas + Control + [ ), eleva su Opacidad al 100% y reemplaza ese rojo usado para el relleno con R=212 G=199 B=178.

11. Añade sombreado a la taza de capuchino

Paso 1

Paso 2

Paso 3

12. Crea las formas principales de la taza de té

Paso 1

Con la herramienta Elipse (M), crea una forma de 38 por 12px y añade el estilo gráfico "negro". Elige la herramienta Rectángulo (M), crea una forma de 38 por 41px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "rojo". Selecciona las dos formas hechas en este paso y haz clic en el botón Unir del panel Buscatrazos.

Paso 2

Elige la herramienta Elipse (L), crea una forma de 38 por 10px, colócala como se muestra en la primera imagen, añade el estilo gráfico "negro" y duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Desplázate al panel Capas, enfócate en la forma resultante y nómbrala "cuerpo", luego desplázate a la forma restante de 38 por 10px y nómbrala "interior".

Paso 3

Vuelve a seleccionar la forma "cuerpo", enfócate en el panel de Estilos gráficos y añade el estilo gráfico "cuerpo". Asegúrate de que la forma "cuerpo" permanece seleccionada y pasa al panel Apariencia. Selecciona los rellenos uno por uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen.

Paso 4

Vuelve a seleccionar la forma "interior", enfócate en el panel de Estilos gráficos y añade el estilo gráfico "interior". Asegúrate de que tu forma "interior" permanece seleccionada, muévete al panel Apariencia, selecciona los rellenos uno a uno y edita esos colores como se muestra en la siguiente imagen.

13. Añade las iluminaciones y crea el asa de la taza de té

Paso 1

Selecciona "cuerpo" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=205 G=229 B=208 y cambia su Modo de fusión a Subexposición de color.

Paso 2

Escoge la herramienta Elipse (L), crea una forma de 18 por 30px, colócala como se muestra en la primera imagen y añade el estilo gráfico "rojo". Continúa con la herramienta Elipse (L), crea una forma de 12 por 24px, colócala como se muestra en la segunda imagen y añade el mismo estilo gráfico "rojo". Selecciona las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Paso 3

Toma la herramienta Rectángulo (M), crea dos formas de 2 por 5px y colócalas como se muestra en la primera imagen. Añade el estilo gráfico "rojo" para ambas formas y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px, haz clic en OK y ve a Objeto > Expandir apariencia. Selecciona las formas resultantes junto con la forma hecha en el paso anterior y haz clic en el botón Unir del panel Buscatrazos. Selecciona "cuerpo", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayúsculas + Control + ] ). Selecciona esta copia junto con la forma hecha en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Pasa al panel Capas y nombra la forma resultante como "asa".

Paso 4

Vuelve a seleccionar esa forma de "asa", enfócate en el panel de Estilos gráficos y añade simplemente el estilo gráfico "asa". Asegúrate de que tu forma de "asa" permanece seleccionada y pasa al panel Apariencia. Selecciona los rellenos uno a uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen.

14. Añade la bolsa de té

Paso 1

Elige la herramienta Rectángulo (M), crea una forma de 1 por 21px, rellénala con R=174 G=161 B=135 y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma permanece seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 0,5px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 2

Elige la herramienta Rectángulo (M), crea un cuadrado de 1px, rellénalo con R=154 G=141 B=115 y colócalo como se muestra en la primera imagen. Haz una copia de esta pequeña forma (Control + C > Control + F) y colócala como se muestra en la segunda imagen. Asegúrate de que la herramienta Rectángulo (M) sigue activa, crea un nuevo cuadrado de 1px, rellénalo con R=194 G=181 B=155 y colócalo como se muestra en la tercera imagen.

Paso 3

Elige la herramienta Rectángulo (M), crea un cuadrado de 9px, rellénalo con el degradado lineal que se muestra a continuación y colócalo como se muestra en la siguiente imagen. Asegúrate de que esta nueva forma permanece seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px, haz clic en OK y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y enfócate en el panel Apariencia. Añade un trazo de 1pt, alinéalo al interior y establece el color en R=169 G=124 B=80. Toma la herramienta Elipse (L), crea un círculo de 1px, rellénalo con R=169 G=124 B=80 y colócalo como se muestra en la segunda imagen.

15. Añadie sombreado a la taza de té

Paso 1

Paso 2

Paso 3

Selecciona la forma blanca superior y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Desagrupa (Mayúsculas + Control + G) el grupo de formas resultante. Selecciona la forma enmascarada y cambia su Modo de fusión a Superponer y luego elimina la forma blanca restante. Finalmente, selecciona todas las formas que componen esta taza y agrúpalas (Control + G). Ve al panel Capas y bloquea este nuevo grupo. Este será el icono de tu taza de té.

16. Crea las formas principales de la taza de té

Paso 1

Con la herramienta Elipse (M), crea una forma de 34 por 20px y añade el estilo gráfico "negro", luego crea una forma de 48 por 10px, colócala como se muestra en la segunda imagen y añade ese mismo estilo gráfico "negro". Selecciona ambas formas y pulsa Alt + Control + B (o ve a Objeto > Fusión > Crear) y luego ve a Objeto > Fusión > Opciones de fusión. Selecciona Pasos especificados en ese menú desplegable, introduce "100" en ese cuadro blanco y haz clic en Aceptar. Asegúrate de que tu fusión sigue seleccionada y ve a Objeto > Expandir. Selecciona el grupo de formas resultante y haz clic en el botón Unir del panel Buscatrazos.

Paso 2

Selecciona la forma hecha en el paso anterior y ve a Efecto > Deformar > Apretar. Introduce las propiedades que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Desagrupa el grupo resultante (Mayúsculas + Control + G) y luego selecciona esa forma negra y baja su Opacidad al 30% (o añade el estilo gráfico "negro").

Paso 3

Elige la herramienta Elipse (L), crea una forma de 46 por 10px, colócala como se muestra en la primera imagen, añade el estilo gráfico "rojo" y duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma negra y haz clic en el botón Menos frente del panel Buscatrazos. Desagrupa el grupo de formas resultante (Mayúsculas + Control + G). Elimina la forma negra superior (señalada por la flecha en la siguiente imagen) y pasa al panel Capas. Haz doble clic en la forma restante de 46 por 10px y nómbrala "interior", luego haz doble clic en la forma negra restante y nómbrala "cuerpo".

Paso 4

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Selecciona "cuerpo" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y aumenta su Opacidad al 100%. Asegúrate de que este degradado dorado sigue activo, enfócate en el panel Muestras (Ventana > Muestras) y simplemente haz clic en el botón Nueva muestra (señalado por la pequeña flecha azul en la siguiente imagen) para guardarlo.

Paso 5

Vuelve a seleccionar la forma del "cuerpo", enfócate en el panel de Estilos gráficos y añade el estilo gráfico "cuerpo".

Paso 6

Vuelve a seleccionar la forma "interior", enfócate en el panel de Estilos gráficos y simplemente añade el estilo gráfico "interior".

Paso 7

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Elige la herramienta Elipse (L), crea una forma de 21 por 9px y colócala como se muestra en la primera imagen. Envía esta nueva forma al fondo (Mayúsculas + Control + [ ) añade el estilo gráfico "cuerpo" y luego enfócate en el panel Apariencia y simplemente elimina el relleno superior.

Paso 8

Selecciona la forma hecha en el paso anterior y haz una copia delante (Control + C > Control + F) luego selecciona "cuerpo" 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 botón Intersectar del panel Buscatrazos. Rellena la forma resultante con ese degradado lineal dorado.

17. Crea el mango de la taza de té

Paso 1

Elige la herramienta Elipse (L), crea un círculo de 11px y colócalo como se muestra en la primera imagen. Rellénalo con ninguno, pero añade un trazo de 2 puntos y establece su color en R=237 G=28 B=36. Asegúrate de que esta nueva forma está seleccionada y ve a Objeto > Trazado > Añadir punto de ancla. Cambia a la herramienta Selección directa (A), selecciona los dos puntos de anclaje resaltados en la primera imagen y simplemente pulsa el botón Eliminar de tu teclado. Selecciona el Trazado resultante, abre el panel Trazo (Ventana > Trazo) y marca el botón Remate redondeado.

Paso 2

Elige la herramienta Elipse (L), crea un nuevo círculo de 11px y colócalo como se muestra en la primera imagen. Rellénalo con Ninguno, pero añade ese mismo trazo de 2 puntos, rojo (R=237 G=28 B=36) y ve a Objeto > Trazado > Añadir punto de ancla. Cambia a la herramienta Selección directa (A), selecciona los cinco puntos de anclaje resaltados en la primera imagen y elimínalos. Selecciona el Trazado resultante y marca el botón Remate redondeado del panel Trazo.

Paso 3

Elige la herramienta Elipse (L), crea un círculo de 15px y colócalo como se muestra en la primera imagen. Rellénalo con Ninguno, añade ese trazo rojo de 2 puntos (R=237 G=28 B=36) y ve a Objeto > Trazado > Añadir punto de ancla. Cambia a la herramienta Selección directa (A) y elimina los cinco puntos de anclaje resaltados en la primera imagen. Selecciona el Trazado resultante y marca el botón Remate redondeado del panel Trazo.

Paso 4

Asegúrate de que la herramienta Selección directa (A) sigue activa, selecciona los dos puntos de anclaje resaltados en la primera imagen y pulsa Control + J (o ve a Objeto > Trazado > Unir). Continúa con la herramienta Selección directa (A), selecciona los dos puntos de anclaje resaltados en la tercera imagen y ve de nuevo a Objeto > Trazado > Unir (o pulsa Control + J).

Paso 5

Asegúrate de que el trazado rojo sigue seleccionado, ve a Objeto > Trazado > Contornear trazado y envía la forma resultante al fondo (Mayúsculas + Control + [ ). Muévete al panel de Capas y dale el nombre de "asa".

Paso 6

Vuelve a seleccionar esa forma de "asa", enfócate en el panel de Estilos gráficos y simplemente añade el estilo gráfico "asa". Asegúrate de que tu forma de "asa" permanece seleccionada y pasa al panel Apariencia. Selecciona los rellenos uno por uno y edita los colores utilizados para los degradados como se muestra en la siguiente imagen. Además, abre el efecto Desplazamiento aplicado para el tercer relleno y establece el Desplazamiento en -0,75px, luego abre el efecto Transformar aplicado para el mismo relleno e introduce las propiedades que se muestran en la siguiente imagen.

18. Añade sombreado a la taza de té

Paso 1

Paso 2

Paso 3

19. Crea las formas principales de la taza de café

Paso 1

Con la herramienta Elipse (M), crea una forma de 20 por 4px y añade el estilo gráfico "rojo". Elige la herramienta Rectángulo (M), crea una forma de 20 por 8px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "rojo". Enfócate en la parte superior de este nuevo rectángulo y toma la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 1px hacia la izquierda, luego selecciona el punto de anclaje derecho y arrástralo 1px hacia la derecha. Selecciona ambas formas hechas en este paso y haz clic en el botón Unir del panel Buscatrazos.

Paso 2

Usando la herramienta Elipse (M), crea una forma de 22 por 4px, colócala como se muestra en la primera imagen y añade el estilo gráfico "negro". Escoge la herramienta Rectángulo (M), crea una forma de 22 por 41px, colócala como se muestra en la segunda imagen y añade el estilo gráfico "negro". Enfócate en la parte superior de este nuevo rectángulo y toma la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 4px hacia la izquierda, luego selecciona el punto de anclaje derecho y arrástralo 4px hacia la derecha. Selecciona ambas formas hechas en este paso y haz clic en el botón Unir del panel Buscatrazos.

Paso 3

Usando la herramienta Elipse (M), crea una forma de 32 por 6px y colócala como se muestra en la primera imagen. Selecciónala junto con la forma negra y haz clic en el botón Menos frente del panel Buscatrazos. Pasa al panel Capas y nombra la forma resultante como "cuerpo". Selecciónala y haz una copia delante (Control + C > Control + F). Selecciona esta copia junto con la forma roja y haz clic en el botón Menos frente del panel Buscatrazos. Vuelve al panel Capas y nombra la forma resultante "Soporte de cuerpo".

Paso 4

Selecciona "Soporte de cuerpo", incrementa la Opacidad al 100% y reemplaza el color plano usado para el relleno con el degradado lineal mostrado en la primera imagen. Selecciona "cuerpo", aumenta la Opacidad al 100% y reemplaza el color plano utilizado para el relleno con el degradado lineal que se muestra en la segunda imagen.

Paso 5

5Selecciona "Soporte de cuerpo" y haz una copia delante (Control + C > Control + F) luego selecciona "cuerpo" 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 botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro y baja su Opacidad al 5%.

Paso 6

Selecciona "cuerpo" y haz una copia delante (Control + C > Control + F) luego selecciona "Soporte de cuerpo" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px y haz clic en Aceptar. Selecciona las dos formas hechas en este paso y haz clic en el botón Intersectar del panel Buscatrazos. Trae la forma resultante al frente (Mayús + Control + ] ), rellénala con negro, cambia el Modo de fusión a Luz suave y baja su Opacidad al 30%.

Paso 7

Selecciona "cuerpo" y haz una copia delante (Control + C > Control + F). Elige la herramienta Elipse (L), crea una forma de 32 por 6px, colócala como se muestra en la segunda imagen, añade el estilo gráfico "negro" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 1px y haz clic en Aceptar. Selecciona la forma resultante junto con la copia del "cuerpo" y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, cambia el Modo de fusión a Luz suave y aumenta su Opacidad al 50%.

20. Crea la tapa de la taza de café

Paso 1

Selecciona la herramienta Rectángulo (M), crea una forma de 32 por 2px, colócala como se muestra en la primera imagen y añade el estilo gráfico "negro". Selecciona ambas formas negras y haz clic en el botón Unir del panel Buscatrazos.

Paso 2

Selecciona la herramienta Elipse (L), crea una forma de 32 por 6px, colócala como se muestra en la primera imagen, añade el estilo gráfico "rojo" y duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma negra hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante, eleva su Opacidad al 100% y reemplaza el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen.

Paso 3

Selecciona la forma roja restante, eleva su Opacidad al 100% y reemplaza el color plano usado para el relleno con el degradado radial mostrado en la siguiente imagen.

Paso 4

Vuelve a seleccionar el círculo comprimido editado en el paso anterior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 50% y cambia el Modo de fusión a Luz suave.

Paso 5

Escoge la herramienta Elipse (L), crea una forma de 28 por 4px, colócala como se muestra en la primera imagen y añade el estilo gráfico "negro". Cambia a la herramienta Rectángulo (M), crea una forma de 28 por 2px, colócala como se muestra en la segunda imagen y añade el mismo estilo gráfico "negro". Selecciona ambas formas hechas en este paso y haz clic en el botón Unir del panel Buscatrazos.

Paso 6

Elige la herramienta Elipse (L), crea una forma de 28 por 4px, colócala como se muestra en la primera imagen, añade ese estilo gráfico "rojo" y luego duplícala (Control + C > Control + F). Selecciona esta copia junto con la forma negra hecha en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante, eleva su Opacidad al 100% y luego reemplaza el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen.

Paso 7

Selecciona la forma roja restante, eleva su Opacidad al 100% y reemplaza el color plano usado para el relleno con el degradado radial mostrado en la siguiente imagen.

Paso 8

Paso 9

Selecciona la herramienta Elipse (L), crea una forma de 4 por 2px, rellénala con R=226 G=226 B=223 y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

21. Añade sombreado a la taza de café

Paso 1

Selecciona todas las formas que componen esta nueva taza y agrúpalas (Control + G). Duplica este nuevo grupo (Control + C > Control + F), selecciona la copia y luego haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con blanco.

Paso 2

Paso 3

Selecciona la forma blanca superior y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Desagrupa (Mayúsculas + Control + G) el grupo de formas resultante. Selecciona la forma enmascarada y cambia su Modo de fusión a Superponer y luego elimina la forma blanca restante. Finalmente, selecciona todas las formas que componen esta nueva taza y agrúpalas (Control + G). Ve al panel Capas y bloquea este nuevo grupo. Este será el icono de tu taza de café.

¡Felicidades! Ya terminaste.

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en sus futuros proyectos.