7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Flat Design

Como Criar uma Bicicleta Infantil e Colorida no Adobe Illustrator

Scroll to top
Read Time: 7 mins

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

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

O verão é uma ótima estação para descobrir a sua bike e pedalar na estrada! Há ainda todo um mês de verão pela frente, então vamos dar um passeio através do excitante processo de criação de uma bicicleta infantil estilo flat no Adobe Illustrator, usando formas simples, opções do painel Stroke e várias operações Pathfinders. Vamos começar!

1. Crie a Roda da Bicicleta

Passo 1

Começaremos pela parte essencial da bicicleta: a roda. E primeiramente vamos formar um pneu. Use a Ellipse Tool (L) para fazer um circulo de 150 x 150 px. Mude o preenchimento (Fill) para nenhum (None) e a cor de contorno (Stroke) para um violeta-escuro no painel Colors. Vá ao painel Stroke e defina Weight para 8 pt.

form a tire from a circle with strokeform a tire from a circle with strokeform a tire from a circle with stroke

Passo 2

Vamos converter nosso círculo para curvas e adicionar uma sombra suave a ele, tornando o pneu mais tridimensional. Vá em Object > Expand > Stroke. Agora temos um Compound Path no formato de anel.

Copie a forma e cole na frente duas vezes (Control + C > Control + F > Control + F). Selecione o topo da forma e mova-o para a direita um pouco usando a seta direita do teclado (Eu troquei as formas de cima para outlines, dessa forma ficam claramente mais visíveis na captura de tela abaixo).

expand the outlined tire circleexpand the outlined tire circleexpand the outlined tire circle

E aqui está um truque. Selecione a forma que movemos e a que está debaixo dela. Use a função Minus Front do Pathfinder para cortar as formas, dessa maneira temos apenas duas partes restantes. Troque o Blending Mode para Multiply no painel Transparency e ajuste a cor, transformando as formas em uma sombra sutil. Estaremos usando este método mais adiante, adicionando semi-transparência para outras partes da nossa bicicleta também.

create a shadow in Multiply Blending Modecreate a shadow in Multiply Blending Modecreate a shadow in Multiply Blending Mode

Passo 3

Copie a forma que acabamos de criar e posicione a duplicata dentro da primeira forma, tornando-a menor. Mude a cor da forma interna para um bege-claro, criando o aro.

create a rim inside the tirecreate a rim inside the tirecreate a rim inside the tire

Passo 4

Agora precisamos adicionar alguns raios. Faça uma linha vertical com a Line Segment Tool (\), pressionando a tecla Shift. Mude Stroke Weight para 3 pt e a cor para o mesmo bege que colocamos no aro. Mantenha a linha selecionada, clique duas vezes no ícone da Rotate Tool (R) no painel de ferramentas.  Na janela Rotate Options, defina o valor de Rotate Angle para 90 graus para posicionar nossa linha na horizontal. Clique no botão Copy para fazer duas linhas cruzadas.

Vamos multiplicar os raios. Selecione as linhas cruzadas e abra a janela Rotate Options novamente. Mude o valor de Angle para 360/20. Dessa forma o Adobe Illustrator vai calcular automaticamente o ângulo apropriado para 20 cópias. Clique no botão Copy e então repita nossa última ação pressionando Control + D várias vezes, fazendo mais cópias dos raios.

add spokes to the wheeladd spokes to the wheeladd spokes to the wheel

Passo 5

Vamos adicionar o para-lamas. Faça um círculo do mesmo tamanho da nossa roda e posicione-o em cima, cobrindo a roda. Inverta as cores de preenchimento e contorno (Shift-X) e defina Stroke Weight para 8 pt, fazendo um contorno mais espesso.

Agora pegue a Scissors Tool (C) e clique nos pontos de âncora esquerdo e direito. Dessa maneira dividimos a forma em duas partes iguais. Delete a metade inferior. Para a metade superior, defina Weight Stroke para 8 pt e no painel Stroke coloque Cap e Corner na posição central.

create a fender from a circle 1create a fender from a circle 1create a fender from a circle 1

Passo 6

Selecione o pára-lamas, vá em Object > Expand, preencha-o com um cor-de-rosa e adicione a sombra da mesma forma que fizemos anteriormente, usando a função Minus Front do Pathfinder. Posicione um círculo pequeno de 25 x 25 px dentro da roda, usando o painel Align e escolha a função Align it to Key Object, posicionando-o diretamente no centro da roda.

expand the fender and make it pinkexpand the fender and make it pinkexpand the fender and make it pink

2. Adicione Mais Partes à Nossa Bicicleta.

Passo 1

Vamos criar um painel que cubra a corrente. Pegue a Rectangle Tool (M), faça um retângulo azul-claro e posicione-o horizontalmente. Selecione o ponto de âncora superior direito com a Direct Selection Tool (A) e mova-o um pouco para cima pressionando a seta para cima no teclado várias vezes ou segurando a tecla Shift e pressionando a seta para cima no teclado para movê-lo uma distância maior. Repita o mesmo processo para o ponto de âncora inferior direito.

Use o recurso Live Corners do Adobe Illustrator CC para tornar os cantos arredondados: selecione a forma e você verá um pequeno indicador circular próximo de cada canto, puxe qualquer um deles ao máximo. Se você está usando versões anteriores do programa, sinta-se livre para ir em Effect > Stylize > Round Corners.

make the chain stay covering from a rectanglemake the chain stay covering from a rectanglemake the chain stay covering from a rectangle

Passo 2

Selecione o círculo cor-de-rosa na roda, segure as teclas Alt e Shift no teclado e arraste o círculo para a direita para criar uma cópia. Torne a cópia do círculo um pouco mais larga e adicione mais um no topo. Você também pode tornar os cantos na parte direita da forma azul-clara mais arredondados selecionando todos os pontos de âncora do lado direito e usar a função Live Corners novamente para incrementar o arredondamento.

add details do the chain stay coveringadd details do the chain stay coveringadd details do the chain stay covering

Passo 3

Use a Line Segment Tool (\) ou a Pen Tool (P) para desenhar uma pequena linha diagonal com Stroke Weight de 5 pt para a pedivela. Adicione um pedal com a Rectangle Tool (M) ou Rounded Rectangle Tool.

add the crank arm and a pedaladd the crank arm and a pedaladd the crank arm and a pedal

Passo 4

Desenhe uma linha grossa com 10 pt de Stroke Weight para o tubo de selim. E adicione uma outra linha mais fina, quase perpendicular ao tubo do selim, formando um triângulo. Coloque um assento cor-de-rosa no topo com a ajuda da Rounded Rectangle Tool.

make a stroke for the seat tube and add a seatmake a stroke for the seat tube and add a seatmake a stroke for the seat tube and add a seat

Passo

Agora selecione a roda, segure Alt e Shift e arraste para criar uma cópia, fazendo a roda dianteira. Vamos girar o pára-lamas da roda dianteira um pouco. Selecione-o, pegue a Rotate Tool (R), posicione o ponto pivô no centro da roda dianteira (Alt + clique no centro) e solte a tecla do mouse para abrir a janela Rotate Options. Defina o valor de Angle para 20 graus.

Adicione o tubo dianteiro na frente da nossa bicicleta segurando Alt+Shift para copiar o tubo do selim, dessa forma as linhas permanecem paralelas.

make the front wheelmake the front wheelmake the front wheel

Passo 6

Agora é hora de adicionar uma mesa e um guidão para a nossa bicicleta! Desenhe uma polilinha de canto agudo com ajuda da Pen Tool (P). Selecione o ponto de âncora no canto para convertê-lo para suave (Convert it to Smooth) na barra de controle no topo. Duplique a mesa criada e troque a cor da cópia para cor-de-rosa. Mantendo a forma selecionada, use a Eraser Tool (Shift+E) para deletar a maior parte da cópia, deixando apenas uma pequena parte do guidão.

add the handlebaradd the handlebaradd the handlebar

Passo 7

Adicione mais dois tubos conectando ambas as partes da bicicleta. Dobre o tubo superior com a Curvature Tool (Shift+`), formando um arco suave.

add more tubes to connect the parts of the bicycleadd more tubes to connect the parts of the bicycleadd more tubes to connect the parts of the bicycle

Passo 8

Vamos adicionar alguns detalhes menores para dar à nossa imagem um toque final! Selecione a cobre-corrente e vá em Object > Path > Offset Path. Defina o valor de Offset para -5 px, criando uma nova forma dentro daquela selecionada. Torne a forma mais escura e adicione mais alguns elementos para a bicicleta ao seu gosto.

Para fazer uma composição limpa e simples, coloque um retângulo bege-claro em baixo no painel Layers para o fundo e adicione alguns pontos mais escuros no solo, ao redor das rodas.

add more details and the background to the imageadd more details and the background to the imageadd more details and the background to the image

Passo 9

Finalmente, vamos formar as nuvens que podemos posicionar na área superior da nossa imagem. Use a Ellipse Tool (L) para fazer uma fileira de círculos brancos, sobrepondo uns aos outros. Mantenha os círculos selecionados, pegue a Eraser Tool (Shift+E), segure a tecla Alt e arraste a Eraser Tool em cima da parte inferior da nuvem, fazendo um retângulo branco. Quando você soltar o botão do mouse, todas as partes indesejadas terão desaparecido. Nossas nuvens fofas estão prontas.

Vamos andar de bicicleta!

Ótimo trabalho, galera! Terminamos de fazer uma bicicleta infantil flat, usando técnicas simples, mas ainda efetivas. Eu espero que você tenha gostado deste rápido tutorial e volte para mais. Fique ligado e continue criando coisas bonitas!

cute flat girls bicycle is finishedcute flat girls bicycle is finishedcute flat girls bicycle is finished

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.