1. Design & Illustration
  2. Illustration

Cómo Crear una Ilustración de Escena de Café en Adobe Illustrator

by
Read Time:6 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial vamos a crear una escena de café en la mañana con galletas y leche con formas simples en Adobe Illustrator.

Encuentra más inspiración para Café en GraphicRiver.

1. Cómo Crear un Nuevo Documento

Presione Control-N para hacer un Nuevo Documento. Establezca las Unidades en Píxeles e ingrese 800 x 600 para el ancho y alto del documento. Luego, en opciones Avanzadas, seleccione RGB, Pantalla (72 ppp) y asegúrese de desmarcar la casilla Alinear nuevos objetos en cuadrícula de píxeles antes de hacer clic en Aceptar.

Vaya a Preferencias (Control-K) e ingrese 1 px para el incremento del Teclado. Presiona OK.

Puede activar el panel Info (Ventana > Info) para tener una vista previa del tamaño y la posición de sus formas. Recuerde configurar la unidad de medida en Píxeles desde Edición > Preferencias > Unidades. Esto aumentará en gran medida la velocidad de su trabajo.

Set up new documentSet up new documentSet up new document

2. Cómo Crear un Cartón de Leche

Paso 1

Comenzaremos por dibujar el contenedor de leche, dibujar un rectángulo de 100 x 208 px con la Herramienta Rectángulo (M) y usar #ABE0FD como color de relleno.

