Advertisement
  1. Design & Illustration
  2. Illustration
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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

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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 background

Paso 3

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

Other 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 coffee

Paso 5

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

Adding 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
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.