1. Design & Illustration
  2. Theory
  3. Design Trends

Como criar um trailer de camping dourado no Adobe Illustrator

Scroll to top
Read Time: 14 min

() translation by (you can also view the original English article)

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

Neste tutorial, mostrarei como criar uma van de surfe colorida usando as formas e ferramentas mais básicas do Adobe Illustrator.

Se você gostaria de pular o tutorial e apenas comprar o resultado, basta ir ao GraphicRiver para obter o meu Bungalow, Cottage, Trailer e House Set .

1. Como criar um novo documento

Primeiro precisamos configurar um Novo Documento ( Arquivo> Novo ou Controle / Comando-N ) com estas configurações:

  • Número de pranchas de pintura: 1
  • Largura: 1200
  • Altura: 1200
  • Unidades: pixels

Na guia Avançado :

  • Modo de cor: RGB
  • Efeitos raster: tela
  • Modo de visualização: padrão
  • Desmarque a opção Alinhar novos objetos à grade de pixels
Creating a new documentCreating a new documentCreating a new document

2. Como fazer a base e o teto do trailer

Passo 1

Vamos começar a formar o corpo de um trailer a partir de umretângulo de 607 x 177 px # eecf98 feito com a ajuda daRectangle Tool (M). 

Depois de criar o retângulo, escolha o ponto de ancoragem superior direito com a Direct Selection Tool (A) e pressioneEnter para abrir a janela Mover . Defina o valor Horizontal como-55 px e o valor Vertical como 0 px e pressione OK , movendo a âncora para a esquerda.

Building a rectangleBuilding a rectangleBuilding a rectangle

Passo 2

Crie outro retângulo de 607 x 55 px com # eecf98 color e coloque-o abaixo da parte inferior de nossa parte principal.Usando a Direct Selection Tool (A) , selecione o ponto de ancoragem inferior direito. Pressione Enter para abrir a janela Opções de movimento novamente e defina o valor Horizontalpara -5 px e o valor Vertical para 0 px , movendo o ponto para a esquerda.

Abra a mesma janela para o ponto de ancoragem inferior esquerdo. Defina o valor Horizontal para 19 px e Vertical para 0 px , movendo o nosso canto para a direita.

Adding a second rectangle belowAdding a second rectangle belowAdding a second rectangle below

Passo 3

Selecione as duas formas juntas e use a opção Unite do painelPathfinder para mesclá-las em uma forma.

Usando um retângulo de 583 x 8 px com cor # 4f412f , forme uma faixa abaixo da parte inferior.

Merging the rectangles and adding a stripeMerging the rectangles and adding a stripeMerging the rectangles and adding a stripe

Passo 4

Construa mais um retângulo com 552 x 67 px no topo do corpo do trailer, usando # 613d26 para colorir.

Pegue a ferramenta Add Anchor Point (+) e adicione uma âncora adicional na parte inferior da borda direita da forma.

Usando o método anterior, mova o ponto de ancoragem superior direito cerca de 120 px para a esquerda.

Selecione o ponto de ancoragem do canto superior esquerdo da forma marrom com a Direct Selection Tool (A). Você pode ver owidget Live Corner mostrado no canto. Simplesmente pegue o widget e puxe-o para o centro, fazendo o canto arredondado.

Creating a roofCreating a roofCreating a roof

Passo 5

Vamos adicionar um esboço à seção do telhado.

Selecione a forma do telhado e vá para Object> Path> Offset Path. Digite -4.5 px no campo Valor de deslocamento e pressione OK . Defina a cor de preenchimento da forma interna para # eecf98 .

Pegue a Direct Selection Tool (A) e arraste o lado inferior da forma resultante para baixo enquanto mantém pressionada a tecla Shift , fazendo com que ela fique no mesmo nível da borda superior do corpo do trailer.

Adding an outline to the roofAdding an outline to the roofAdding an outline to the roof

3. Como adicionar as listras, a porta e o Windows

Passo 1

Hora de decorar nosso trailer com listras.

Construa um retângulo de 750 x 113 px ( # c25c34 ), colocando-o sob a borda superior da forma do trailer principal.

Forme uma segunda faixa de 750 x 28,5 px da mesma cor que atravessa as âncoras laterais da base do trailer.

Forming two decorative stripesForming two decorative stripesForming two decorative stripes

Passo 2

Vamos cortar as partes das listras que ficam do lado de fora da forma do trailer.

Selecione as listras junto com a forma principal. Em seguida, use a ferramenta Shape Builder (Shift-M). Mantendo pressionada atecla Alt , clique e mantenha pressionado o botão esquerdo do mouse em uma área livre perto das bordas da parte da listra indesejada, arraste ao longo das partes pendentes e solte o mouse para excluí-las. Repita a ação para o outro lado.

Cutting outstanding parts of the stripesCutting outstanding parts of the stripesCutting outstanding parts of the stripes

Passo 3

Faça dois retângulos de 110 x 60 px ( # bfa989 ) para as janelas, colocando-os perto das partes esquerda e direita da faixa vermelha maior.

Selecione as janelas e vá para Object> Path> Offset Path. Insira3 px para o deslocamento e defina a cor de preenchimento dos contornos como # 613d26 .

Building two windowsBuilding two windowsBuilding two windows

Passo 4

Comece a criar uma porta formando uma forma arredondada de96 x 252 px ( # 613d26 ) na parte esquerda do trailer, perto da janela da esquerda. Deixe um espaço vazio entre a porta e a janela direita da janela menor, que adicionaremos mais tarde.

Use o caminho de deslocamento para a forma da porta, definindo o valor de deslocamento para -4,5 px . Altere a cor da forma interna para # c25c34 .

Construa uma maçaneta simples criando um círculo de 14 x 14 px com a Ellipse Tool (L) ( # 4f412f ) e um retângulo arredondado de 28,5 x 4,5 px ( # 664b2e ).

Creating a doorCreating a doorCreating a door

Passo 5

Adicione um retângulo arredondado horizontal de 87 x 7,5 px sob a porta, preenchendo-o com # 45392a .

Forme dois retângulos verticais de 4 x 24,5 da mesma cor, colocando-os abaixo da forma horizontal nos lados esquerdo e direito, fazendo com que eles se sobreponham à forma.

Adicione mais uma faixa horizontal entre os dois retângulos verticais da Passo.

Forming a stair step for the doorForming a stair step for the doorForming a stair step for the door

Passo 6

Vamos adicionar uma janela menor no espaço vazio perto da porta.

Forme um retângulo de 65 x 65 px ( # 613d26 ) e vá paraObject> Path> Offset Path , configurando o Offset para -4.5 pxe colorindo a forma interna para # bfa989 .

Construa um retângulo de 79 x 7.5 px de cor # eecf98 sobre a borda superior da janela.

Creating a small windowCreating a small windowCreating a small window

4. Como adicionar as rodas, os suportes e os detalhes pequenos

Passo 1

Pegue a Ellipse Tool (L) e crie um círculo de 75,5 x 75,5 px decor # 4f412f para a roda. Adicione dois círculos menores no interior: um círculo de 48 x 48 px de cor # d9b97b e um círculo de 42 x 42 px sem Preenchimento, mas com um traço de 2 pxde cor # 80624f .

Crie mais um círculo 17 x 17 px ( # fde0a1 ) no meio.

Crie um pequeno círculo de 3 x 3 px ( # 80624f ), colocando-o sob o círculo delineado anteriormente criado, sem preencher. Mantendo o círculo menor selecionado, adicione o círculo interno à seleção e clique novamente na forma interna, tornando-o um objeto-chave . Alinhar ao objeto-chave é selecionado automaticamente no painel de controle e no painelAlinhar .

No painel Alinhar ( Janela> Alinhar ) ou no Painel de controle ,clique no botão Centro de alinhamento horizontal .

Forming a wheelForming a wheelForming a wheel

Passo 2

Selecione o círculo pequeno, pegue a ferramenta Rotate (R) e, em seguida , pressione Alt / Option no meio da roda. No painelGirar , defina o Ângulo para 30 ° e clique no botão Copiar. Pressione Control-D para repetir a última ação e continue pressionando Control-D para adicionar todos os 12 círculos ao redor do centro (1).

Comece a criar um aro decorativo formando um retângulo de 92 x 32 px sem Preenchimento e com um traço de cor # fde0a1 de 9 pt de largura , colocando-o sob o topo da roda e alinhando ao seu centro usando o painel Alinhar (2).

Arraste suas principais âncoras horizontalmente por 15 px emdireção ao centro (basta usar o painel Mover como fizemos antes) (3).

Exclua o lado inferior clicando nele com a Direct Selection Tool (A) e pressionando Delete (4).

Remova a parte superior da roda (5) com a ajuda da ferramenta Shape Builder (Shift-M) (5).

Usando a Pen Tool (P) , desenhe uma forma angular sentada nas bordas do nosso aro e esconda-a atrás do volante (6).

Agrupe (Control-G) todas as partes da roda juntas e coloque-as no trailer.

Finishing the wheelFinishing the wheelFinishing the wheel

Passo 3

Vamos criar um respiradouro.

Construa um retângulo de 50 x 13,5 px ( # 222529 ) sob a janela pequena e forme um contorno de 3 px usando o métodoOffset Path , definindo sua cor para # d9b97b . Adicione duas listras finas da mesma cor dentro da forma e agrupe (Control-G)suas partes juntas.

Copie a ventilação e coloque a cópia sobre a faixa decorativa inferior do trailer. Faça a cor dos contornos um pouco mais escura.

Creating vent gratingsCreating vent gratingsCreating vent gratings

Passo 4

Hora de adicionar uma pequena porta na parte inferior do trailer.

Basta formar um retângulo de 83,5 x 34 px ( # c25c34 ) fora do trailer e um pouco em volta dos cantos. Adicione um contorno de 4,5 px usando o caminho de deslocamento , definindo sua cor para # fde0a1 .

Desenhe um retângulo de 16 x 5 px ( # fde0a1 ) abaixo da borda superior da parte interna vermelha, alinhando-se ao seu meio. Arraste suas âncoras inferiores levemente em direção ao eixo central e torne-as arredondadas.

Coloque um círculo de 6 x 6 px ( # d9b97b ) no centro da forma angular e adicione um pequeno retângulo arredondado no meio ( # 4f412f ), formando um buraco de fechadura.

Adicione dois retângulos de 11,5 x 5 px ( nº 4f412f ) na borda inferior do contorno das dobradiças. Agrupe (Control-G) todas as partes juntas e coloque a porta na parte inferior direita do trailer.

Building a side doorBuilding a side doorBuilding a side door

Passo 5

A próxima parte que vamos criar é um suporte de reboque.

Construa um retângulo de 68 x 12 px , colorindo-o com # b3532d . Selecione a forma e vá para Object> Transform> Rotate . Defina o valor do ângulo para 45 graus e pressione OK.

Forme um retângulo de 17 x 17 px ( # eecf98 ) na frente da parte inferior e torne a parte superior arredondada. Construa uma forma de 50 x 9 px ( # d9b97b ), anexando-a à borda inferior do retângulo arredondado. Faça suas âncoras superiores arredondadas.

Faça uma cópia menor do retângulo vermelho e gire-o 45 grauspara o lado esquerdo. Mude a cor para vermelho mais escuro ( # 9c4827 ). Esconda a cópia por trás da forma maior, colocando a âncora superior no mesmo nível.

Agrupe (Control-G) as partes do suporte e coloque-o na parte inferior esquerda do nosso trailer. Para certificar-se de que o nosso suporte fica no mesmo nível da parte inferior da roda, use a opção Vertical Align Bottom do painel Align . Em seguida, crie uma cópia refletida do suporte no lado direito do trailer.

Making two standsMaking two standsMaking two stands

Passo 6

Nosso trailer precisa de um engate - um detalhe que pode anexá-lo a um carro.

Crie um retângulo de 89 x 15,5 px ( # b3532d ), arrastando a âncora inferior direita em alguns pixels.

Adicione mais uma forma vertical de 7,5 x 13 px ( # eecf98 ) no lado direito e dois retângulos cruzados, usando # eecf98color para a cor mais clara e # 66452e para a cor mais escura.

Oculte as formas cruzadas entre o retângulo vertical direito e, em seguida, oculte os três retângulos menores atrás da forma maior.

Agrupe (Control-G) todas as partes, colocando o engate resultante atrás do lado inferior direito do trailer.

Building a tie-down elementBuilding a tie-down elementBuilding a tie-down element

Passo 7

Adicione mais alguns detalhes ao trailer, como portas menores, pára-brisas e luzes de estacionamento.

Você pode ir mais longe encontrando algumas referências na internet e adicionando seus próprios detalhes.

Adding some smaller detailsAdding some smaller detailsAdding some smaller details

5. Como adicionar sombras e destaques ao trailer

Para fazer com que pareça mais vívido e real, precisamos adicionar algumas sombras e partes brilhantes ao trailer.

Passo 1

Vamos começar adicionando reflexos à janela da esquerda.Selecione-o com a Direct Selection Tool (A) e, em seguida, clique com o botão direito do mouse e escolha Isolar caminho selecionado no menu suspenso. A janela isolada aparece em cores, enquanto o restante da arte aparece esmaecido. Crie dois retângulos verticais longos ( # fef7d9 ) de diferentes larguras fora do formato da janela.

Creating two rectangles for the highlightsCreating two rectangles for the highlightsCreating two rectangles for the highlights

Passo 2

Selecionando os retângulos verticais, vá para Object> Transform> Rotate para girá-los em 45 graus . Arraste os retângulos angulares para a nossa janela e corte as peças pendentes. Pressione Esc para sair do modo de isolamento ou clique duas vezes fora do grupo isolado.

Crie reflexos para as outras janelas, trabalhando da mesma maneira. Não se esqueça de isolá-los antes de fazer outras manipulações.

Adding highlights to the windowsAdding highlights to the windowsAdding highlights to the windows

Passo 3

Agora vamos criar um destaque no telhado.

Selecione a forma do telhado principal com a Direct Selection Tool (A) e copie -a, usando Control-C . Clique em Control-Fduas vezes para obter duas cópias na frente do objeto principal. Mova a cópia superior para cima, fazendo com que ela se sobreponha ao telhado e adicione a segunda cópia à seleção.

Use a opção Intersect do Pathfinder e mude a cor da forma resultante para # fde5b6 , obtendo o destaque no telhado.

Making a highlight on the roofMaking a highlight on the roofMaking a highlight on the roof

Passo 4

Já que terminamos os destaques, é hora de adicionar sombras ao trailer.

Selecione a maior base de luz do campista e faça duas cópias na frente dela. Arraste uma cópia para baixo, colocando sua borda superior acima da faixa vermelha inferior.

Estique a cópia horizontalmente, mantendo pressionada a teclaAlt e arrastando com a Direct Selection Tool (V) , fazendo com que ela se sobreponha totalmente à base do trailer.

Adicione a segunda cópia à seleção e use a opção Intersect dopainel Pathfinder . Altere a cor da peça resultante para # d9b97b .

Do mesmo modo, adicione uma sombra à parte inferior da porta.

Adding shadowsAdding shadowsAdding shadows

Passo 5

Vamos fazer uma sombra para a roda. Vai ser um pouco mais difícil.

Dê um duplo clique no grupo de rodas para entrar nele. Forme um retângulo cinza escuro que se sobreponha à parte superior da roda. Selecione o retângulo junto com o círculo da roda externa e remova as peças pendentes.

Esconda a forma resultante atrás do protetor de roda angular superior e vá para o painel Transparência , configurando o Modo de Mesclagem para Multiplicar enquanto abaixa a Opacidadepara 40% .

Agrupar (Control-G) todas as partes do campista juntas.

Creating a shadow for the wheelCreating a shadow for the wheelCreating a shadow for the wheel

6. Como criar um fundo do deserto

Tudo o que precisamos agora é de uma paisagem de fundo que se adapte ao nosso campista. Vamos adicionar alguns cactos, um nível do solo e uma lua brilhando sobre o deserto que criará a atmosfera.

Passo 1

Vamos começar a criar os elementos de fundo fazendo dois cactos. Use retângulos simples para construir cada forma de cacto. Use retângulos simples para construir cada forma de cacto.Em seguida, mescle-os em uma figura com a opção Unitedo Pathfinder e arredonde os cantos arrastando o indicador de círculo de cada âncora. Defina a cor das plantas para # c7873e .

Drawing two cactusesDrawing two cactusesDrawing two cactuses

Passo 2

Faça um retângulo arredondado de 830 x 132 px ( # d99b41 ) para um nível do solo.

Adicione duas partes de sombra na parte inferior criando retângulos mais escuros e excluindo as partes pendentes.

Posicione o campista no nível do solo e espalhe alguns retângulos arredondados menores sobre o solo para imitar uma textura de areia.

Forming a ground levelForming a ground levelForming a ground level

Passo 3

Coloque nossos cactos perto do trailer.

Pegue a Pen Tool (P) e desenhe uma silhueta de montanhas desérticas. Você pode usar algumas fotos da internet para a referência. Eu fui inspirado pelas vistas do deserto do Arizona enquanto criava estas montanhas.

Use # cc923d para colorir as montanhas e adicione um fundo quadrado, preenchendo-o com # f2bc55 .

Adding mountains and solid backgroundAdding mountains and solid backgroundAdding mountains and solid background

Passo 4

Acrescente uma lua brilhante da cor # f7ead7 com a Ellipse Tool (L) , escondendo-a atrás das montanhas.

Para preencher o espaço vazio e adicionar profundidade à nossa paisagem, crie uma forma semelhante a uma nuvem atrás da lua com a ajuda da Pen Tool (P) ou da Rectangle Tool (M) , tornando os cantos da forma resultante arredondados.

Adicione uma silhueta simples de um pássaro voador, colocando-o sobre o círculo lunar.

Adding a moon clouds and bird silhouetteAdding a moon clouds and bird silhouetteAdding a moon clouds and bird silhouette

Hora de relaxar!

Parabéns! Nossa ilustração está terminada.

Use sua imaginação e sinta a atmosfera de uma noite enluarada, quando os pássaros noturnos e os animais estão gritando em algum lugar nas montanhas do deserto enquanto você está curtindo seu chá quente na porta de sua casa campista. Parece um bom plano para passar um fim de semana, não é?

Quanto a mim, espero que você tenha gostado de criar essa cena comigo e aprendeu alguns truques novos usando as ferramentas simples do Adobe Illustrator.

The resulting illustrationThe resulting illustrationThe resulting illustration

Agora você pode criar suas próprias cenas de viagem com base em lugares maravilhosos em todo o mundo.

Esta ilustração do trailer de campismo é apenas uma parte do meu Bungalow, Cottage, Trailer e House Set , e há muito mais ilustrações de viagens e aventuras no meu portfolio noGraphicRiver .

Full set on GraphicriverFull set on GraphicriverFull set on Graphicriver
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads