() translation by (you can also view the original English article)
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
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.
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.
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.
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.
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.
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.
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.
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 .
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 ).
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.
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.
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 .
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 .
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.
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 .
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.
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.
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 .
