Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration

Como Criar um Ambiente Retrô no Adobe Illustrator

by
Read Time:10 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

Neste tutorial, você vai aprender a criar um ambiente retrô no Adobe Illustrator. Vamos utilizar formas e efeitos básicos para criar nossa imagem.

Para todos os amantes do retrô, esta imagem é uma incrível obra de arte para criar. Eu apenas adoro as casas retrô estilosas e clean. Mesmo que conseguir tal casa na vida real seja um pouco difícil, criá-la no Adobe Illustrator não precisa ser.  Para mais imagens e inspiração, você pode ir para GraphicRiver. Eles têm uma seleção de ilustrações retrô incríveis que podem inspirá-lo a desenhar.

Então pegue uma bebida e vamos começar!

1. Como Criar a Cadeira

Passo 1

Depois de abrir o Adobe Illustrator e criar um novo documento com Largura e Altura de 850 px, vamos começar o nosso ambiente criando uma cadeira. Primeiro, vamos criar uma base de madeira para isso.

Pegue a Ferramenta Rectangle (M) e desenhe um retângulo longo. Enquanto mantém as teclas Shift e Alt pressionadas, mova este retângulo para a direita. Você vai obter uma nova cópia. Você estava pressionando a tecla Alt para criar a cópia e a tecla Shift para certificar-se de que a cópia ficaria perfeitamente alinhada.

Depois altere sua cor de preenchimento para uma cor mais clara. 

how to create the wooden base of the chairhow to create the wooden base of the chairhow to create the wooden base of the chair

Passo 2

Vamos criar as pernas da cadeira. Você vai precisar da Ferramenta Rectangle (M) para criar um retângulo. Depois disso, pegue a Ferramenta Direct Selection (A), selecione os pontos de ancoragem inferiores esquerdo e direito e mova-os para a esquerda. Observe que você precisa mover o ponto de ancoragem inferior esquerdo menos do que o direito.

how to create the leg of the chairhow to create the leg of the chairhow to create the leg of the chair

Passo 3

Anexe a perna à base de madeira da cadeira. Mantendo as teclas Shift e Alt pressionadas juntas, mova a perna para a direita. Você vai receber uma nova cópia da perna.

Mantenha as duas selecionadas e pressione a Ferramenta Reflect (O). Imediatamente, enquanto segura a tecla Alt, clique à direita destas duas pernas. Na nova janela de diálogo que vai ser exibida, selecione Axis Vertical, Ângulo de 90 graus e depois pressione Copy. Você terá mais duas pernas.

Finalmente, você deve alterar a cor de preenchimento das duas pernas marcadas na imagem abaixo. 

how to create another legs of the chairhow to create another legs of the chairhow to create another legs of the chair

Passo 4

Pegue a Ferramenta Rounded Rectangle e crie um retângulo arredondado azul escuro, como mostrado na imagem abaixo. Utilizando a mesma ferramenta, desenhe um outro retângulo arredondado. Finalmente, adicione um círculo em cima do último. Para criar um círculo bonito e uniforme, utilize a Ferramenta Ellipse (L), segurando a tecla Shift enquanto a cria. Esta vai ser a parte de trás da nossa cadeira.

how to create the cushions of the chairhow to create the cushions of the chairhow to create the cushions of the chair

Passo 5

Adicione um novo retângulo arredondado utilizando a Ferramenta Rounded Rectangle. Note que ele tem que ficar para trás. Então, selecione-o, corte-o (Control-X) e posicione-o atrás (Control-B).

Utilizando a Ferramenta Ellipse (L), desenhe uma elipse como mostrada abaixo. Eu marquei esta elipse com um traçado amarelo que você realmente não precisa, apenas a cor de preenchimento.

Utilizando a Ferramenta Rectangle (M), desenhe um retângulo atrás.

Certifique-se de ter marcado o Corner Widge (View > Show Corner Widget). Em seguida, pegue a Ferramenta Direct Selection (A) e selecione apenas o canto superior direito do retângulo criado anteriormente. Perto deste canto tem que estar um pequeno círculo, que é a Ferramenta Corner Widget. Utilizando esta ferramenta, arraste este pequeno círculo dentro do retângulo. Você vai notar que este canto (ponto de ancoragem) se torna arredondado. Isso é exatamente o que você precisa: o canto superior direito precisa ser arredondado.

continue creating the cushions of the chaircontinue creating the cushions of the chaircontinue creating the cushions of the chair

Passo 6

Utilizando a Ferramenta Rounded Rectangle, adicione um novo retângulo arredondado. Eu marquei com um traçado amarelo para você, então você pode visualizar melhor.

Depois adicione um círculo utilizando a Ferramenta Ellipse (L), segurando a tecla Shift enquanto a cria.

continue creating the cushions of the chaircontinue creating the cushions of the chaircontinue creating the cushions of the chair

Passo 7

Adicione um pequeno retângulo atrás da parte azul mais clara da cadeira e da parte mais escura. 

Mantendo pressionadas as teclas Shift e Alt juntas, mova este retângulo para a direita. Você vai obter uma cópia deste retângulo.

Adicione um retângulo longo e arredondado para criar o apoio de braço.

Selecione o apoio de braço inteiro e, novamente, mantendo pressionadas as teclas Shift e Alt juntas, mova-o para a direita para obter um apoio de braço para o outro lado.

A cadeira está pronta!

how to create the armrests of the chairhow to create the armrests of the chairhow to create the armrests of the chair

Passo 8

Terminamos a cadeira, mas ainda queremos obter o puff. 

Para isto, vamos pegar todas as partes da cadeira que estão marcadas na imagem abaixo por traços vermelhos. Selecione-as e, mantendo pressionadas as teclas Shift e Alt, mova-as para a direita. Você tem um puff agora!

how to create the padded stool how to create the padded stool how to create the padded stool

Torne o puff menor.

placing together the padded stool and the chairplacing together the padded stool and the chairplacing together the padded stool and the chair

2. Como Criar a Estante de Livros

Passo 1

Vamos começar nossa estante de livros a partir de um retângulo alto e estreito.

Adicione um pequeno círculo em cima dele. 

Depois adicione um pequeno quadrado. Para obter um quadrado uniforme, utilize a Ferramenta Rectangle (M) enquanto mantém pressionada a tecla Shift.

Depois disso, queremos rotacionar este quadrado exatamente a 45 graus. Selecione o quadrado utilizando a Ferramenta Selection (V). Mantendo pressionada a tecla Shift enquanto rotaciona, você vai poder rotacionar exatamente a 45 graus.

Finalmente, pegue a Ferramenta Direct Selection (A) e selecione o ponto de ancoragem superior no quadrado. Utilizando a mesma ferramenta, mova este ponto de ancoragem para cima.

how to create the vertical parts of the bookshelfhow to create the vertical parts of the bookshelfhow to create the vertical parts of the bookshelf

Passo 2 

Não fique confuso com os retângulos verdes que você vê na imagem abaixo, porque eles estão lá apenas para melhor orientação. 

No momento, você tem a primeira parte da estante, que será a estrutura. Crie uma nova cópia disto: mantendo pressionadas as teclas Shift e Alt juntas, mova-a para a direita.

Em seguida, vamos criar as prateleiras. Desenhe um retângulo longo que conecte as duas partes verticais da estante de livros.

Mantendo pressionas as teclas Shift e Alt , mova a prateleira horizontal para baixo. Depois disso, pressione Control-D algumas vezes para repetir seu último movimento. Pare quando você tiver prateleiras suficientes.

how to create the horizontal parts of the bookshelfhow to create the horizontal parts of the bookshelfhow to create the horizontal parts of the bookshelf

Passo 3

Desenhe um retângulo mais escuro atrás para obter a parte de trás da estante. 

Para tornar a nossa estante ainda mais retrô, vamos criar alguns retângulos arredondados, como mostrados na imagem abaixo. Observe como os retângulos arredondados ficam menores quanto mais você sobe.

how to create the back of the bookshelfhow to create the back of the bookshelfhow to create the back of the bookshelf

3. Como Criar os Livros

Passo 1

Para a pilha de livros, vamos começar  a partir de um retângulo arredondado. 

Depois corte o seu lado direito: faça com que o lado direito do retângulo arredondado se sobreponha a um retângulo de qualquer cor. Enquanto mantém estes dois selecionados, pressione o botão Minus Front no painel Pathfinder (Window > Pathfinder).

Esta forma vai ser as páginas do nosso livro. Faça uma nova cópia dela por trás (Control-C, Control-B). Enquanto a mantém selecionada, delete a cor de preenchimento e defina um traçado espesso azul. Para aumentar a Espessura do traço, vá para o painel Stroke (Window > Stroke). Depois disso, expanda este traço (Object > Expand). Na nova janela de diálogo, verifique se o Fill e o Stroke estão marcados e pressione OK.

Faça com que a forma azul se sobreponha a qualquer retângulo colorido. Enquanto mantém essas duas formas selecionadas, pressione o botão Minus Front no painel Pathfinder (Window > Pathfinder).

Finalmente, adicione dois retângulos minúsculos, como mostrados abaixo, para completar o livro. Para garantir que estes retângulos fiquem exatamente onde você deseja, verifique se você marcou View > Smart Guides, que vai ajudar você.  Tenha em mente que o traço preto está lá apenas para melhor visibilidade. 

how to create the laying bookhow to create the laying bookhow to create the laying book

Passo 2 

Crie mais alguns livros alterando a cor de preenchimento das capas. Sinta-se à vontade para brincar com os tamanhos.

how to create another laying bookshow to create another laying bookshow to create another laying books

Passo 3

Já que as estantes de livros devem ter muitos livros, vá em frente e crie um monte a mais utilizando formas básicas. Sinta-se à vontade para mudar as cores e designs ao seu gosto.

how to create the standing bookshow to create the standing bookshow to create the standing books

Passo 4

Distribua os livros na estante como quiser. 

how to distribute the bookshow to distribute the bookshow to distribute the books

4. Como Criar as Plantas da Casa na Estante de Livros

Passo 1

Nós vamos criar o vaso de flores. Crie um retângulo e, enquanto o mantém selecionado, vá para Effect > Warp > Bulge. Na nova janela de diálogo, insira as opções exibidas abaixo e pressione OK.

how to create the yellow flower pothow to create the yellow flower pothow to create the yellow flower pot

Passo 2 

Para criar a folha, comece com uma elipse. Pegue a Ferramenta Anchor Point (Shift-C) e clique em seus pontos de ancoragem superior e inferior. Você vai obter uma forma simples de folha.

how to create the leaf shapehow to create the leaf shapehow to create the leaf shape

Passo 3

Coloque muitas folhas no vaso de flores. Altere a cor de preenchimento de algumas delas.

how to place the leaves in the flower pothow to place the leaves in the flower pothow to place the leaves in the flower pot

Posicione a planta na estante. Sinta-se à vontade para posicionar ela onde quiser.

placing the house plant on the bookshelfplacing the house plant on the bookshelfplacing the house plant on the bookshelf

Passo 4

Para o outro vaso, nós também vamos começar a partir de um retângulo. Enquanto o mantém selecionado, vá para Effect > Warp > Bulge. Na nova janela de diálogo, insira as opções exibidas abaixo e pressione OK.

how to create the red flower pothow to create the red flower pothow to create the red flower pot

Passo 5

Você também pode adicionar um prato para o vaso de flores. Você deve criar ele da mesma maneira que você criou os vasos.

how to create the plate for the flower pothow to create the plate for the flower pothow to create the plate for the flower pot

Passo 6

Delete a cor de preenchimento e defina a cor do traçado mostrada abaixo. Pegue a Ferramenta Arc e desenhe as hastes para as nossas futuras folhas de Costela-de-adão.

how to create the stalkshow to create the stalkshow to create the stalks

Passo 7

Para criar as folhas da Costela-de-adão, você pode seguir este tutorial.

Para obter a meia folha, enquanto cria a folha da Costela-de-adão (depois de já ter criado a forma da folha e antes de apagar os buracos da Costela-de-adão), pegue a Ferramenta Delete Anchor Point (-) e delete um lado da folha. Basta clicar nos pontos de ancoragem utilizando esta ferramenta para excluí-los.

placing the Monstera leaves on the stalksplacing the Monstera leaves on the stalksplacing the Monstera leaves on the stalks

Passo 8

Se você gostaria de ter uma toalhinha de renda sob a planta, desenhe um quadrado sobre a estante. Utilizando a Ferramenta Selection (V) e mantendo pressionada a tecla Shift, rotacione-o 45 graus. Certifique-se de que, após a rotação, os pontos de ancoragem esquerdo e direito do quadrado permaneçam como mostrados na imagem abaixo. 

Depois, pegue a Ferramenta Delete Anchor Point (-) e delete o ponto de ancoragem superior do quadrado. Você deve obter um triângulo (é uma outra maneira de criar um triângulo).

Finalmente, posicione a Costela-de-adão na toalhinha de renda.

how to place the Monstera leaves on the dollyhow to place the Monstera leaves on the dollyhow to place the Monstera leaves on the dolly

5. Como Criar as Plantas em Cestas Suspensas

Passo 1

Crie um vaso de flores. É da mesma forma que criamos todos os nossos vasos de flores antes neste tutorial.

how to create another yellow flower pothow to create another yellow flower pothow to create another yellow flower pot

Passo 2 

Você já sabe como criar uma forma de folha simples a partir de uma elipse. Então faça algumas delas e combine-as como mostradas abaixo.

Crie uma outra cópia deste grupo de folhas e altere sua cor de preenchimento. 

how to create the palm leaveshow to create the palm leaveshow to create the palm leaves

Passo 3

Pegue o seu vaso de flores recém-criado e, utilizando a Ferramenta Arc, desenhe algumas hastes. Lembre-se, as hastes precisam apenas do traço e da cor de preenchimento.

Depois disso, posicione as folhas criadas anteriormente em cima das hastes. Nossa nova planta está pronta!

how to create the stalks and place the palm leaves on themhow to create the stalks and place the palm leaves on themhow to create the stalks and place the palm leaves on them

Passo 4

Verifique se você não tem cor de preenchimento e defina uma cor de traçado branco. Pegue a Ferramenta Line Segment (/) e comece a desenhar um pattern de macramé seguindo as linhas na imagem abaixo. Na verdade, você não precisa seguir meu padrão exato - basta criar sua própria cesta de macramê.

how to create the macramehow to create the macramehow to create the macrame

Passo 5

Eu peguei o mesmo vaso de flores que tinha para a planta anterior e mudei sua cor de preenchimento.

Em seguida, utilizando a Ferramenta Arc e um traço verde, desenhe algumas hastes para a nossa futura planta.

Depois disso, desenhe muitas pequenas elipses que serão as folhas. 

how to create another house planthow to create another house planthow to create another house plant

Passo 6

Pegue a cesta de macramé criada anteriormente e coloque a planta recém criada dentro dela.

placing the house plant in the macrameplacing the house plant in the macrameplacing the house plant in the macrame

6. Como Criar o Plano de Fundo

Passo 1

Reúna todos os elementos que você criou até agora. Você não precisa posicionar eles exatamente como na imagem abaixo, por isso sinta-se à vontade para arruma-los diferentemente.

gathering all the objects togethergathering all the objects togethergathering all the objects together

Passo 2

Clique na Ferramenta Rectangle (M) e clique em sua prancheta. Na nova janela de diálogo, insira a Largura e a Altura de 850 px, e pressione OK. Depois defina a cor de preenchimento mostrada abaixo. Ele é o se plano de fundo.

how to create the backgroundhow to create the backgroundhow to create the background

Passo 3

Adicione quatro retângulos escuros como uma janela, é um comprido onde a cadeira e a estante vão ficar.

continue creating the backgroundcontinue creating the backgroundcontinue creating the background

Passo 4

Posicione todos os objetos no plano de fundo. E você terminou!

placing all the objects on the backgroundplacing all the objects on the backgroundplacing all the objects on the background

Conclusão

Ótimo trabalho! Agora você sabe como criar um ambiente retrô no Adobe Illustrator. Espero que você tenha aproveitado seguir este tutorial e aprendido alguma coisa nova. Bem, isso é tudo por hoje. Até a próxima!

finalfinalfinal
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads