Advertisement
  1. Design & Illustration
  2. Illustration
Design

Como Criar uma Ilustração de Âncora Floral no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Learn Adobe Illustrator.
How to Create a Blueprint Text Effect in Adobe Illustrator
How to Create a Pool-Themed Seamless Pattern in Adobe Illustrator

Portuguese (Português) translation by Adriana Kaoru Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

Neste tutorial, você vai aprender a criar uma ilustração de âncora floral no Adobe Illustrator. Vamos usar formas simples, e você vai aprender a mover os pontos de ancoragem individuais usando a Ferramenta de Direct Selection, os Efeitos Warp e a Ferramenta Warp. Também criaremos um pincel especial para desenhar uma corda. Espero que você aprenda algumas técnicas úteis que podem ser usadas em seus futuros projetos. Mas lembre-se, o resultado deste tutorial não pode ser vendido em sites de microstock (banco de imagens).

Se você está procurando por vetores decorativos, você pode encontrar muitos elementos e designs diferentes em Envato Market.

1. Desenhe uma Âncora

Passo 1

Para a nossa âncora, vamos começar com um retângulo. Usando a Ferramenta Rectangle (M), desenhe uma longa forma vertical sem cor de traçado e preenchimento que você pode ver na imagem abaixo. Esta parte da âncora é chamada de haste.

Em cima desta forma, desenhe um pequeno retângulo horizontal, de modo que pareça com uma cruz. Depois aplique o efeito de deformação para este pequeno retângulo horizontal: vá para Effect > Warp > Bulge e aplique as opções que você vê abaixo. Expanda esta forma (Object > Expand Appearance). Esta parte é chamada de cepo.

creating the anchor

Aqui está a janela Warp Options.

Warp Options window

Passo 2

Usando a Ferramenta Ellipse (L), crie um círculo. Lembre-se de manter pressionada a tecla Shift para desenhar um círculo uniforme. Faça uma outra cópia em frente (Control-C, Control-F), e mantenha pressionadas as teclas Shift e Alt, torne esta cópia menor (mantendo pressionada a tecla Alt vai reduzir o círculo para o meio).  Depois que você tiver dois círculos, vá para o painel Pathfinder e pressione o botão Exclude. Você vai obter um furo. Esta parte é chamada de anete.

creating the anchor 2

Passo 3

Na parte inferior da âncora, desenhe um retângulo horizontal longo usando a Ferramenta Rectangle (M). Mantenha-o selecionado e vá para Effect > Warp > Arc. Na imagem abaixo, você pode ver as opções que você deseja inserir na janela de diálogo que vai aparecer. Expanda esta forma (Object > Expand Appearance). É o arm.

creating the anchor 3
Warp Options window

Passo 4

Pegue a Ferramenta Polygon e clique em sua prancheta. Na nova janela de diálogo, insira 3 Lados com qualquer Raio e pressione OK. Vamos criar a coroa, a coisa pontiaguda na parte de baixo de cada âncora. Depois que você tiver o triângulo, vire-o de cabeça para baixo e posicione-o na parte inferior da âncora. Para dar a nossa âncora linhas suaves, vamos aplicar as opções de deformação para o triângulo. Expanda esta forma (Object > Expand Appearance).

creating the anchor 4
Warp Options window

Passo 5

Vamos criar mais triângulos utilizando a Ferramenta Polygon. O primeiro deve ser da mesma cor de preenchimento que todas as formas que criamos antes, e o segundo poderia ser de qualquer cor. Posicione-os como mostrados na imagem abaixo. Selecione ambos os triângulos e pressione o botão Minus Front no Pathfinder e você vai obter pata da âncora. Aplique as opções de deformação e depois expanda.

creating the anchor 5
Warp Options window

Passo 6

Coloque a pata do lado esquerdo da âncora. Enquanto ainda o mantém selecionado, clique com o botão direito do mouse e selecione Transform > Reflect. Na nova janela de diálogo, marque Vertical e Ângulo de 90 graus. Depois de pressionar OK, você vai obter uma cópia refletida da pata esquerda—a pata direita. Usando a tecla de Seta para a Direita em seu teclado, mova a cópia para o lado direito da âncora.

creating the anchor 6

2. Crie um Pincel Especial para a Corda

Passo 1

Agora que temos a forma básica da âncora, vamos criar um pincel especial para a corda.

Utilizando a Ferramenta Ellipse (L), desenhe uma pequena elipse e rotacione-a para a esquerda. Mantendo pressionadas as teclas Shift e Alt juntas, mova um pouco esta elipse para a direita. Você acabou de criar uma cópia dela. Pressione Control-D muitas vezes para repetir o seu último movimento, até que você tenha uma longa fila de elipses.

Selecione todas as elipses e faça uma cópia delas para trás (Control-C, Control-B). Delete a cor de preenchimento das cópias que você fez e defina a cor do traço para o que você vê abaixo. Mantenha-a selecionado, pois queremos transformar o traço destas cópias em preenchimentos. Para isso, você precisa ir para Object > Expand e pressione OK na nova janela de diálogo. Nossa corda está pronta.

creating the brush

Passo 2

Selecione a corda inteira e arraste-a para o painel Brushes. Quando uma nova janela aparecer, marque New Art Brush, OK. Depois uma nova janela vai aparecer imediatamente, chamada de Art Brush Options. Novamente, pressione OK e nosso novo pincel está pronto para ser usado.

creating the brush 2

Tente desenhar algumas linhas usando o novo pincel, selecionando-o no painel Brushes. Certifique-se de deletar a cor de preenchimento, e escolha qualquer cor de traçado.

drawing by brush

Passo 3

Usando o nosso novo pincel, desenhe uma corda sobre a âncora.

placing the rope

3. Crie as Flores Rosa

Passo 1

É o momento floral! Delete a cor do traço e defina a cor de preenchimento. Desenhe dois círculos, um menor dentro de um maior. Duplo clique na Ferramenta Warp (Shift-R). Na nova janela, insira as opções que você vê abaixo. Suas Dimensões Globais de Brush (Width (largura) e Height (altura)) podem ser diferentes do meu—escolha o que se encaixa melhor em sua flor.

Selecione apenas um círculo e comece a mover a Ferramenta Warp (Shift-R) sobre os limites do círculo. Mova esta ferramenta perto dos limites do círculo. Depois disso, selecione o segundo círculo e mova de novo a Ferramenta Warp (Shift-R) sobre os limites do centro do círculo.  Confira a imagem abaixo para ver as amostras dos movimentos que eu usei com a Ferramenta Warp.

creating the pink flower
Warp Tool Options window

Passo 2

Selecione os dois círculos deformados e faça duas cópias deles em frente (Control-C, Control-F). Torne os dois novos círculos deformados menores. Você pode adicionar mais efeitos nas novas pétalas utilizando a Ferramenta Warp (Shift-R) novamente. Apenas não se esqueça de selecionar cada círculo antes de deformá-los.

creating the pink flower 2

Passo 3

Adicione alguns círculos cinza escuro no meio da flor.

creating the pink flower 3

Passo 4

Coloque a flor rosa na âncora.

Agora, vamos ver como podemos mudar a cor desta flor, para assim obtermos uma outra flor.

Vá em frente e faça uma cópia da flor anterior, e vamos mudar a cor. Vá para Edit > Edit Colors > Recolor Artwork. Na nova janela de diálogo, pressione o botão Edit, e depois pressione o botão minúsculo que se parece com uma corrente, Link harmony colors (localizado na parte inferior direita) e, em seguida, simplesmente arraste as alças de cores para a escolha da cor. Desfrute de como a cor muda em sua flor!

placing pink flowers

4. Criando as Flores Azuis

Passo 1

Pegue a Ferramenta Star e desenhe uma estrela azul. Vá para Effect > Distort & Transform > Pucker & Bloat e defina o controle deslizante para 30%. Coloque um círculo amarelo no centro, e temos uma flor azul.

creating the blue flower

Passo 2

Copie e cole todos eles sobre a âncora—posicione-os em qualquer lugar que você quiser.

placing the blue flowers

5. Crie a Folha

Passo 1

Vá em frente e crie uma elipse azul—isto vai ser a nossa folha. Mantenha esta forma selecionada, e depois pegue a Ferramenta Convert Anchor Point (Shift-C) e clique na parte superior do ponto de ancoragem—você vai obter um canto afiado.

Em seguida, use a Ferramenta Direct Selection (A) para selecionar os pontos de ancoragem esquerdo e direito, e mova-os para baixo. Rotacione-os para a direita. Clique com o botão direito do mouse, e selecione Transform > Reflect. Na nova janela de diálogo, marque Vertical e Ângulo de 90 graus. Depois pressionando OK, você  vai obter uma cópia refletida dela. Coloque-as como mostradas na imagem e você vai obter uma forma de folha.

creating the leaf

Passo 2

Usando a Ferramenta Arc, desenhe três hastes. Mas primeiro, marque o botão Round Cap e ajuste a Espessura do traçado no painel Stroke. Coloque a folha que você criou antes e depois adicione mais duas.

creating the leaf 2

Passo 3

Coloque as folhas na âncora. Você pode adicionar quantas folhas você desejar.

placing leaves

6. Crie as Frutas

Passo 1

Sobre as frutas. Comece sem cor de preenchimento, apenas a cor do traçado. Aperte a Ferramenta Arc novamente e desenhe algumas hastes, desta vez para ramo das frutas. Adicione alguns círculos (sem cor de traçado, cor de preenchimento cinza) que vão representar as frutas.

creating the berries

Passo 2

Coloque-as na âncora.

placing berries

7. Crie o Fundo e Coloque Todos os Elementos Nele

Passo 1

Vamos desenhar um quadrado grande utilizando a Ferramenta Rectangle (M). Clique em sua prancheta e insira o Width (largura) e Height (altura) em 850 px.

creating the background

Passo 2

Desenhe um círculo no meio.

creating the background 2

Passo 3

Coloque a âncora com as flores no fundo.

placing all the objects on the background

Passo 4

Para finalizar o design, crie alguns pequenos círculos brancos.

adding withe circles

Passo 5

No painel Transparency, torne a transparência deles em Soft Light. Viva! Acabamos de completar a ilustração da âncora floral!

reducing the Opacity of white circles

Trabalho Incrível!

Você fez um trabalho fantástico! Agradeço pela sua paciência. Você acabou de criar uma ilustração de uma âncora flora no Adobe Illustrator, utilizando formas simples. Você aprendeu a mover pontos de ancoragem individuais usando muito a Ferramenta Direct Selection, e usando Efeitos Warp e a Ferramenta Warp. Você criou um pincel especial para desenhar a corda facilmente. Eu espero que você possa aplicar as técnicas que você aprendeu deste tutorial em seus futuros projetos!

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.