Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Cómo Crear una Cocina Moderna En Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En el tutorial de hoy vamos a ponernos nuestros sombreros de diseñadores de interiores y crearemos una bonita pequeña cocina moderna usando nada más que las herramientas más fáciles y útiles que Illustrator tiene para ofrecer.

También, como siempre puedes exandir tu conjunto al dirigirte a GraphicRiver donde encontrarás una estupenda selección de paquetes vectoriales con temática de cocina, solo esperando a ser clickeados.

Dicho eso, ¡manos a la obra!

1. Cómo Configurar un Archivo de Nuevo Proyecto

Asumiendo que ya tienes abierto Illustrator y ejecutándose en segundo plano, traélo al frente y configuremos un Nuevo Documento (Archivo > Nuevo o Control-N) para nuestro proyecto usando los siguientes parámetros:

  • Número de Mesas de Trabajo: 1
  • Anchura: 1200 px
  • Altura: 600 px
  • Unidades: Pixeles

Y de la pestaña Avanzado:

  • Modo de Color: RGB
  • Efectos de Rasterizado: Pantalla (72ppp)
  • Modo de Previsualización: Por defecto
setting up a new document

2. Cómo Configurar una Cuadrícula Personalizada

Ahora, sé que no estamos trabajando hoy con íconos, pero ya que vamos a estar creando la ilustración usando un flujo de trabajo pixel-perfect, vamos a querer configurar una agradable pequeña Cuadrícula para que podamos tener control total sobre nuestras formas.

Paso 1

Ve al submenú Edición > Preferencias > Guías y Cuadrícula, y ajusta los siguientes parámetros:

  • Línea de cuadrícula cada: 1 px
  • Subdivisiones: 1
setting up a custom grid

Consejo rápido: puedes aprender más sobre cuadrículas al leer éste artículo detallado sobre Cómo Funciona el Sistema de Cuadrícula de Illustrator.

Paso 2

Una vez que hayamos configurado nuestra cuadrícula, todo lo que necesitamos hacer para asegurar que nuestras formas luzcan nítidas es habilitar la opcion Ajustar a Cuadrícula encontrada en el menú Ver, que se transformará en Ajustar a Pixel cada vez que ingreses en el modo Previsualización de Pixeles.

Ahora, si eres nuevo en todo el "flujo de trabajo pixel-perfect", recomiendo vigorosamente consultar mi tutorial Cómo Crear una Ilustración Pixel-Perfect, que te ayudará a ampliar tus habilidades técnicas en muy poco tiempo.

3. Cómo Configurar las Capas

Una vez que hayamos terminado de configurar nuestro archivo de proyecto, sería una buena idea estructurar nuestro documento usando un par de capas, ya que de ésta manera podemos mantener un flujo de trabajo constante al enfocarnos en una sección de la ilustración a la vez.

Dicho eso, trael al frente el panel Capas, y crea un total de dos capas, que renombraremos como sigue:

  • capa 1: fondo
  • capa 2: ilustración
setting up the layers

Consejo rápido: he coloreado mis capas usando el mismo valor de verde, ya que es el más fáci de ver cuando se usa para resaltar tus formas seleccionadas (si son trazados cerrados o abiertos).

4. Cómo Crear el Fondo

Vamos a iniciar el proyecto al crear el pequeño fondo de mosaico, así que asegúrate de estar en la capa correcta (esa sería la primera), bloqueando la otra, y comencemos.

Paso 1

Crea una línea para el piso usando una línea de Trazo de 440 px de anchura y 4 px de grosor, que pondremos de color #363C4C y luego alineamos al Centro con la Mesa de Trabajo subyacente, colocándola a una distancia de 212 px de su borde inferior.

creating the main shape for the background foreground line

Paso 2

Crea la primera fila de azulejos usando catorce rectángulos de 26 x 8 px (#DEF8F9) que distribuiremos horizontalmente a una distancia de 2 px uno de otro, agrupando (Control-G) y luego colocándolos a una distancia de 32 px del borde izquierdo del piso.

creating the background first row of tiles

Paso 3

Crea la segunda fila usando una copia de la que acabamos de agrupar, que colocaremos arriba de ella a una distancia de 2 px, empujándola a la izquierda 14 px usando la herramienta Mover (click derecho > Transformar > Mover > Vertical > -14 px).

creating the background second row of tiles

Paso 4

Crea los azulejos restantes al seleccionar las dos filas que ya tenemos, y luego arrástralos a la parte superior mientras mantienes presionadas las teclas Alt-Mayúsculas para crear el primer conjunto de copias, asegurando mantener el mismo espacio de 2 px. Una vez que tengas el primer conjunto, presiona Control-D (Duplicar) siete veces para agregar las filas restantes.

adding the remaining rows of tiles to the background

Paso 5

Toma un par de momentos y colorea algunos de los azulejos usando #C1EAEA, seleccionando y agrupando todas las filas usando el atajo de teclado Control-G antes de pasar a la siguiente sección.

changing the color of some of the backgrounds tiles

5. Cómo Crear el Refrigerador

Asumiendo que has logrado crear el fondo, Bloquea su capa y luego pasa a la segunda, donde comenzaremos a trabajar en nuestro primer electrodoméstico.

Paso 1

Crea la forma principal para la sección derecha del refrigerador usando un rectángulo de 56 x 128 px, que pondremos de color #E7EBF2 y luego colocándolo 6 px arriba del piso y a 42 px de su borde derecho.

creating and positioning the main shape for the refrigerators right door

Paso 2

Da a la forma un contorno al crear una copia de ella (Control-C) que Pegaremos Delante (Control-F) y luego ajustamos primero cambiando su color a #363C4C y luego intercambiando su Relleno con su Trazo (Mayúsculas-X). Establece el Grosor en 4 px, seleccionando y Agrupando (Control-G) ambas formas después.

adding the outline to the refrigerators right door

Paso 3

Agrega la manija de la puerta usando un rectángulo de 4 x 20 px (#363C4C), que pondremos a una distancia de 8 px del lado izquierdo del contorno y a 40 px de su lado inferior. Una vez que termines, selecciona y Agrupa (Control-G) las tres formas.

adding the handle to the refrigerators right door

Paso 4

Crea una sección más pequeña del refrigerador usando un rectángulo de 48 x 128 px (#E7EBF2) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos en el lado izquierdo de la sección previa.

creating and positioning the main shapes for the refrigerators left door

Paso 5

Comienza  a trabajar en el pequeño dispensador de agua al crear un cuadrado de 24 x 24 px (#5592A0) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego Alineamos al Centro con la puerta izquierda, colocándolos a 40 px del borde inferior del contorno más grande.

creating and positioning the main shapes for the refrigerators water dispenser insertion

Paso 6

Comienza a agregar detalles al dispensador al agregar la inserción inferior usando un rectángulo 8 x 3 px (#363C4C) que Alinearemos al Centro con su borde inferior.

adding the bottom insertion to the refrigerators water dispenser

Paso 7

Crea la bandera inferior usando un rectángulo de 24 x 2 px (#363C4C) que alinearemos al centro con el cuerpo principal del dispensador de agua, colocándolo a 2 px de su borde inferior.

adding the bottom tray to the refrigerators water dispenser

Paso 8

Crea el cuerpo principal del dispositivo dispensador de agua usando un rectángulo de 12 x 10 px (#363C4C), que Alinearemos al Centro con el borde superior de la sección actual.

creating and positioning the main body of the refrigerators water dispenser

Paso 9

Agrega un cuadrado más pequeño de 4 x 4 px (#363C4C) debajo de la forma que acabamos de crear, seguido por un rectángulo de 2 x 8 px (#363C4C) en su lado derecho, seleccionando y Agrupando (Control-G) las tres formas una vez que termines.

adding details to the refrigerators water dispenser

Paso 10

Finaliza el dispensador de agua al agregar los pequeños botones usando cuatro rectángulo de 4 x 2 px (#363C4C) que Agruparemos (Control-G) y luego colocaremos arriba de la misma unidad a una distancia de solo 4 px. Una vez que termines, selecciona y Agrupa (Control-G) todas las formas que componen la sección actual, haciendo lo mismo para todo el refrigerador después.

adding the little buttons to the refrigerators water dispenser

Paso 11

Dirígete hacia la parte inferior del electrodoméstico, y luego comienza a trabajar en sus pies al crear un rectángulo de 100 x 4 px (#363C4C) que colocaremos debajo de sus secciones más grandes.

creating the main shape for the refrigerators bottom section

Paso 12

Finaliza el refrigerador al añadir sus pies usando tres rectángulos de 8 x 4 px (#363C4C) que colocaremos debajo del rectángulo más amplio del paso previo. Una vez que termines, selecciona y Agrupa (Control-G) todas las formas que componen la sección inferior, haciendo lo mismo para todo el refrigerador después.

finishing off the refrigerator

6. Cómo Crear el Gabinete Abierto de la Cocina

El siguiente elemento de nuesta lista de "esenciales de la cocina" es el gabinete abierto, así que comencemos.

Paso 1

Crea el cuerpo principal del gabinete usando un rectángulo de 72 x 52 px (#82868E) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos en el lado izquierdo del refrigerador, para que sus contornos terminen superponiéndose.

creating the main shapes for the open cabinets upper body

Paso 2

Crea la sección interior de la unidad de almacenamiento usando un rectángulo de 60 x 24 px (#5A616D) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego Alinearemos al Centro con el cuerpo más grande, colocándolo a una distancia de 18 px de su borde superior.

creating the main shapes for the open cabinets inner section

Paso 3

Agrega el estante usando una línea de Trazo de 60 px de anchura y 4 px de grosor (#363C4C), que Alinearemos al Centro con la sección interior del gabinete, seleccionando y Agrupándolos después usando el atajo de teclado Control-G.

adding the shelf to the open cabinets inner section

Paso 4

Crea la sección inferior de la unidad usando un rectángulo de 68 x 8 px (#4B5463) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos debajo del cuerpo más grande, asegurando alinear a la izquierda con su borde exterior.

creating the main shapes for the open cabinets bottom section

Paso 5

Crea el porta papel absorbente usando una línea de Trazo de 44 px de anchura y 4 px de grosor (#363C4C) que Alinearemos al Centro con la sección interior del gabinete, colocándolo arriba a una distancia de 10 px de su borde superior.

adding the towel rail to the open cabinets upper section

Paso 6

Comienza a trabajar en el papel absorbente al crear su sección frontal usando un rectángulo de 24 x 10 px (#A1C689) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos sobre la forma previa, con una Alineación Central horizontal los dos.

creating the main shapes for the front section of the open cabinets towel

Paso 7

Agrega la sección posterior usando otro rectángulo de 24 x 10 px (#7D9E67) con un contorno de 4 px de grosor (#363C4C), que colocaremos debajo de las formas que acabamos de agrupar en el paso previo.

creating the main shapes for the back section of the open cabinets towel

Paso 8

Agrega pequeñas franjas usando cinco rectángulos de 2 x 4 px (#363C4C) horizontalmente esparcidos 2 px una de otra, que Agruparemos (Control-G) y luego Alineamos al Centro con el borde superior de la sección posterior papel absorbente. Una vez que termines, selecciona y Agrupa todas las formas del papel absorbente usando el atajo de teclado Control-G.

adding the fringes to the open cabinets towel

Paso 9

Finaliza el gabinete al agregar los pequeños tazones, que crearemos usando tres rectángulos (12 x 6 px, 10 x 6 px, 10 x 4 px - #363C4C) que ajustaremos a establecer el Radio de sus vértices inferiores en 4 px desde dentro de las Propiedades del Rectángulo del panel Transformar. Una vez que termines, selecciona y Agrupa todas las formas que componen la unidad actual usando el atajo de teclado Control-G.

finishing off the open cabinet

7. Cómo Crear la Estufa

Asumiendo que has terminado de trabajar en el gabinete, muévete unos pixeles hacia la izquierda, y comencemos a trabajar en nuestro segundo electrodoméstico.

Paso 1

Crea la sección inferior de la estufa usando un rectángulo de 56 x 8 px (#4B5463) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos en el lado izquierdo del gabinete abierto.

creating the main shapes for the stoves bottom section

Paso 2

Crea el cuerpo principal de la estufa usando un rectángulo de 56 x 52 px (#E7EBF2) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos arriba de la sección previa.

creating the main shapes for the stoves upper body

Paso 3

Comienza a trabajar en el horno al crear su puerta usando un rectángulo de 44 x 32 px (#B5685B) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego los Alineamos al Centro con el cuerpo más grande, colocándolo a 10 px de su borde superior.

adding the oven door to the stove

Paso 4

Agrega los estantes del horno usando dos líneas de Trazo de 44 px de anchura y 4 px de grosor (#363C4C) que apilaremos verticalmente a una distancia de 12 px uno de otro, Agrupando (Control-G) y luego Alinéandolos al Centro con la puerta más grande, colocándolos a 4 px de su borde inferior.

adding the oven shelves to the stoves door

Paso 5

Agrega el quemador usando nueve rectángulos de 2 x 4 px (#363C4C) horizontalmente separados por 2 px uno de otro, que Agruparemos Control-G) y luego los Alineamos al Centro con el borde inferior de la puerta del horno.

adding the broiler burner to the stoves oven

Paso 6

Crea la bandeja usando un rectángulo de 24 x 4 px (#363C4C), arriba de la cual agregaremos uno ligeramente más amplio de 28 x 2 px (#363C4C), que Agruparemos (Control-G) y luego Alineamos al Centro con el estante inferior del horno.

adding the tray to the stoves oven

Paso 7

Agrega la manija del horno usando un rectángulo de 20 x 8 px (#363C4C) que Alinearemos al Centro con el borde superior del contorno de la puerta. Una vez que termines, selecciona y Agrupa todas las secciones que componen el horno usando el atajo de teclado Control-G.

adding the handle to the stoves oven

Paso 8

Crea las perillas del quemador izquierdo usando cuatro círculos de 4 x 4 px (#363C4C) esparcidos horizontalmente a 2 px uno de otro, que Agruparemos (Control-G) y luego colocaremos arriba de la manija, a una distancia de 6 px del borde izquierdo de la estufa y a 2 px de su borde superior.

adding the left burner dials to the stoves upper body

Paso 9

Agrega la perilla del horno usando el mismo círculo de 4 x 4 px (#363C4C), que Alinearemos al Centro con las perillas previas, colocándola en el lado derecho de la estufa, a una distancia de 8 px de ellas.

adding the oven dial to the stoves upper body

Paso 10

Crea la perilla del temporizador usando un círculo más pequeño de 2 x 2 px (#363C4C), que colocaremos a 4 px del lado derecho de la forma previamente creada, entre la manija del horno y la perilla más grande.

adding the timer dial to the stoves upper body

Paso 11

Finaliza la estufa, al agregar las inserciones superiores usando dos rectángulos de 4 x 3 px (#363C4C), que alinearemos con el borde superior del cuerpo más grande, colocándolos a 4 px de sus bordes exteriores. Una vez que termines, selecciona y Agrupa todas las secciones que componen la unidad usando el atajo de teclado Control-G.

finishing off the stove

8. Cómo Crear el Gabinete Cerrado

Una vez que termines con la estufa, dirígete unos cuantos pixeles a la izquierda, y comencemos a trabajar en nuestro gabinete cerrado.

Paso 1

Crea la sección inferior de la unidad usando un rectángulo de 72 x 8 px (#4B5463) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos en el lado izquierdo de la estufa.

creating the main shapes for the closed cabinets bottom section

Paso 2

Arega el cuerpo principal del gabinete usando un rectángulo de 72 x 52 px (#5A616D) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos arriba de la sección previa.

creating the main shapes for the closed cabinets upper body

Paso 3

Crea el primer cajón usando un rectángulo de 60 x 12 px (#82868E) con un contorno de 4 px de grosor (#363C4C), con el centro del cual agregaremos un rectángulo más pequeño de 28 x 4 px (#363C4C). Agrupa (Control-G) las tres formas y luego Alinearemos al Centro con el cuerpo más grande, colocándolos a 2 px de su borde superior.

adding the first drawer to the closed cabinets upper body

Paso 4

Finaliza el gabinete al añadir el segundo cajón, que crearemos usando un rectángulo de 60 x 22 px (#82868E) con un contorno de 4 px de grosor (#363C4C), arriba del cual añadiremos el manejador usando un rectángulo de 28 x 4 px (#363C4C). Una vez que termines, selecciona y Agrupa (Control-G) las tres formas, haciendo lo mismo para toda la unidad después.

finishing off the closed cabinet

9. Cómo Crear la Encimera de Cocina

Una vez que hayas finalizado de trabajar en nuestro segundo gabinete, podemos enfocarnos en la encimera que alberga el mismo fregadero y los quemadores de la estufa.

Paso 1

Crea la encimera usando un rectángulo de 200 x 6 px (#5A616D) con un contorno de 4 px de grosor (#363C4C), que Agruparemos y luego colocaremos arriba de los dos gabinetes y estufa.

creating the main shapes for the kitchens countertop

Paso 2

Crea el fregadero usando un rectángulo de 40 x 6 px (#363C4C), que colocaremos en la encimera, asegudrándote de Alinearlo al Centro con el gabinete abierto.

creating the main shape for the kitchens sink

Paso 3

Dibuja el grifo usando un Trazo de 4 px de grosor (#363C4C), que Alinearemos al Centro con el borde inferior de la forma previamente creada.

adding the battery to the kitchens sink

Paso 4

Crea la llave mezcladora usando un cuadrado de 4 x 4 px (#363C4C), a la izquierda del cual añadiremos un rectángulo de 2 x 8 px (#363C4C). Agrupa (Control-G) los dos y luego colócalos en el lado izquierdo de la forma previamente dibujada, seleccionando y luego Agrupando (Control-G) todas las formas que componen el fregadero también.

adding the handle to the sinks battery

Paso 5

Finaliza la encimera al agregar los quemadores usando tres rectángulos de 8 x 4 px (#363C4C) espaciados 4 px horizontalmente uno de otro, que Agruparemos (Control-G) y luego Alineamos al Centro con el cuerpo principal de la estufa. Una vez que termines, selecciona y Agrupa (Control-G) todas las formas que componen la sección actual antes de continuar con el siguiente paso.

finishing off the countertop

10. Cómo Crear la Lavadora

A continuación en nuestra lista de electrodomésticos está la lavadora, así que sin perder más tiempo, concentrémonos en ello.

Paso 1

Crea la sección inferior del dispositivo usando un rectángulo de 52 x 8 px (#5A616D) con un contorno de 4 px de grosor (#363C4C), con el centro del cual agregaremos otro rectángulo de 52 x 2 px (#363C4C). Agrupa (Control-G) las tres formas y luego colócalas en el lado izquierdo del gabinete cerrado.

creating the main shapes for the bottom section of the washing machine

Paso 2

Agrega el cuerpo principal de la lavadora usando un rectángulo de 52 x 46 px (#E7EBF2) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos arriba de la sección previa.

creating the main shapes for the washing machines upper body

Paso 3

Crea la puerta frontal usando un círculo de 28 x 28 px (#5592A0) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego Alinearemos al Centro con el subyacente cuerpo más grande, colocándolos a una distancia de 4 px de su borde superior.

adding the front door to the washing machines upper body

Paso 4

Agrega la sección interior más oscura de la lavadora usando un círculo de 20 x 20 px (#363C4C), que Alinearemos al Centro con las formas previamente agrupadas.

adding the inner darker section to the washing machines door

Paso 5

Crea la manija usando un círculo de 8 x 8 px (#5592A0) arriba del cual añadiremos uno más pequeño de 4 x 4 px (#363C4C). Agrupa (Control-G) las dos formas, y luego Alinéalas al Centro con el borde derecho de la forma rellena visible de la puerta, haciendo lo mismo para toda la puerta después.

adding the handle to the washing machines front door

Paso 6

Agrega la inserción inferior de la lavadora usando un rectángulo de 32 x 4 px (#363C4C), que Alinearemos al Centro con el borde inferior de su cuerpo más grande.

adding the bottom insertion to the washing machines upper body

Paso 7

Agrega la segunda inserción usando un rectángulo ligeramente más angosto de 20 x 4 px (#363C4C), que alinearemos al centro con el borde superior del cuerpo más grande. Una vez que termines, selecciona y Agrupa todas las formas que componen la sección actual usando el atajo de teclado Control-G.

adding the top insertion to the washing machines upper body

Paso 8

Crea la sección superior de la lavadora usando un rectángulo de 52 x 12 px (#82868E) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos arriba de su cuerpo más grande.

adding the upper section to the washing machines main body

Paso 9

Agrega el display usando un rectángulo de 16 x 4 px (#363C4C) que Alinearemos al Centro con la sección previamente creada.

adding the display to the washing machines upper body

Paso 10

Crea las perillas izquierdas usando dos círculos de 4 x 4 px (#363C4C) colocados a 2 px uno de otro, que Agruparemos (Control-G) y luego lo Alineamos al Centro con el display, colocándolos a 4 px de distancia de él.

adding the left dials to the washing machines upper body

Paso 11

Agrega la perilla derecha usando otro círculo de 4 x 4 px (#363C4C), que colocaremos en el lado opuesto del display, a 8 px de su borde derecho. Una vez que termines, selecciona y Agrupa todas las formas que componen la sección actual usando el atajo de teclado Control-G.

adding the right dial to the washing machines upper body

Paso 12

Finaliza la lavadora al crear el panel posterior usando un rectángulo de 36 x 8 px (#5A616D) con un contorno de 4 px de grosor (#363C4C), a la parte inferior del cual agregaremos un rectángulo más pequeño de 24 x 4 px (#363C4C). Agrupa (Control-G) las tres formas, colocándolas arriba de la sección previa, asegurándote hacer lo mismo para toda la unidad después.

finishing off the washing machine

Paso 13

Crea la primera toalla usando un rectángulo redondeado de 26 x 8 px (#929BDD) con un Radio del Vértice de 4 px y un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colócala en la lavadora, a una distancia de 2 px de su borde derecho.

adding the first towel to the upper section of the washing machine

Paso 14

Crea la segunda toalla usando una copia de la primera (Control-C > Control-F), que colocaremos arriba, asegurando de cambiar el color de la forma rellena a #A1C689. Una vez que termines, selecciona y Agrupa ambas usando el atajo de teclado Control-G.

adding the second towel to the upper section of the washing machine

11. Cómo Crear el Estante y los Elementos Decorativos

Hemos hecho el gabinete abierto, y hemos hecho el gabinete cerrado, así que ahora es momento para un buen estante añejo flotante.

Paso 1

Crea el cuerpo principal del estante usando un rectángulo de 104 x 6 px (#82868E) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocaremos  arriba de la encimera, a una distancia de 14 px del grifo y a 16 px del refrigerador.

creating the main shapes for the suspended shelf

Paso 2

Agrega los pequeños soportes usando dos rectángulos de 4 x 8 px (#363C4C) horizontalmente espaciados 76 px uno de otro, los cuales Agruparemos (Control-G) y luego colocaremos debajo del estante, Alinéandolos al Centro con su cuerpo más grande. Una vez que termines, selecciona todas las formas que componen el estante y Agrúpalas (Control-G) también.

adding the bottom brackets to the suspended shelf

Paso 3

Crea los vasos vacíos usando cuatro rectángulos de 6 x 12 px (#5592A0) con un contorno de 4 px de grosor (#363C4C), que individualmente Agruparemos (Control-G) y luego colocamos a 8 px uno de otro (4 px de un contorno al otro). Una vez que termines, coloca las formas en el estante, a una distancia de 4 px de su borde derecho.

adding the glasses to the suspended shelves

Paso 4

Muévete unos cuantos pixeles a la izquierda, y comienza a trabajar en el pequeño parlante Bluetooth al crear su cuerpo principal usando un rectángulo de 32 x 16 px (#929BDD) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego colocamos en el estante, a 8 px de su borde izquierdo.

creating the main shapes for the bluetooth speakers main body

Paso 5

Agrega las unidades del parlante usando dos círculos de 8 x 8 px (#363C4C), que colocaremos a 8 px de distancia uno de otro, Agrupándolos (Control-G) y luego Alineándolos al Centro con el cuerpo del dispositivo.

adding the two speaker units to the bluetooth speaker

Paso 6

Crea las inserciones superior e inferior usando dos rectángulos de 8 x 4 px (#363C4C), que apilaremos verticalmente a una distancia de 8 px uno de otro, Agrupando (Control-G) y luego Alineando al Centro los dos con el cuerpo más grande.

adding the top and bottom insertions to the bluetooth speakers main body

Paso 7

Agrega los botones del Parlante usando tres rectángulos altos de 4 px (#363C4C), horizontalmente espaciados 2 px uno de otro, que Agruparemos (Control-G) y luego colocaremos arriba del parlante, a una distancia de 6 px de su borde izquierdo. Una vez que termines, selecciona y Agrupa todas las formas que componen el dispositivo usando el atajo de teclado Control-G.

adding the buttons to the bluetooth speaker

12. Cómo Crear la Ventana

Asumiendo que no diseñamos la cocina para ser usada dentro de un bunker, creemos una pequeña ventana para darle algo de aire.

Paso 1

Comienza por crear el marco usando un rectángulo de 52 x 68 px (#E2AA7D) con un contorno de 4 px de grosor (#363C4C), el cual Agruparemos (Control-G) y luego colocaremos a una distancia de 12 px de la encimera y a 16 px del estante suspendido.

creating the main shapes for the windows frame

Paso 2

Agrega la sección interior del marco usando un rectángulo de 40 x 56 px (#A5795B) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego Alineamos al Centro con la sección previamente creada.

creating the main shapes for the window frames inner section

Paso 3

Crea el vidrio de la ventana usando un rectángulo de 30 x 46 px (#ABDBEF) con un contorno de 4 px de grosor (#363C4C), que Agruparemos (Control-G) y luego Alineamos al Centro con la sección interior de la ventana.

creating the main shapes for the window frames glass section

Paso 4

Agrega las bisagras usando dos rectángulos de 10 x 8 px (#363C4C), verticalmente apilados 32 px uno de otro, los cuales Agruparemos (Control-G) y luego los Alineamos al Centro con el lado izquierdo de la seccion interior del marco.

adding the side hinges to the windows frame

Paso 5

Crea las nubes usando tres rectángulos altos de 4 px (#EDF6F9) que ajustaremos al establecer el Radio de las esquinas que dan a su interior en 2 px. Toma tu tiempo, y una vez que termines, selecciona y Agrupa las tres formas usando el atajo de teclado Control-G.

adding the clouds to the windows glass section

Paso 6

Finaliza la ventana al crear su manija usando un rectángulo de 16 x 4 px (#363C4C), que alineremos al centro con el borde derecho de la sección interna del marco. Una vez que termines, selecciona y Agrupa todas las formas que la componen usando el atajo de teclado Control-G.

finishing off the window

13. Cómo Crear la Lámpara de Techo

Ahora vamos a la última sección de nuestra cocina, así que sin más pérdida de tiempo, finalicemos ésto.

Paso 1

Crea la línea del techo usando un Trazo de 184 px de anchura y 4 px de grosor (#363C4C), que Alinearemos al Centro con la Mesa de Trabajo, colocándolo a una distancia de 18 px del borde superior de la ventana.

creating the main shape for the ceilings line

Paso 2

Comienza trabajando en la lámpara central, al crear su cuerpor principal usando un rectángulo de 12 x 16 px (#E8B169) con un contorno de 4 px (#363C4C), que Agruparemos (Control-G) y luego lo Alinearemos al Centro con la forma del paso previo, colocándolo 18 px debajo de ella.

creating the main shapes for the center lighting fixtures main body

Paso 3

Agrega la línea decorativa horizontal usando un Trazo de 12 px de anchura y 4 px de grosor (#363C4C), que Alinearemos al Centro con el cuerpo principal de la lámpara, colocándolo a 2 px de su borde inferior.

adding the horizontal decorative line to the center lighting fixtures body

Paso 4

Dibuja la sección del cable que conecta la lámpara con el techo usando una línea de Trazo de 18 px de altura y 4 px de grosor (#363C4C), seleccionando y Agrupando (Control-G) todas las formas qe lo componen después.

adding the vertical stroke line connecting the center lighting fixture to the ceiling

Paso 5

Crea las lámparas restantes usando dos copias (Control-C > Control-F dos veces) con el que terminamos de trabajar, el cual colocaremos en los lados, a una distancia de 40 px del original.

adding the remaining lighting fixtures to the ceiling

Paso 6

Finaliza el techo y con él la iustración misma al añadir la base de la lámpara usando un rectángulo de 128 x 6 px (#363C4C), que alinearemos al centro con la parte inferior de su línea. Una vez que termines, selecciona y Agrupa (Control-G) todas las formas que lo componen, haciendo lo mismo para toda la ilustración después.

finishing off the ceiling

Buen Trabajo!

Ahí lo tienes, un enfoque paso a paso sobre cómo construir tu propia cocina moderna, utilizando nada más que las soluciones más simples. Espero te hayas divertido haciendo este tutorial y lo más importante aprendido algo nuevo y útil en el camino.

Vector Kitchen 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.