Luego dibuja otro rectángulo al lado del último; este rectángulo debe tener un Ancho de 61 px (#84CCF4).

Create a milk Create a milk Create a milk

Paso 2

Ahora dibuje un rectángulo en la parte superior (#D0EFFD) y, usando la Herramienta de Selección Directa (A), seleccione los nodos superiores y muévalos hacia la izquierda.

Luego, agregue un nuevo nodo en el otro rectángulo con la Herramienta Pluma (P) y muévalo hacia la esquina. Ahora dibuja un triángulo (#73BCE8) y usa la Herramienta Pluma (P) para crear una sombra en el pico.

adding the rectangle topadding the rectangle topadding the rectangle top

Paso 3

Tome la Herramienta Rectángulo (M) y dibuje la aleta superior del contenedor (#ABE0FD). Luego dibuje dos rectángulos pequeños (#84CCF4) en los extremos de la aleta y aplique una Mezcla (Objeto > Mezcla > Crear) a 12 pasos de distancia (Objeto > Mezcla>  Opciones de mezcla).

Adding more details in the milkAdding more details in the milkAdding more details in the milk

Paso 4

Dibuje una tira en ambos lados del contenedor utilizando dos rectángulos. Luego dibuja una elipse (#FFFFFF), usando la Herramienta Elipse (L) y un rectángulo (#FFFFFF) en el anverso.

Create new faces of the milkCreate new faces of the milkCreate new faces of the milk

Paso 5

Ahora dibuja la tapa con una elipse en el medio (#FFFFFF) y una más pequeña en el centro (#ABE0FD). Después, agregue otra elipse (#84CCF4) y colóquela debajo (Control- [).

Finalmente, Agrupe el contenedor juntando con (Control-G).

Adding a lid in the milkAdding a lid in the milkAdding a lid in the milk

3. Cómo Crear una Cafetera

Paso 1

Ahora vamos a crear nuestra cafetera.

Cree un rectángulo de 136 x 124 px (#E1E1E1) y mueva los nodos superiores a 20 px (presionando la tecla Shift) hacia el centro usando la Herramienta de Selección Directa (A).

Creating new shapes for a coffee makerCreating new shapes for a coffee makerCreating new shapes for a coffee maker

Paso 2

Ahora use la Herramienta Pluma (P) para dibujar la primera cara de la cafetera (#CDCDCD) en el lado derecho. Elimine la forma restante con la Herramienta Constructor de Forma (Shift-M).

Luego, haga una Copia (Control-C seguido de Control-F) de la cara, reflegela verticalmente (haga clic con el botón derecho > Transformar > Reflejar) y cambie su Color de Relleno a #F6F6F6.

Adding shapes with the Pen ToolAdding shapes with the Pen ToolAdding shapes with the Pen Tool

Paso 3

Dibuje un rectángulo delgado (#9A9FAD) en la parte inferior de la maceta y elimine la forma restante con la Herramienta Constructor de Forma (Shift-M). Agrupe todo junto (Control-G).

Luego haga una copia (Control-C > Control-F) y Gírela 180° con la Herramienta Rotar (R). Combina ligeramente el grupo usando la Herramienta de Selección (V).

Duplicating the base coffee makerDuplicating the base coffee makerDuplicating the base coffee maker

Paso 4

Ahora crea un rectángulo en el medio de las dos copas (#616161) y dibuja otro rectángulo, más fino esta vez,(#7F7F7F) dentro de él. Luego agregue tres rectángulos (#A5A5A5) de diferentes anchuras como se muestra en la figura a continuación.

Adding more details in the coffee makerAdding more details in the coffee makerAdding more details in the coffee maker

Paso 5

 Para crear la boquilla y el mango, utilizaremos la Herramienta Pluma (P) y el color de Relleno #7F7F7F. Después, dibuje una sombra en ambas cosas (# 616161) y Elimine el resto con la Herramienta Constructor de Forma (Shift-M).

Adding the nozzle and handleAdding the nozzle and handleAdding the nozzle and handle

Paso 6

En la tapa de la cafetera, dibuje un rectángulo delgado (# 7F7F7F) y luego un triángulo (#A5A5A5) usando la Herramienta Pluma (P).

Después, dibuje un trapecio (#7F7F7F) y Duplíquelo (Control-C > Control-F) e Invierta la Copia (#616161). Envía ambas formas debajo del triángulo (Control- [).

Drawing with the Pen Tool the lid of the coffee makerDrawing with the Pen Tool the lid of the coffee makerDrawing with the Pen Tool the lid of the coffee maker

4. Cómo Crear una Taza

Paso 1

Para crear la Taza, comencemos usando un rectángulo de 123 x 133 px (#DD557B) y redondeando las esquinas inferiores con la Herramienta de Selección Directa (A).

Creating un rectangle for the cup coffeeCreating un rectangle for the cup coffeeCreating un rectangle for the cup coffee

Paso 2

Ahora Duplique la forma (#DF6688) (Control-C > Control-F) y aplique un desplazamiento de -8 px en Efectos > Trazo > Trazo de Desplazamiento. Extienda la apariencia de la forma (Objeto > Expandir Apariencia).

Luego modifique el ancho con la Herramienta de Selección (V) y colóquelo en el borde izquierdo de la taza. Duplícalo de nuevo (#DF6688) y cambia su Ancho una vez más.

Duplicating the shape and adding highlightsDuplicating the shape and adding highlightsDuplicating the shape and adding highlights

Paso 3

Ahora crea una elipse de 26 x 26 px (#DD557B) y una elipse de 38 x 38 px. Aplique Menos Delante usando el panel Buscatrazo en la última elipse.

Adding a handle in the cupAdding a handle in the cupAdding a handle in the cup

Paso 4

Cree una sombra en el asa de la taza dibujando un rectángulo (#B33859) y restando su forma usando la Herramienta Constructor de Forma (Shift-M). Luego envíe la forma de la asa hacia atrás (Control-[).

Adding a little of shadowsAdding a little of shadowsAdding a little of shadows

Paso 5

Dibuje una elipse (#FFFFFF) en el centro de la copa, y luego dibuje una S con la Herramienta Cuchillo. Separe las formas divididas y redondee ligeramente sus esquinas. Agrupe las formas juntas y Rote la forma final un poco.

Creating a logo of coffee grainCreating a logo of coffee grainCreating a logo of coffee grain

5. Cómo Crear una Galleta

Paso 1

Cree una elipse de 90 x 90 px (# E5D8B0) y Duplíquela dos veces (Control-C > Control-F). Mueva la última copia a la izquierda y restela con la anterior usando Menos Detras en el panel Buscatrazos. Cambia el color de Relleno a #DBC996.

Ahora dibuje las virutas de chocolate (#9D8A7C) usando la Herramienta Pluma (P).

Now creating the cookie with chocolate shipsNow creating the cookie with chocolate shipsNow creating the cookie with chocolate ships

Paso 2

Dibujemos una segunda galleta usando un rectángulo redondeado (#E5D8B0), use la Herramienta Rectángulo redondeado. Al igual que con la otra galleta, Duplique la forma dos veces y cree la sombra de la galleta.

Finalmente, dibuje chispas de chocolate como se muestra en la imagen inferior.

Another cookieAnother cookieAnother cookie

Paso 3

Coloque las galletas y la taza juntas. Cree una sombra debajo de la galleta circular dibujando una elipse (#B33859) y restando su forma con la Herramienta Constructor de Formas (Shift-M).

Una vez que tengamos la sombra, colóquela debajo de la galleta (Control- [). Finalmente, Agrupe los objetos juntos (Control-G).

Placing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadowsPlacing the cookies with the cup and add shadows

6. Cómo Crear una Bolsa de Café

Paso 1

Comience agregando un rectángulo de 90 x 120 px (# E7C5AF). Dibuja otro rectángulo (#F3D6C3) en la parte superior y mueve sus nodos superiores hacia la derecha.

Luego, usando la Herramienta Pluma (P), dibuje el lado de la bolsa (#E7C5AF) y la sombra interior (#CCAE9A)

Creating with rectangles the bag coffeeCreating with rectangles the bag coffeeCreating with rectangles the bag coffee

Paso 2

Después, dibuje la tapa superior usando un rectángulo (#CCAE9A). Ahora, dibuje la etiqueta con un rectángulo de 58 x 33 px (#FFFFFF) y otros dos con el color de Relleno #DEDEDE.

Finalmente, Agrupe la bolsa de café (Control-G).

adding detailsadding detailsadding details

7. Cómo Crear un Mini-Fondo

Paso 1

Primero, coloque todos los objetos juntos y luego dibuje una elipse de 320 x 320 px (#F5DE93) en el centro de la escena. Retire el nodo inferior de la elipse y cierre las esquinas (Control-J).

A continuación, redondee ligeramente las esquinas inferiores de la elipse y envíela hacia atrás (Shift-Control- [). Estire la altura del semicírculo hacia arriba con la Herramienta de Selección (V).

Join all the elements of the sceneJoin all the elements of the sceneJoin all the elements of the scene

Paso 2

Haga una Copia del semicírculo y cambie el color de Relleno a #FBF5DB. Luego estire la Altura un poco más y envíela hacia atrás (Shift-Control- [).

Creating a semi ellipse in the backgroundCreating a semi ellipse in the backgroundCreating a semi ellipse in the background

Paso 3

Ahora agregue algunos puntos pequeños con elipse (#FBF5DB) en toda la escena.

Other details in the ellipseOther details in the ellipseOther details in the ellipse

Paso 4

Para finalizar, dibue el vapor del café con la Herramienta Pluma (P), seleccionando el estilo de Trazo y un grosor de Trazo de 7 px.

Adding a steam on the coffeeAdding a steam on the coffeeAdding a steam on the coffee

Paso 5

Finalmente, cree un rectángulo de 800 x 600 px (#F9ECBE) en la parte posterior del lienzo.

Adding a rectangle finalAdding a rectangle finalAdding a rectangle final

¡Felicitaciones! ¡Has terminado!

¡Estupendo! Hemos terminado, y el resultado fue excelente. Esto seguramente traerá más creatividad a su obra de arte gracias a las técnicas que acaba de aprender. Espero que hayan disfrutado el proceso, y espero sus comentarios.

Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial Coffee and Cookie Illustration Adobe Illustrator Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads