New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Deconstruction
Design

Como Criar uma Ilustração de Conceito de "Hora do Churrasco" no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Como Criar uma Ilustração de Conceito de "Hora do Churrasco" no Adobe Illustrator

Neste tutorial, você vai aprender a criar uma ilustração de churrasco de verão em design flat usando as formas e ferramentas mais básicas do Adobe Illustrator.

Se você quiser pular o tutorial, você pode apenas adquirir o resultado como parte do meu pacote de Backgrounds de Ideia de Atividade de Verão. Encontre mais inspiração em GraphicRiver.

Summer Activity Concept Backgrounds

1. Como Criar um Novo Documento

Vamos começar o nosso projeto criando um novo documento. Apenas vá para File > New (ou Control/Comando-N) e configure o documento como a seguir:

  • Number of Artboards: 1
  • Width: 800
  • Height: 600
  • Units: pixels

Da Aba Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Align New Objects to Pixel Grid: Desmarcado
Creating a new document

2. Como Fazer uma Mesa e uma Cadeira de Piquenique

Passo 1

Vamos começar simples, pegando uma Ferramenta Rectangular (M) e criando um retângulo de 215 x 15 px que vai atuar como um topo da mesa, preenchendo-o com a cor #BD3337.

Construa uma outra forma vertical de 8 x 130 px com a cor de preenchimento #B8B79D. Posicione-a perto do lado esquerdo do retângulo vermelho, alinhando para a sua borda inferior.

Selecione a faixa vertical e escolha a  Ferramenta Reflect (O). Segurando a tecla Alt, clique no meio do retângulo grande. Na janela de opção Reflect, defina o Axis para Vertical e pressione Copy, refletindo a faixa para o lado direito da forma vermelha, obtendo as pernas da mesa.

Building the table

Passo 2

Crie dois pequenos retângulos de 10 x 12,5 px de cor #47392C, posicionando-os bem sobre a borda inferior das pernas da mesa vertical e alinhando para o seu meio.

Forme uma faixa horizontal de 65 x 4.5 px que vamos colorir usando #B8B79D. Selecione a figura e clique duas vezes na Ferramenta Rotate (R) para abrir o menu Options. Defina o valor de Ângulo para 90 graus, pressione OK e mande o retângulo para trás com Object > Arrange > Send Backward.

Coloque a forma que criamos para o lado esquerdo da mesa embaixo do retângulo vermelho, escondendo suas partes superiores e inferiores atrás do topo e da perna da mesa.

Selecione o retângulo inclinado e pegue a Ferramenta Reflect (O). Segurando a tecla Alt, clique no meio do topo da mesa. Na janela Reflect, defina o Axis para Vertical e pressione o botão Copy, obtendo uma cópia espelhada da forma inclinada no lado direito da mesa.

Agrupe (Control-G) todas as partes da mesa juntas.

Finishing the table

Passo 3

Comece a criar a cadeira fazendo um retângulo de 94 x 40 px da cor #E04938.

Adicione dois retângulos verticais finos de tamanho de 4 x 110 px (#DEDDBD) em cada lado interno da forma vermelha, posicionando-os debaixo da borda inferior da figura maior. Eles vão atuar como as pernas da cadeira.

Crie dois retângulos pequenos de 22 x 7 px, colorindo-os com #E04938. Coloque cada retângulo no meio da perna da cadeira, posicionando-os cerca de 20 px abaixo da forma superior.

Adicione mais um retângulo de 118 x 9 px e posicione-o nas pernas da cadeira, abaixando-o cerca de 15 px das formas vermelhas menores e alinhando para o meio do retângulo grande superior.

Making a chair

Passo 4

Com a ajuda da Ferramenta Pen (P), desenhe uma linha inclinada de 4 px de largura, que vai da interseção da perna esquerda da mesa e da forma vermelha inferior diagonalmente para a borda inferior da perna direita da cadeira e, depois cerca de 10 px para o lado direito (veja o exemplo abaixo)

Reflita a linha para o lado direito da cadeira usando a Ferramenta Reflect (O).

Escolha ambas as linhas que criamos e vá para Object > Expand. Verifique a opção Stroke, e desmarque a opção Fill, pressionando OK. Nossos traços se transformarão em formas preenchidas.

Mantendo ambas as figuras selecionadas, vá para Object > Arrange > Send Backward, colocando-os atrás das outras partes da cadeira. Agrupe (Control-G) todas as partes da cadeira juntas.

Finishing the chair

3. Como Criar uma Caneca

Passo 1

Comece a construir a caneca fazendo um retângulo de 52 x 53.5 que vamos preencher usando #DEDDBD. Selecione as duas âncoras inferiores com a Ferramenta Direct Selection (A)

Use o recurso Live Corners para fazer os cantos arredondados puxando o indicador circular para o centro do retângulo, definindo o raio do canto para cerca de 6 px.

Forming a rectangle

Passo 2

Crie uma listra de 55 x 3.5 px e pinte-a usando #977866.

Selecione a faixa e o retângulo grande, mantendo pressionada a tecla Shift. Clique novamente no objeto maior (você não precisa pressionar Shift esta vez!).

Um contorno azul aparece ao redor do formato maior, e o Align to Key Object é selecionado automaticamente no painel Control e no painel Align.

No painel Align (Window > Align) ou no painel Control, clique no botão Horizontal Align Center e depois no botão Vertical Align Top.

Creating a cup

Passo 3

Nós ainda precisamos de uma alça para a nossa caneca.

Crie um retângulo de 16 x 20 px sem cor de Preenchimento,definindo a espessura do traço para 3 px e a cor do traço para #977866. Usando o recurso Leave Corners, faça os cantos superior-direito e inferior-direito do formato arredondado. Envie a alça para trás e posicione-a no lado direito da caneca, escondendo a sua parte esquerda atrás da caneca. Agrupe (Control-G) todas as partes da caneca juntas.

Finishing the cup by adding a handle

4. Como Fazer uma Colher e um Garfo

Passo 1

Primeiro vamos criar um cabo, que vamos usar nos próximos passos para formar uma colher e um garfo.

Crie um retângulo de 5 x 41 px de cor #DEDDBD. Mantendo a forma criada selecionada, aplique  Effect > Warp > Bulge com -3% do valor Vertical Bend e 25% de Vertical Distortion.

Vá para Object > Expand Appearance para transformar o efeito em uma forma sólida. Faça a parte inferior da figura totalmente arredondada arrastando as ferramentas de Live Corners.

Uma vez que precisamos do mesmo cabo para a colher e o garfo, crie mais uma cópia do formato.

Creating the bottom part for the fork and spoon

Passo 2

Com a ajuda da Ferramenta Ellipse (L), construa uma elipsede 17 x 27.5 da cor #DEDDBD, posicionando na parte superior do cabo. Selecione seus pontos de ancoragem laterais com a Ferramenta Direct Selection (A) e arraste-os um pouco para baixo.

Selecione ambas as figuras e mescle-as em uma usando a opção Unite do painel Pathfinder.

Faça os cantos entre a parte do topo da forma oval da colher e o cabo arredondada usando o recurso Live Corners.

Building a spoon

Passo 3

Pegue a Ferramenta Polygon e clique na área de trabalho perto do segundo cabo que criamos no Passo 1. No painel de opção Polygon, defina o raio para 7.5 px e os lados para 8, obtendo a forma octogonal. Mude a cor de Preenchimento da figura para #DEDDBD e arraste a forma na parte superior do segundo cabo, fazendo com que ela sobreponha o cabo e alinhe para o seu meio (1).

Selecione a Ferramenta Delete Anchor Point (-) e clique nas duas âncoras superiores da forma octogonal, deletando-as (2). Escolha a âncora inferior esquerda da forma restante e mova-a para a direita enquanto mantém pressionada a tecla Shift, encaixando o ponto no contorno esquerdo do cabo. Usando o mesmo método, arraste o ponto de ancoragem inferior direito para o contorno direto do cabo (3).

Selecione ambas as formas e Una elas no Pathfinder. Faça os cantos entre a parte superior e o cabo arredondado com a ajuda do recurso Live Corners (4).

Building a fork

Passo 4

Construa um  retângulo vertical de 2 x 15 px da mesma cor #DEDDBD e coloque-o no lado superior da forma previamente construída, alinhando-o para o lado esquerdo. Depois adicione um ponto de ancoragem para o meio da borda superior do retângulo com a Ferramenta Add Anchor Point+ ) (1).

Delete as âncoras superior esquerda e direita com a Ferramenta Delete Anchor Point (-), obtendo uma forma semelhante a uma agulha. Crie a mesma forma no lado direito da figura (2).

Selecione ambas as formas tipo agulha com a Ferramenta Selection (V) enquanto mantém pressionada a tecla Shift. Selecione Object > Blend > Make.

Por padrão, o Illustrator cria uma transição de cor suave. Nós vamos consertá-la selecionando Object > Blend > Blend Options ou clicando duas vezes na Ferramenta Blend. Altere a opção Spacing para Specified Steps, ajustando o valor para 2 (3).

Mantendo o objeto selecionado, vá para Object > Expand. Marque a opção Object, e desmarque a opção Fill e Stroke, pressionando OK.

Escolha as formas semelhantes a agulha juntamente com a figura inferior e use a opção Unite do painel Pathfinder .

Faça os espaços entre as agulhas arredondadas selecionando as âncoras inclinadas com a Ferramenta Direct Selection (A) e arrastando as ferramentas Live Corners (4).

Nosso garfo está pronto!

Finishing the fork

5. Como Criar uma Frigideira e um Grelhador

Passo 1

Vamos começar a construir uma frigideira pegando a Ferramenta Ellipse (L) e criando um círculo de 95 x 95 px de cor #635042. Adicione dois círculos menores dentro: um círculo de 77 x 77 px de cor #977866 e um círculo de  65 x 65 px (#B08F64).

Faça um retângulo de 17 x 175 px sem cor de Preenchimento, mas com um traço de 5 px (#46382B) perto do grupo de círculos. Faça a parte superior da forma totalmente arredondada. Depois arraste ligeiramente as âncoras inferiores arrastando os Live Corners com a Ferramenta Direct Selection (A). Posicione a forma resultante nos círculos, alinhando para o seu meio e fazendo com que a parte inferior do retângulo se destaque levemente do contorno inferior do círculo externo.

Envie a forma do retângulo para trás selecionando-a e indo para Object > Arrange > Send BackwardAgrupe (Control-G) todas as partes juntas.

Working over the cooking pan

Passo 2

Crie um círculo de 90 x 90 px com 3 px de espessura do traço e cor #DEDDBD sem cor de Preenchimento. Selecioneo círculo e vá para Object > Expand. Marque a opção Stroke, e desmarque a opção Fill, pressionando OK. Nosso traço se transformará em uma forma preenchida.

Faça uma faixa de 1.5 x 130 px e de cor #47392C perto do lado esquerdo da forma circular, alinhando o seu centro entre as âncoras superior e inferior do círculo.

Selecione a faixa vertical e escolha a Ferramenta Reflect (O). Segurando a tecla Alt, clique na âncora do meio do topo da forma circular.  Na janela de opção Reflect, defina o Axis para Vertical epressione Copy, refletindo a faixa no lado direito do círculo.

Envie ambas as figuras verticais para trás com Object > Arrange > Send Backward, escondendo-as atrás da forma circular.

Creating a stroked circle and two vertical stripes

Passo 3

Selecione ambas as listras verticais e vá para Object > Blend > Make.

Selecionando Object > Blend > Blend Options ou clicando duas vezes na ferramenta Blend, defina a opção Spacing para Specified Steps e o valor para 10. Mantendo o objeto selecionado, use Object > Expand. Marque a opção Object, e desmarque a opção Fill e Stroke. Depois pressione OK.

Selecione o grupo de linhas que criamos e pressione Control-C e Control-F, criando uma cópia do grupo em frente do primeiro. Mantendo os objetos selecionados, mova o ponteiro para fora da caixa delimitadora e perto da alça superior direita da caixa delimitadora para que o ponteiro mude para uma seta inclinada.  Depois arraste para a parte inferior, mantendo pressionada a tecla Shift, girando a cópia em 90 graus.

Copying the vertical stripes and making the grill

Passo 4

Vamos cortar as partes das listras que ficam fora da forma circular.

Selecione o grupo de listras verticais junto com o círculo. Depois use a Ferramenta Shape Builder (Shift-M). Mantenha pressionada a tecla Alt, clique e segure o botão esquerdo do mouse em uma área livre perto do lado esquerdo do grupo, arraste ao longo da parte destacada, e solte o mouse para deletar ele. Repita a ação para todas as partes sobrepostas.

Agrupe (Control-G) todas as partes juntas.

Cutting of the outstanding grill parts

Passo 5

Crie um retângulo de 7 x 167 px sem cor e Preenchimento e com traço de 2 px (#DEDDBD). Delete a borda inferior clicando nele com a Ferramenta Direct Selection (A) e pressionando o botão Delete. Faça a parte superior arredondada.

Construa um retângulo vermelho de 9.5 x 27 px de cor #E04938, posicionando-o na metade superior da forma vertical, deixando um espaço de cerca de 9 px entre a parte superior da forma vermelha e o contorno superior da figura arredondada vertical.

Adicione mais um retângulo arredondado de 12 x 6.5 px sem Preenchimento e com traço de 2 px #47392C), alguns pixels menores do que a forma vermelha, alinhando ao meio. Agrupe (Control-G) a construção inteira e coloque-a no círculo criado anteriormente, alinhando ao seu centro e fazendo com que sua parte inferior se estenda para baixo por alguns pixels a partir do contorno inferior do círculo.

Agrupe (Control-G) os objetos do grelhador.

Finishing the grill pan

6. Como Criar a Churrasqueira

Passo 1

Vamos começar simplesmente criando uma elipse de 125 x 95 px das configurações de cores padrão com a ajuda da Ferramenta Ellipse (L). Desenhe uma linha horizontal que atravessa as âncoras do meio e do lado da figura. Selecione ambas as formas e Divida-as, usando o painel PathfinderDesagrupe (Control-Shift-G) as formas e defina a cor de Preenchimento da metade superior para #E04938 e da parte inferior para #DEDDBD.

Building an ellipse and dividing it on two parts

Passo 2

Crie um retângulo de 135 x 9.5 px de cor #BD3337 paraa margem, posicionando-o no meio da forma da elipse.

Crie um pequeno retângulo arredondado sem preenchimento e traço de 2 px (#915B3F) que vai atuar como um cabo. Posicione-o no topo da parte vermelha, escondendo a metade inferior do retângulo atrás da forma maior.

Adicione um pequeno círculo colorido com #E1F4F7 para a parte direita da forma vermelha, representando um brilho plano e estilizado.

Faça uma forma semelhante ao T, consistindo em dois retângulos que vamos colorir usando #47392C: o horizontal de 10.5 x 2.5 px de tamanho e o vertical de 2 x 5 px de tamanho. Junte ambos os retângulos no Pathfinder e, rotacionando a figura, posicione-a no lado esquerdo da metade inferior maior da forma circular, escondendo a borda direita atrás dela. Faça uma cópia espelhada da forma semelhante ao T no lado direito usando a Ferramenta Reflect (O).

Finishing the top part of the BBQ grill

Passo 3

Crie uma faixa vertical de 4.5 x 95 px para a perna da churrasqueira, preenchendo-a com #B8B79D e fazendo o fundo arredondado. 

Adicione um retângulo pequeno de 4.5 x 7 px (#47392C) à sua parte central, imitando o revestimento de borracha. Crie um retângulo maior da mesma cor, sobrepondo a parte inferior da perna.  Corte as partes do retângulo que se destacam da perna com a ajuda da Ferramenta Shape Builder (M) e Agrupe (Control-G) todas as partes da perna.

Selecione o grupo de pernas e clique duas vezes na Ferramenta Rotate (R), abrindo o menu Options. Defina o valor de Angle para 20 graus e pressione OK. Envie a perna para trás com Object > Arrange > Send Backward e posicione-a no lado direito da parte circular da churrasqueira que criamos no passo anterior.

Faça uma cópia simétrica da perna no lado esquerdo da forma da elipse usando o método da Ferramenta Reflect (O).

Creating the legs for the BBQ grill

Passo 4

Adicione uma ponte de 4.5 px de largura (#C4C4C4) entreas pernas da churrasqueira, escondendo os seus lados atrás dos destaques pretos superiores.

Crie mais um retângulo vertical de 4.5 x 95 px com um fundo arredondado, preenchendo-o com #524C4E. Posicione-o entre as pernas da churrasqueira, alinhando ao meio da parte da churrasqueira semelhante à elipse e ao fundo dos pés de borracha. Envie o objeto para trás, escondendo o topo dele atrás da parte circular.

Agrupe (Control-G) todas as partes juntas. Nossa churrasqueira está pronta!

Finishing the BBQ grill

7. Como Criar o Fundo do Churrasco

Hora para terminar a cena inteira do churrasco criando um fundo simplista e formando a composição final.

Passo 1

Crie um retângulo de fundo e preencha-o com #A2B51B. Crie um outro retângulo arredondado que vamos colorir usando #FDF9FF na parte inferior da composição para o nível do solo.

Adicione um retângulo grande de cor#DEDDBDque se sobrepõe totalmente na metade inferior da figura da luz arredondada. Selecione ambas as formas e delete as partes salientes da figura inferior usando a Ferramenta Shape Builder (Shift-M), obtendo a sombra flat estilizada na parte inferior do nível do solo.

Creating the ground level

Passo 2

Construa uma árvore de abeto simples consistindo de triângulos e espalhe os abetos atrás do nível do solo, criando o fundo da floresta.

Rendering the fir and the forest background

Passo 3

Para preencher o espaço vazio e adicionar profundidade à nossa paisagem, crie formas como uma nuvem sobre a floresta com a ajuda da Ferramenta Pen (P) ou da Ferramenta Rectangle (M), tornando os cantos das figuras resultantes arredondadas.

Creating the clouds

Passo 4

Uma vez que terminamos com a cena de fundo, é hora de voltar para os utensílios de churrasco criados anteriormente e espalhá-los pelo nível do solo, formando uma composição equilibrada. Você pode usar o exemplo abaixo como referência, mas sinta-se livre para usar a sua própria imaginação.

Finishing the whole scene

É Hora do Churrasco!

E aí temos ela! Bem Feita!

Se você precisa verificar o arquivo de origem para ver todos os detalhes, ou se você quiser obter todo o conjunto de ilustrações de conceito de atividades ao ar livre para os seus projetos, você pode pegar esses Backgrounds de Conceito de Atividade de Verão em GraphicRiver.

Summer Activity Concept Backgrounds

Espero que você tenha gostado de criar esta ilustração de churrasco e tenha aprendido algo útil ao longo do caminho.         

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