Cómo Crear una Cocina Moderna En Adobe Illustrator

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

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

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

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.

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.

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).

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.