Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Adobe Illustrator

Como Criar uma Cozinha Moderna no Adobe Illustrator

by
Read Time:21 minsLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

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

No tutorial de hoje vamos colocar nossos chapéus de designer de interiores e criar nós mesmos uma linda cozinha moderna, usando apenas as ferramentas mais fáceis e úteis que o Illustrator tem para oferecer.

Além disso, você sempre pode expandir o seu conjunto indo até o GraphicRiver, onde você vai encontrar uma grande seleção de pacotes de vetores com temas de cozinha, apenas esperando para ser clicado.

Dito isto, vamos pular diretamente nisso!

1. Como Configurar um Novo Arquivo de Projeto

Como eu suponho que você já tenha o Illustrator instalado e funcionando em segundo plano, abra-o e configure um Novo Documento (File > New ou Control-N) para o nosso projeto usando as seguintes configurações:

  • Number of Artboards: 1
  • Width: 1200 px
  • Height: 600 px
  • Units: Pixels

E da aba Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new documentsetting up a new documentsetting up a new document

2. Como Configurar uma Grade Personalizada

Agora, eu sei que não estamos trabalhando com ícones hoje, mas já que vamos estar criando a ilustração usando um fluxo de trabalho de pixel perfeito, vamos querer configurar uma boa pequena Grade, assim podemos ter total controle sobre as nossas formas. 

Passo 1

Vá para o submenu Edit > Preferences > Guides & Grid, e ajuste as seguintes configurações:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

Dica rápida: você pode aprender mais sobre grades lendo esta parte detalhada em Como o Sistema de Grades do Illustrator Funciona

Passo 2

Uma vez que configuramos a nossa grade personalizada, tudo o que precisamos fazer para garantir que as nossas formas pareçam nítidas é ativar a opção Snap to Grid encontrada sob o menu View, que vai se transformar em Snap to Pixel cada hora que você entrar no modo Pixel Preview.

Agora, se você é novo em todo o "Fluxo de Trabalho de Pixel Perfeito", eu recomendo muito que você passe pelo meu tutorial Como Criar uma Arte de Pixel Perfeito, que vai ajudar você a ampliar as suas habilidades técnicas muito rápido.

3. Como Configurar as Camadas

Uma vez que terminamos de configurar o arquivo do nosso projeto, seria uma boa ideia estruturar o nosso documento usando um par de camadas, já que deste jeito podemos manter um fluxo de trabalho pronto focando em uma seção de ilustração por vez.

Dito isto, abra o painel Layers, e crie um total de três camadas, que vamos renomear da seguinte forma:

  • camada 1: fundo (background)
  • camada 2: ilustração (illustration)
setting up the layerssetting up the layerssetting up the layers

Dica rápida: eu colori todas as minhas camadas usando o mesmo valor de verde, já que é o mais fácil de ver quando usado para destaque das suas formas selecionadas (sejam eles fechados ou abertos). 

4. Como Criar o Fundo

Vamos dar início ao projeto criando um pequeno fundo de azulejo, então certifique-se de que você esteja na camada certa (que seria a primeira), bloqueando a outra, e vamos começar.

Passo 1

Criar uma linha para o chão usando um 440 px de largura e 4 px de espessura do Traço, que vamos colorir utilizando #363C4C e depois Centralizar ao subjacente da Prancheta, posicionando-a a uma distância de 212 px a partir da sua borda inferior.

creating the main shape for the background foreground linecreating the main shape for the background foreground linecreating the main shape for the background foreground line

Passo 2

Crie a primeira fila de azulejos usando quatorze retângulos de 26 x 8 px (#DEF8F9), que vamos distribuir horizontalmente 2 px um do outro, agrupando (Control-G) e depois posicionando-os a uma distância de 32 px da borda esquerda do chão.

creating the background first row of tilescreating the background first row of tilescreating the background first row of tiles

Passo 3

Crie a segunda linha usando uma cópia daquele que acabamos de agrupar, que vamos posicionar acima dela a uma distância de 2 px, empurrando para a esquerda por 14 px usando a ferramenta Move (clique com botão direito do mouse > Transform > Move > Vertical > -14 px).

creating the background second row of tilescreating the background second row of tilescreating the background second row of tiles

Passo 4

Crie os azulejos restantes selecionando as duas fileiras que já temos, e depois arraste-as para a parte superior enquanto mantém pressionadas as teclas Alt-Shift para criar o primeiro conjunto de cópias, certificando-se de manter o mesmo espaço de 2 px. Depois de ter o primeiro conjunto, pressione Control-D (Duplicate) sete vezes para adicionar as linhas restantes.

adding the remaining rows of tiles to the backgroundadding the remaining rows of tiles to the backgroundadding the remaining rows of tiles to the background

Passo 5

Pegue um torque e pinte alguns azulejos usando #C1EAEA, selecionando e agrupando todas as fileiras usando o atalho de teclado Control-G antes de passar para a próxima parte.

changing the color of some of the backgrounds tileschanging the color of some of the backgrounds tileschanging the color of some of the backgrounds tiles

5. Como Criar a Geladeira

Supondo que você tenha conseguido criar o plano de fundo, Bloqueie a sua camada e depois avance para a segunda, onde vamos começar a trabalhar no nosso primeiro eletrodoméstico.

Passo 1

Crie a forma principal para a parte direita da geladeira utilizando um retângulo de 56 x 128 px, que vamos colorir usando #E7EBF2 e depois posicione 6 px acima do chão e 42 px da sua borda direita.

creating and positioning the main shape for the refrigerators right doorcreating and positioning the main shape for the refrigerators right doorcreating and positioning the main shape for the refrigerators right door

Passo 2

Dê a forma um contorno criando uma cópia dela (Control-C) que vamos Colar na Frente (Control-F) e depois ajuste primeiro alterando sua cor para #363C4C e, em seguida, invertendo seu Preenchimento com o Traço (Shift-X). Defina a Espessura para 4 px, selecionando e Agrupando (Control-G) ambas as formas juntas depois.

adding the outline to the refrigerators right dooradding the outline to the refrigerators right dooradding the outline to the refrigerators right door

Passo 3

Adicione a alça da porta utilizando um retângulo de 4 x 20 px (#363C4C), que vamos posicionar a uma distância de 8 px do lado esquerdo do contorno e 40 px da sua parte inferior. Depois de terminar, selecione e Agrupe (Control-G) as três formas juntas.

adding the handle to the refrigerators right dooradding the handle to the refrigerators right dooradding the handle to the refrigerators right door

Passo 4

Crie a parte menor da geladeira utilizando um retângulo de 48 x 128 px (#E7EBF2) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar no lado esquerdo da parte anterior.

creating and positioning the main shapes for the refrigerators left doorcreating and positioning the main shapes for the refrigerators left doorcreating and positioning the main shapes for the refrigerators left door

Passo 5

Comece a trabalhar no pequeno distribuidor de água, criando um quadrado de 24 x 24 px (#5592A0) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar à porta esquerda, posicionando-os 40 px da borda inferior do contorno maior.

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

Passo 6

Comece adicionando detalhes ao distribuidor, adicionando a inserção inferior utilizando um retângulo de 8 x 3 px (#363C4C) que vamos Centralizar para a borda inferior.

adding the bottom insertion to the refrigerators water dispenseradding the bottom insertion to the refrigerators water dispenseradding the bottom insertion to the refrigerators water dispenser

Passo 7

Crie a bandeja inferior utilizando um retângulo de 24 x 2 px (#363C4C) que vamos centralizar ao corpo principal do distribuidor de água, posicionando-o 2 px da borda inferior.

adding the bottom tray to the refrigerators water dispenseradding the bottom tray to the refrigerators water dispenseradding the bottom tray to the refrigerators water dispenser

Passo 8

Crie o corpo principal do presente dispositivo de distribuição de água utilizando um retângulo de 12 x 10 px (#363C4C), o qual vamos Centralizar para a borda superior da parte atual.

creating and positioning the main body of the refrigerators water dispensercreating and positioning the main body of the refrigerators water dispensercreating and positioning the main body of the refrigerators water dispenser

Passo 9

Adicione um quadrado pequeno de 4 x 4 px (#363C4C) abaixo da forma que acabamos de criar, seguido do retângulo de 2 x 8 px (#363C4C) no seu lado direito, selecionando e Agrupando (Control-G) todas as três formas juntas, quando você tiver terminado.

adding details to the refrigerators water dispenseradding details to the refrigerators water dispenseradding details to the refrigerators water dispenser

Passo 10

Termine o distribuidor de água adicionando os pequenos botões utilizando quatro retângulos de 4 x 2 px (#363C4C) que vamos Agrupar (Control-G) e depois posicionar acima da própria unidade a uma distância de apenas 4 px. Depois de terminar, selecione e Agrupe (Control-G) todas as formas de composição da parte atual, fazendo o mesmo para a geladeira inteira depois.

adding the little buttons to the refrigerators water dispenseradding the little buttons to the refrigerators water dispenseradding the little buttons to the refrigerators water dispenser

Passo 11

Avance para a parte inferior do eletrodoméstico, e depois comece a trabalhar nos pés, criando um retângulo de 100 x 4 px (#363C4C) que vamos posicionar por baixo de suas partes maiores.

creating the main shape for the refrigerators bottom sectioncreating the main shape for the refrigerators bottom sectioncreating the main shape for the refrigerators bottom section

Passo 12

Termine a geladeira adicionando seus pés utilizando três retângulos de 8 x 4 px (#363C4C) que vamos posicionar abaixo do retângulo mais largo do passo anterior. Depois de terminar, selecione e Agrupe (Control-G) todas as formas de composição da parte inferior, fazendo o mesmo para a geladeira inteira depois.

finishing off the refrigeratorfinishing off the refrigeratorfinishing off the refrigerator

6. Como Criar o Gabinete de Cozinha Aberto

O próximo item da nossa lista de "cozinha essencial" é o gabinete aberto, então vamos começar.

Passo 1

Crie o corpo principal do gabinete utilizando um retângulo de 72 x 52 px (#82868E) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar no lado esquerdo da geladeira, de modo que os seus contornos terminem sobrepostos .

creating the main shapes for the open cabinets upper bodycreating the main shapes for the open cabinets upper bodycreating the main shapes for the open cabinets upper body

Passo 2

Crie a parte interna da unidade de armazenamento utilizando um retângulo de 60 x 24 px (#5A616D) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar ao corpo maior, posicionando-o a uma distância de 18 px da sua borda superior.

creating the main shapes for the open cabinets inner sectioncreating the main shapes for the open cabinets inner sectioncreating the main shapes for the open cabinets inner section

Passo 3

Adicione a prateleira utilizando um Traço de 60 px de largura e 4 px de espessura (#363C4C), que vamos Centralizar a parte interna do gabinete, selecionando e Agrupando-o posteriormente utilizando o atalho de teclado Control-G.

adding the shelf to the open cabinets inner sectionadding the shelf to the open cabinets inner sectionadding the shelf to the open cabinets inner section

Passo 4

Crie a parte inferior da unidade utilizando um retângulo de 68 x 8 px (#4B5463) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar abaixo do corpo maior, certificando-se de alinhá-lo à sua borda externa .

creating the main shapes for the open cabinets bottom sectioncreating the main shapes for the open cabinets bottom sectioncreating the main shapes for the open cabinets bottom section

Passo 5

Crie o porta toalha utilizando um Traço de 44 px de largura e 4 px de espessura (#363C4C) que vamos Centralizar a parte interior do gabinete, posicionando-o acima a uma distância de 10 px a partir da sua borda superior.

adding the towel rail to the open cabinets upper sectionadding the towel rail to the open cabinets upper sectionadding the towel rail to the open cabinets upper section

Passo 6

Comece trabalhando na toalha criando sua parte frontal utilizando um retângulo de 24 x 10 px (#A1C689) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar sobre a forma anterior, horizontal Centralizando os dois.

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

Passo 7

Adicione a parte de trás utilizando um outro retângulo de 24 x 10 px (#7D9E67) com um contorno de 4 px de espessura (#363C4C), que vamos posicionar abaixo das formas que acabamos de agrupar no passo anterior.

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

Passo 8

Adicione as pequenas franjas utilizando cinco retângulos de 2 x 4 px (#363C4C) horizontalmente espalhados 2 px um do outro, que vamos Agrupar (Control-G) e depois Centralizar para a borda superior da parte de trás da toalha. Depois de terminar, selecione e Agrupe todas as formas da toalha utilizando o atalho de teclado Control-G.

adding the fringes to the open cabinets toweladding the fringes to the open cabinets toweladding the fringes to the open cabinets towel

Passo 9

Termine o gabinete adicionando as pequenas tigelas, que vamos criar utilizando três retângulos (12 x 6 px, 10 x 6 px, 10 x 4 px - #363C4C) que vamos ajustar definindo o Raio de seus cantos inferiores para 4 px de dentro do Rectangle Properties do painel Transform. Depois de terminar, selecione e Agrupe todas as formas de composição da unidade atual utilizando o atalho de teclado Control-G.

finishing off the open cabinetfinishing off the open cabinetfinishing off the open cabinet

7. Como Criar o Fogão

Supondo que você tenha terminado de trabalhar no gabinete, mova alguns pixels para a esquerda, e vamos começar a trabalhar no nosso segundo eletrodoméstico.

Passo 1

Crie a parte inferior do fogão utilizando um retângulo de 56 x 8 px (#4B5463) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar no lado esquerdo do gabinete aberto.

creating the main shapes for the stoves bottom sectioncreating the main shapes for the stoves bottom sectioncreating the main shapes for the stoves bottom section

Passo 2

Crie o corpo principal do fogão utilizando um retângulo de 56 x 52 px (#E7EBF2) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar acima da parte anterior.

creating the main shapes for the stoves upper bodycreating the main shapes for the stoves upper bodycreating the main shapes for the stoves upper body

Passo 3

Comece a trabalhar no forno criando sua porta usando um retângulo de 44 x 32 px (#B5685B) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar para o corpo maior, posicionando-o a 10 px de sua borda superior.

adding the oven door to the stoveadding the oven door to the stoveadding the oven door to the stove

Passo 4

Adicione as prateleiras do forno utilizando dois Traços de 44 px de largura e 4 px de espessura (#363C4C) que vamos empilhar verticalmente a uma distância de 12 px um do outro, Agrupando (Control-L) e depois Centralizando eles para a porta maior, posicionando-os 4 px da sua borda inferior.

adding the oven shelves to the stoves dooradding the oven shelves to the stoves dooradding the oven shelves to the stoves door

Passo 5

Adicione o grelhador usando nove retângulos de 2 x 4 px (#363C4C) separados horizontalmente por 2 px um do outro, que vamos Agrupar (Control-G) e depois Centralizar para a borda inferior da porta do forno.

adding the broiler burner to the stoves ovenadding the broiler burner to the stoves ovenadding the broiler burner to the stoves oven

Passo 6

Crie a bandeja usando um retângulo 24 x 4 px (#363C4C), sobre o qual vamos adicionar um um pouco mais largo de 28 x 2 px (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar para a prateleira inferior do forno.

adding the tray to the stoves ovenadding the tray to the stoves ovenadding the tray to the stoves oven

Passo 7

Adicione a alça do forno utilizando um retângulo de 20 x 8 px (#363C4C) que vamos Centralizar na borda superior do contorno da porta. Depois de terminar, selecione e Agrupe todas as partes de composição do forno usando o atalho de teclado Control-G.

adding the handle to the stoves ovenadding the handle to the stoves ovenadding the handle to the stoves oven

Passo 8

Crie os botões de acendimento à esquerda usando quatro círculos de 4 x 4 px (#363C4C) horizontalmente espalhados a 2 px um do outro, que vamos Agrupar (Control-G) e depois posicionar acima da alça, a uma distância de 6 px da borda esquerda do fogão e 2 px do seu topo.

adding the left burner dials to the stoves upper bodyadding the left burner dials to the stoves upper bodyadding the left burner dials to the stoves upper body

Passo 9

Adicione o botão de acendimento do forno utilizando o mesmo círculo de 4 x 4 px (#363C4C), que vamos Centralizar aos botões anteriores, posicionando-o no lado direito do fogão, a uma distância de 8 px deles.

adding the oven dial to the stoves upper bodyadding the oven dial to the stoves upper bodyadding the oven dial to the stoves upper body

Passo 10

Crie o botão do temporizador usando um círculo um pouco menor de 2 x 2 px (#363C4C), que vamos posicionar a 4 px do lado direito da forma previamente criada, entre a alça do forno e o botão maior.

adding the timer dial to the stoves upper bodyadding the timer dial to the stoves upper bodyadding the timer dial to the stoves upper body

Passo 11

Termine o fogão, adicionando as inserções superiores utilizando dois retângulos de 4 x 3 px (#363C4C), que vamos alinhar com a borda superior do corpo maior, posicionando-os a 4 px das bordas externas. Depois de terminar, selecione e Agrupe todas as partes de composição da unidade usando o atalho de teclado Control-G.

finishing off the stovefinishing off the stovefinishing off the stove

8. Como Criar o Gabinete Fechado

Depois de terminar com o fogão, mova alguns pixels para a esquerda e vamos começar a trabalhar no nosso gabinete fechado.

Passo 1

Crie a parte inferior da unidade utilizando um retângulo de 72 x 8 px (#4B5463) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar no lado esquerdo do fogão.

creating the main shapes for the closed cabinets bottom sectioncreating the main shapes for the closed cabinets bottom sectioncreating the main shapes for the closed cabinets bottom section

Passo 2

Adicione o corpo principal do gabinete utilizando um retângulo de 72 x 52 px (#5A616D) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar acima da parte anterior.

creating the main shapes for the closed cabinets upper bodycreating the main shapes for the closed cabinets upper bodycreating the main shapes for the closed cabinets upper body

Passo 3

Crie a primeira gaveta utilizando um retângulo de 60 x 12 px (#82868E) com um contorno de 4 px de espessura (#363C4C), ao centro do qual vamos adicionar um retângulo menor de 28 x 4 px (#363C4C). Agrupe (Control-G) todas as três formas juntas e depois Centralize-as no corpo maior, posicionando-as 2 px da sua borda superior.

adding the first drawer to the closed cabinets upper bodyadding the first drawer to the closed cabinets upper bodyadding the first drawer to the closed cabinets upper body

Passo 4

Termine o gabinete adicionando a segunda gaveta, que vamos criar utilizando um retângulo de 60 x 22 px (#82868E) com um contorno de 4 px de espessura (#363C4C), sobre o qual vamos adicionar a alça usando um retângulo de 28 x 4 px (#363C4C). Depois de terminar, selecione e Agrupe (Control-G) todas as três formas juntas, fazendo o mesmo para toda a unidade depois.

finishing off the closed cabinetfinishing off the closed cabinetfinishing off the closed cabinet

9. Como Criar a Bancada da Cozinha

Uma vez que terminamos de trabalhar no nosso segundo gabinete, podemos nos concentrar na bancada que abriga a própria pia e as grelhas do queimador do fogão.

Passo 1

Crie a bancada atual usando um retângulo de 200 x 6 px (#5A616D) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar e depois posicionar acima dos dois gabinetes e fogão.

creating the main shapes for the kitchens countertopcreating the main shapes for the kitchens countertopcreating the main shapes for the kitchens countertop

Passo 2

Crie a pia utilizando um retângulo de 40 x 6 px (#363C4C), que vamos posicionar na bancada, certificando-se de Centralizá-lo no gabinete aberto.

creating the main shape for the kitchens sinkcreating the main shape for the kitchens sinkcreating the main shape for the kitchens sink

Passo 3

Desenhe a torneira usando um Traço de 4 px de espessura (#363C4C), que vamos Centralizar para a borda inferior da forma previamente criada.

adding the battery to the kitchens sinkadding the battery to the kitchens sinkadding the battery to the kitchens sink

Passo 4

Crie a alça da torneira usando um quadrado de 4 x 4 px (#363C4C), à esquerda do qual vamos adicionar um retângulo de 2 x 8 px (#363C4C). Agrupe (Control-G) os dois e depois posicione-os no lado esquerdo da forma previamente desenhada, selecionando e Agrupando (Control-G) todas as formas de composição da pia também.

adding the handle to the sinks batteryadding the handle to the sinks batteryadding the handle to the sinks battery

Passo 5

Termine a bancada adicionando as grelhas do queimador usando três retângulos de 8 x 4 px (#363C4C) espaçados 4 px horizontalmente um do outro, que vamos Agrupar (Control-G) e depois Centralizar para o corpo principal do fogão. Depois de terminar, selecione e Agrupe (Control-G) todas as formas de composição da parte atual antes de passar para o próximo passo.

finishing off the countertopfinishing off the countertopfinishing off the countertop

10. Como Criar a Máquina de Lavar

Em seguida, em nossa lista de eletrodomésticos é a máquina de lavar, então, sem perder mais tempo, vamos saltar nela.

Passo 1

Crie a parte inferior do dispositivo utilizando um retângulo de 52 x 8 px (#5A616D) com um contorno de 4 px de espessura (#363C4C), ao centro do qual vamos adicionar um outro retângulo de 52 x 2 px (#363C4C). Agrupe (Control-G) todas as três formas juntas e posicione-as no lado esquerdo do gabinete fechado.

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

Passo 2

Adicione o corpo principal da máquina de lavar usando um retângulo de 52 x 46 px (#E7EBF2) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar na parte superior da parte anterior.

creating the main shapes for the washing machines upper bodycreating the main shapes for the washing machines upper bodycreating the main shapes for the washing machines upper body

Passo 3

Crie a porta da frente usando um círculo de 28 x 28 px (#5592A0) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar o corpo maior subjacente, posicionando-os a uma distância de 4 px da sua borda superior.

adding the front door to the washing machines upper bodyadding the front door to the washing machines upper bodyadding the front door to the washing machines upper body

Passo 4

Adicione a parte mais escura da máquina de lavar usando um círculo de 20 x 20 px (#363C4C), que vamos Centralizar para as formas agrupadas anteriormente.

adding the inner darker section to the washing machines dooradding the inner darker section to the washing machines dooradding the inner darker section to the washing machines door

Passo 5

Crie a alça utilizando um círculo de 8 x 8 px (#5592A0) no topo do qual vamos adicionar um menor de 4 x 4 px (#363C4C). Agrupe (Control-G) as duas formas juntas, e depois Centralize-os na borda direita da forma de preenchimento visível da porta, fazendo o mesmo para a porta inteira depois.

adding the handle to the washing machines front dooradding the handle to the washing machines front dooradding the handle to the washing machines front door

Passo 6

Adicione a inserção da parte inferior da máquina de lavar usando um retângulo de 32 x 4 px (#363C4C), que vamos Centralizar à borda inferior do seu corpo maior.

adding the bottom insertion to the washing machines upper bodyadding the bottom insertion to the washing machines upper bodyadding the bottom insertion to the washing machines upper body

Passo 7

Adicione a segunda inserção utilizando um retângulo um pouco mais estreito de 20 x 4 px (#363C4C), que vamos centralizar na borda superior do corpo maior. Depois de terminar, selecione e Agrupe todas as formas de composição da parte atual usando o atalho de teclado Control-G.

adding the top insertion to the washing machines upper bodyadding the top insertion to the washing machines upper bodyadding the top insertion to the washing machines upper body

Passo 8

Crie a parte superior da máquina de lavar usando um retângulo de 52 x 12 px (#82868E) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar acima do seu corpo maior.

adding the upper section to the washing machines main bodyadding the upper section to the washing machines main bodyadding the upper section to the washing machines main body

Passo 9

Adicione o display utilizando um retângulo de 16 x 4 px (#363C4C) que vamos Centralizar a parte anteriormente criada.

adding the display to the washing machines upper bodyadding the display to the washing machines upper bodyadding the display to the washing machines upper body

Passo 10

Crie os botões esquerdos utilizando dois círculos de 4 x 4 px (#363C4C) posicionados 2 px um do outro, que vamos Agrupar (Control-G) e depois Centralizar para o display, posicionando-os a 4 px a partir dele.

adding the left dials to the washing machines upper bodyadding the left dials to the washing machines upper bodyadding the left dials to the washing machines upper body

Passo 11

Adicione o botão direito utilizando um outro círculo de 4 x 4 px (#363C4C), que vamos posicionar no lado oposto do display, 8 px da sua borda direita. Depois de terminar, selecione e Agrupe todas as formas de composição da parte atual usando o atalho de teclado Control-G.

adding the right dial to the washing machines upper bodyadding the right dial to the washing machines upper bodyadding the right dial to the washing machines upper body

Passo 12

Termine a máquina de lavar criando o painel de trás utilizando um retângulo de 36 x 8 px (#5A616D) com um contorno de 4 px de espessura (#363C4C), na parte inferior do qual vamos adicionar um retângulo de 24 x 4 px (#363C4C). Agrupe (Control-G) todas as três formas juntas, posicionando-as acima da parte anterior, certificando-se de fazer o mesmo para toda a unidade depois.

finishing off the washing machinefinishing off the washing machinefinishing off the washing machine

Passo 13

Crie a primeira toalha utilizando um retângulo arredondado de 26 x 8 px (#929BDD) com um Corner Redius de 4 px e um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar na máquina de lavar, a uma distância de 2 px da borda direita.

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

Passo 14

Crie a segunda toalha utilizando uma cópia do primeiro (Control-C > Control-F), que vamos posicionar em cima, certificando-se de mudar a cor da forma de preenchimento para #A1C689. Depois de terminar, selecione e Agrupe ambos juntos usando o atalho de teclado Control-G.

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

11. Como Criar a Prateleira e os Elementos Decorativos

Nós fizemos o gabinete aberto, e fizemos o gabinete fechado, então agora é hora para uma boa e antiga prateleira suspensa.

Passo 1

Crie o corpo principal da prateleira utilizando um retângulo de 104 x 6 px (#82868E) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar acima da bancada, a uma distância de 14 px da torneira e 16 px da geladeira.

creating the main shapes for the suspended shelfcreating the main shapes for the suspended shelfcreating the main shapes for the suspended shelf

Passo 2

Adicione os pequenos suportes usando dois retângulos de 4 x 8 px (#363C4C) espaçados horizontalmente a 76 px um do outro, que vamos Agrupar (Control-G) e depois posicionar abaixo da prateleira, Centralizando-os ao seu corpo maior. Depois de terminar, selecione todas as formas de composição da prateleira e Agrupe-os (Control-G) também.

adding the bottom brackets to the suspended shelfadding the bottom brackets to the suspended shelfadding the bottom brackets to the suspended shelf

Passo 3

Criar os copos vazios utilizando quatro retângulos de 6 x 12 px (#5592A0) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar individualmente (Control-L) e depois posicione a 8 px distante um do outro (4 px de um contorno para outro). Depois de terminar, posicione as formas na prateleira, a uma distância de 4 px da sua borda direita.

adding the glasses to the suspended shelvesadding the glasses to the suspended shelvesadding the glasses to the suspended shelves

Passo 4

Mova alguns pixels para a esquerda, e comece a trabalhar no pequeno Bluetooth speaker criando seu corpo principal usando um retângulo de 32 x 16 px (#929BDD) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois posicionar na prateleira, 8 px da sua borda esquerda.

creating the main shapes for the bluetooth speakers main bodycreating the main shapes for the bluetooth speakers main bodycreating the main shapes for the bluetooth speakers main body

Passo 5

Adicione as unidades de speakers usando dois círculos de 8 x 8 px (#363C4C), que vamos posicionar a 8 px de distância um do outro, Agrupando (Control-G) e depois Centralizando-os ao corpo do dispositivo.

adding the two speaker units to the bluetooth speakeradding the two speaker units to the bluetooth speakeradding the two speaker units to the bluetooth speaker

Passo 6

Crie as inserções superior e inferior usando dois retângulos de 8 x 4 px (#363C4C), que vamos empilhar verticalmente a uma distância de 8 px um do outro, Agrupando (Control-G) e depois Centralizando os dois para o corpo maior.

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

Passo 7

Adicione os botões do speaker utilizando três retângulos altos de 4 px (#363C4C), espaçados horizontalmente a 2 px um do outro, que vamos Agrupar (Control-G) e, em seguida, posicionar na parte superior do speaker, a uma distância de 6 px da sua borda esquerda. Depois de terminar, selecione e Agrupe todas as formas de composição do dispositivo usando o atalho de teclado Control-G.

adding the buttons to the bluetooth speakeradding the buttons to the bluetooth speakeradding the buttons to the bluetooth speaker

12. Como Criar a Janela

Supondo que não projetamos a cozinha para ser usada dentro de um abrigo fechado, vamos criar uma pequena janela para dar um pouco de ar.

Passo 1

Comece criando o quadro usando um retângulo de 52 x 68 px (#E2AA7D) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e, em seguida, posicionar a uma distância de 12 px da bancada e 16 px da prateleira suspensa.

creating the main shapes for the windows framecreating the main shapes for the windows framecreating the main shapes for the windows frame

Passo 2

Adicione a parte interna do quadro usando um retângulo de 40 x 56 px (#A5795B) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar a parte previamente criada.

creating the main shapes for the window frames inner sectioncreating the main shapes for the window frames inner sectioncreating the main shapes for the window frames inner section

Passo 3

Crie a janela de vidro usando um retângulo de 30 x 46 px (#ABDBEF) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar a parte interna da janela.

creating the main shapes for the window frames glass sectioncreating the main shapes for the window frames glass sectioncreating the main shapes for the window frames glass section

Passo 4

Adicione as dobradiças usando dois retângulos de 10 x 8 px (#363C4C), empilhados verticalmente a 32 px um do outro, que vamos Agrupar (Control-G) e depois Centralizar para o lado esquerdo da parte interna do quadro.

adding the side hinges to the windows frameadding the side hinges to the windows frameadding the side hinges to the windows frame

Passo 5

Crie as nuvens usando três retângulos altos de 4 px (#EDF6F9) que vamos ajustar configurando o Radius de seus cantos internos para 2 px. Não tenha pressa, e depois de terminar, selecione e Agrupe todas as três formas usando o atalho de teclado Control-G.

adding the clouds to the windows glass sectionadding the clouds to the windows glass sectionadding the clouds to the windows glass section

Passo 6

Conclua a janela criando sua alça utilizando um retângulo de 16 x 4 px (#363C4C), que vamos centralizar à borda direita da parte interna do quadro. Depois de terminar, selecione e Agrupe todas as suas formas de composição usando o atalho de teclado Control-G.

finishing off the windowfinishing off the windowfinishing off the window

13. Como Criar a Iluminação de Teto

Estamos agora na última parte da nossa cozinha, então sem perder mais tempo, vamos acabar com isto.

Passo 1

Crie a linha do teto utilizando um Traço de 184 px de largura com 4 px de espessura (#363C4C), que vamos Centralizar para a Prancheta, posicionando-o a uma distância de 18 px da borda superior da janela.

creating the main shape for the ceilings linecreating the main shape for the ceilings linecreating the main shape for the ceilings line

Passo 2

Comece a trabalhar no centro da luminária, criando seu corpo principal usando um retângulo de 12 x 16 px (#E8B169) com um contorno de 4 px de espessura (#363C4C), que vamos Agrupar (Control-G) e depois Centralizar com a forma do passo anterior, posicionando-o a 18 px abaixo dele.

creating the main shapes for the center lighting fixtures main bodycreating the main shapes for the center lighting fixtures main bodycreating the main shapes for the center lighting fixtures main body

Passo 3

Adicione a linha decorativa horizontal utilizando um Traço de 12 px de largura e 4 px de espessura (#363C4C), que vamos Centralizar ao corpo principal da luminária, posicionando-o a 2 px a partir da sua borda inferior.

adding the horizontal decorative line to the center lighting fixtures bodyadding the horizontal decorative line to the center lighting fixtures bodyadding the horizontal decorative line to the center lighting fixtures body

Passo 4

Desenhe a parte do cabo conectado à luminária ao teto utilizando um Traço de 18 px de altura e 4 px de espessura (#363C4C), selecionando e Agrupando (Control-G) todas as suas formas de composição juntas depois.

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

Passo 5

Crie as luminárias restantes utilizando duas cópias (Control-C > Control-F duas vezes) daquele que acabamos de trabalhar, que vamos posicionar nos lados, a uma distância de 40 px do original.

adding the remaining lighting fixtures to the ceilingadding the remaining lighting fixtures to the ceilingadding the remaining lighting fixtures to the ceiling

Passo 6

Termine o teto e com ele a própria ilustração, adicionando a base da iluminação usando um retângulo de 128 x 6 px (#363C4C), que vamos centralizar na parte inferior de sua linha. Depois de terminar, selecione e Agrupe (Control-G) todas as formas de composição da parte atual, fazendo o mesmo para toda a ilustração depois.

finishing off the ceilingfinishing off the ceilingfinishing off the ceiling

Ótimo Trabalho!

Aí está—uma abordagem passo-a-passo sobre como construir sua própria cozinha moderna, usando apenas as soluções mais simples. Espero que você tenha se divertido fazendo este tutorial e, o mais importante, aprendido algo novo e útil ao longo do caminho.

Vector Kitchen Illustration Adobe Illustrator TutorialVector Kitchen Illustration Adobe Illustrator TutorialVector Kitchen Illustration Adobe Illustrator Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads