Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Como Criar uma Bota de Chuva Adorável com Margaridas no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Você já ouviu o ditado, "Chuvas de Abril trazem as flores de Maio?" Essa frase tem estado na minha cabeça ultimamente, então eu decidi criar uma ilustração de primavera! Em Iowa ainda está muito frio, então eu espero que essa ilustração vá trazer algumas brizas quentes da primavera para casa.

Hoje, nós vamos criar uma bota de chuva cheia de margaridas usando formas básicas. Como de costume, nós vamos usar efeitos de distorção e o painel Pathfinder. Será um processo fácil com explicações detalhadas onde eu guio você por uma ilustração bonitinha.

Eu recomendo que você vá ao GraficRiver para se lembrar de como uma bota de chuva se parece e também para encher seus olhos com alguma inspiração.

Assim que você estiver pronto, vamos começar!

1. Como Criar a Bota de Chuva

Passo 1

Após abrir seu Adobe Illustrator e criar um Novo Documento de 850 x 850 px, Largura e Altura, nós vamos começar desenhando a bota de chuva.

Usando a Ferramenta Retângulo (M), crie um retângulo. Na imagem abaixo, você pode ver qual cor de Preenchimento você precisa. Para dar ao retângulo uma forma irregular, vá até Efeitos > Distorção > Inflar

Nós vamos aplicar outro efeito imediatamente. Enquanto mantém essa forma selecionada, vá até Efeito > Distorção > Arco Superior. Na nova janela, ajuste as opções conforme as que você vê abaixo (veja a segunda imagem). Expandir essa forma (Objeto > Expandir Aparência). Finalmente, adicione um retângulo azul arredondado usando a Ferramenta Retângulo Arredondado.

creating the rain boot shape

Aqui, você pode ver as opções do Arco Superior.

creating the rain boot shape Arc Upper options

Passo 2

Vamos continuar a moldar nossa forma instável para que parece mais com uma bota.

Crie um retângulo com a Ferramenta Retângulo (M) e faça ela sobrepor o retângulo arredondado de baixo. Mantendo esse retângulo e o retângulo arredondado selecionados, vá até o painel Pathfinder (Janela/ Pathfinder) e pressione o botão Menos Frente. Você precisará cortar a parte inferior do retângulo arredondado.

creating the rain boot shape 2

Finalmente, mantendo esse dois objetos selecionados (a forma irregular e o retângulo arredondado cortado), Unir os dois pressionando o botão Adicionar no painel Pathfinder (Janela/ Pathfinder).

Para criar a forma da bota de chuva conforme mostrado abaixo, mova as alças usando a Ferramenta de Seleção Direta (A). Comece ajustando as alças para deixar o corpo da bota mais suave. Depois disso, trabalhe com as alças para fazer uma parte superior mais bonita.

Para a sola, crie duas ovais usando a Ferramenta Elipse (L) e posicione-as conforme a imagem abaixo. Ajuste as alças da oval maior para conseguir resultados semelhantes aos abaixo.

creating the rain boot shape 3

Passo 3

Selecione todas as formas criadas nos passos anteriores e unifique-as (clique no botão Adicionar do painel Pathfinder). Agora, nós queremos criar uma separação visual entre a sola e o restante da bota.

Faça uma Cópia da bota, segurando as teclas Alt e Shift apertadas enquanto arrasta a forma para cima. Deixe essa cópia um pouco maior.

Retorne a forma original da bota e faça um Cópia na Frente (Control-C, Control-F). Agora você tem três botas: duas originais e uma sobre a outra e uma cópia maior, que nós movemos para cima. Enquanto mantém uma das cópias originais selecionadas, também selecione a cópia maior que nós movemos para cima, e pressione o botão Menos Frente no painel Pathfinder. Essa ação vai nos deixar com a proporção da forma que vai ser usada como sola. Faça essa parte um pouco mais escura.

creating the sole of rain boot

Passo 4

Vamos continuar a criar a nossa bota de borracha. Faça um retângulo arredondado sobreposto conforme mostra a imagem abaixo. Crie uma Cópia da bota na frente (Control-C > Control-F), enquanto mantém essa cópia seleciona, selecione o retângulo arredondado também. Então pressione o botão Interseção no painel Pathfinder. Você vai acabar com uma bota parcialmente colorida que sobrepõe o retângulo arredondado.

creating the rain boot shape 4

Passo 5

É hora de decorar nossa bota de borracha com algumas bolinhas!

Desenhe um pequeno círculo rosa na frente da bota. Para fazer um círculo real, use a Ferramenta Elipse (L) enquanto segura a tecla Shift apertada. Faça mais Cópias do círculo (mova o círculo original em direções diferentes enquanto segura a tecla Alt) e posicione-os todos sobre a bota conforme desejar.

Uma vez que todos os pontos estão no lugar, nós precisamos cortar as partes desnecessárias dos círculos que estão fora das bordas da bota. Crie uma Cópia da bota na frente (Control-C > Control-F), corte (Control-X), e posicione na frente de tudo (Control-F). (Uma pequena explicação aqui: quando você criar uma cópia na frente da bota, essa cópia vai aparecer apenas na frente da bota original, não na frente de todos os círculos.) Então, nós precisamos cortar essa cópia e colocá-la na frente de tudo, agora, na frente da bota e dos círculos).Essa cópia da frente da bota será usada como cortador.

Mantendo essa cópia da frente da bota selecionada, Selecionar Todos os círculos. Para selecionar todos os círculos de uma vez, arraste a Ferramenta Varinha Mágica (Y) e clique em um dos círculos que estão visíveis fora da bota. Pressionando um dos círculo, essa ferramente vai selecionar todos os objetos similares, nesse caso, todos os círculos. Uma vez que você selecionou todos os círculos junto com a cópia de cima da bota, pressione Dividir no painel Pathfinder.

E finalmente, mantendo todos os círculos cortados selecionados, vá até: Objetos > Caminho > Limpar. Se você quiser, você pode coloca a sola sobre os círculos cortados (Control-X, Control-F).

Nossa bota de borracha está pronta agora!

creating the dots

2. Como Criar o Plano de Fundo

Agora nós temos a nossa bota de chuva, vamos posicioná-la no nosso plano de fundo.

Selecione a Ferramenta Retângulo (M) e clique na sua prancheta. Uma vez que a janela de diálogo apareça, entre com 850 px Largura e Altura, e então clique em OK. Tenha certeza de que o plano de fundo está atrás da bota de borracha. Para fazer o plano de fundo exatamente no meio da prancheta procure pelo painel Alinhar (Janela > Alinhar), e certifique-se de que no menu, Alinhar: esteja selecionado Alinhar à Prancheta. Selecione o plano de fundo e pressione os botões Alinhar Centro Horizontal e Alinhar Centro Vertical no painel Alinhar.

creating the background

3. Como Criar as Margaridas

Passo 1

Usando a Ferramenta Elipse (L) e segurando a tecla Shift apertada, desenhe um circulo amarelo. Adicione uma elipse branca atrás como uma pétala usando a mesma ferramenta, mas dessa vez, não segure a tecla Shift. Continue adicionando pétalas brancas, e colocando de modo aleatório (não perfeitamente).

creating the first daisy

Passo 2

Agora nós vamos criar uma margarida vista de lado. Primeiro, coloque algumas elipses como pétalas de trás. Então adicione uma elipse amarela no meio e algumas pétalas brancas na frete. A elipse verde representa a sépala onde todas as pétalas ficam. Porquê nossa flor é rotacionada para a esquerda, faça a elipse verde levemente rotacionada para a esquerda também. Usando a Ferramenta de Seleção Direta (A), selecione os pontos âncora superiores da elipse verde e desloque para baixo um pouco. Nossa vista lateral da margarida está pronta.

creating the second daisy

Passo 3

Aqui está a terceira margarida. Comece com uma elipse amarela, e então adicione algumas pétalas atrás. Observe que as pétalas superiores são menores porque a flor está olhando para cima.

creating the third daisy

Você agora deve ter três margaridas diferentes. Agrupe (clique direito > Agrupar) cada flor separadamente, mais tarde isso vai ajudar a movê-las mais facilmente, e não deixe nenhuma pétala para trás.

all created daisies together

Passo 4

Coloque as flores sobre a bota de borracha, e apenas uma margarida sobre o chão.

placing daisies

Passo 5

Apague a cor de Preenchimento e configure a cor do Traço para verde. Agora selecione a Ferramenta Arco, que nós vamos usar para desenhar as hastes. Tenha certeza de que as hastes fique atrás das margaridas e da bota de borracha. Se você precisar mudar algumas delas, mova as alças dos pontos âncora usando a Ferramenta de Seleção Direta (A). Não se esqueça de adicionar uma haste a margarida que está sobre o chão.

creating the stalks

Passo 6

As folhas das margaridas parecem semelhante ao endro e são muito fáceis de desenhar. Apague a cor do Traço e configure a cor de Preenchimento. Primeiro, nós criamos uma elipse bem longa e estreita, e então adicionamos umas menores dos lados, e então, umas menores ainda. Agrupar isso (clique direito > Agrupar).

creating the leaves

Passo 7

Uma vez que as folhas na natureza não são perfeitamente retas, nós queremos distorcê-las um pouco. Selecione a folha e vá até Efeito > Distoção > Arco. Ajuste as opções conforme você vê abaixo. Para criar outra folha, crie mais uma Cópia da que já existe.

Vá até o painel Aparência e você vai encontrar duas palavras lá, Distorção: Arco. Clique nelas e uma nova janela de diálogo vai abrir. Você vai configurar Dobrar para -30%, então mova o controle deslizante para a direção oposta para atingir 15%. Sinta-se livre para criar quantas folhas quiser. Expandir cada folha (Objeto > Expandir Aparência).

Nota: É melhor agrupar cada folha separadamente (clique direito > Agrupar)

warping the leaves

Posicione as folhas perto das hastes e atrás da bota de chuva.

placing the leaves

4. Como Criar a Joaninha

Passo 1

Comece com uma elipse vermelha para formar o corpo da joaninha. Usando a Ferramenta de Seleção Direta (A), mova os pontos âncora superiores dessa elipse para baixo. No meio da forma, desenhe uma elipse escura bem estreita e longa.

Para fazer ela exatamente no meio da forma vermelha, procure o painel Alinhar (Janela > Alinhar), certifique-se de que no menu que vai abrir Alinhar: esteja marcado Alinhar a Seleção. Tendo as duas formas (cinza e vermelha) selecionada, pressione os botões Alinhar Centro Horizontal e Alinhar Centro Vertical, no painel Alinhar. Por último mas não menos importante, adicione alguns círculos cinza.

creating the ladybug body

Passo 2

Para criar o protono da joaninha (eu sei que é uma palavra estranha, é o tórax de um inseto), desenhe uma elipse com o mesma cor de Preenchimento cinza escuro, de antes. Adicione um círculo branco na lateral. Segurando os botões Alt e Shift, mova o círculo para a direita. Viu? Você moveu apenas a cópia direto para a direita.

Selecione o protono novamente e faça uma Cópia na Frente (Control-C > Control-F). Mantenha isso selecionado e selecione um dos círculos brancos. Pressione Intersecção no Pathfinder. Repita o mesmo método: uma Cópia do protono na frente (Control-C > Control-F), selecione o último círculo com o protono e pressione Interseção no Pathfinder.

creating the ladybug body 2

Passo 3

Posicione o protono atrás das asas. Então adicione uma elipse cinza escura como cabeça. E finalmente, desenhe antena usando a Ferramenta Arco, marque a ponta arredondada no painel Traço. Agrupe toda a joaninha junta, e agora está pronto!

creating the ladybug head and antennas

faça algumas Cópias dessa linda joaninha e posicione-as sobre a bota e as flores.

placing the ladybugs

Passo 4

Você deve também adicionar um pequeno detalhe, a sombra, para que a bota não pareça estar flutuando no ar. Adicione uma elipse sobre o plano de fundo e por trás da bota de borracha. E nós terminamos!

adding a shadow

Conclusão

Bom trabalho pessoal! Eu tenho certeza que o resultado obtido foi ótimo. Se você tiver alguma pergunta ou quer compartilhar os resultados, sinta-se livre para postar aqui, nos comentários abaixo. Muito obrigado por acompanhar esse processo comigo!

Rain Boot Vector Illustration Adobe Illustrator Tutorial
Advertisement
Advertisement
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.