Advertisement
  1. Design & Illustration
  2. Spring

Como Criar um Cartão de Lettering de Primavera com Decoração Floral no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

A Primavera chegou! Vamos saudar esta maravilhosa estação com uma linda ilustração de lettering. Claro, vamos adicionar algumas decorações florais, amor, paixão e criatividade!

Hoje, você vai aprender a criar a escrita digital no Adobe Illustrator para fazer algum lettering elegante com elementos florais para nossa delicada, composição ornamental. Idealmente, seria ótimo ter uma mesa digitalizadora para este tutorial para sua conveniência. Vamos também usar a Ferramenta Width, a Ferramenta Pen, e a Ferramenta Arc e Line Segment.

Se você está procurando por alguns vetores decorativos, você pode encontrar muitos elementos e designs diferentes no GraphicRiver.

Ok, vamos começar!

1. Como Criar Hand Lettering Digital

Passo 1

Abra seu Adobe Illustrator, crie um novo documento com 850 x 850 px de Width e Height. Nossa ilustração vai ser posicionada em um plano de fundo cinza escuro. Então vamos criar um retângulo cinza escuro com a Ferramenta Rectangle (M).

creating the background

Passo 2

Agora, vamos começar escrevendo. Lembre-se de que isso não tem que ser perfeito porque nós precisamos apenas marcar onde as verdadeiras letras vão aparecer.

Assim podemos escrever legivelmente, vamos buscar ajuda : as Réguas. Para fazê-las aparecer, vá para View > Rulers > Show Rulers (Control-R). Pegue a régua de cima e arraste ela para baixo para posicioná-la onde você quer escrever. Repita esta ação para fazer uma outra régua aparecer, assim você tem duas linhas entre as quais você pode posicionar as suas letras.

Agora que você preparou onde quer escrever, vamos começar escrevendo usando a Ferramenta Pencil (N) sem preenchimento de cor. Se você errar, você pode sempre apagar usando a Ferramenta Eraser (Shift-E). É mais fácil se você consegue ver toda a prancheta (Control-0), porque as letras menores que você escrever, menos a sua mão vai tremer.

writing hello word

Passo 3

Diminua a Opacity no painel de Transparency desta camada, feche, e crie uma nova camada.

Na nova camada, pegue a Ferramenta Pen (P)  e contorne a palavra "Hello". Eu recomendo a Ferramenta Pen porque você não vai ter muitos pontos de ancoragem que tornam o seu arquivo mais pesado, como você tornaria com a Ferramenta Brush (B). Escreva cada letra separadamente, já que isso vai ser mais fácil para você manipular as letras depois. Comece escrevendo letras simples e então adicione algumas decorações onduladas depois.

outlining hello word

Agora você pode adicionar algumas ondulações manipulando as alças dos pontos de ancoragem. Se você quer conectar suas letras, selecione os pontos de ancoragem que você quer usando a Ferramenta Direct Selection (A), clique com o botão direito do mouse , e selecione Join.

adding curls

Passo 4

Agora é hora para a próxima palavra, "Spring".

Feche a camada de cima, onde você escreveu usando a Ferramenta Pen (P) e desbloqueie o de baixo, onde você vai escrever o novo texto. Certifique-se de que você está na camada de baixo e crie um outro par de réguas abaixo das duas primeiras réguas que você fez, onde você quer que a segunda palavra seja posicionada.

Simplesmente pegue a régua de cima e arraste-a para baixo. Faça esta ação duas vezes para pegar um par de réguas como limites para suas letras. Usando a Ferramenta Pencil (N) sem cor de preenchimento, escreva a palavra "Spring".

Para melhor visibilidade, você pode aumentar a Opacity da camada de baixo.

writing spring word

Passo 5

Semelhante ao que fizemos antes com a palavra "Hello", bloqueie esta camada, diminua a Opacity, e vá para a camada de cima. Em seguida, selecione a cor creme ou amarelado para o traço, e usando a Ferramenta Pen (P), contorne a palavra "Spring". Quando você terminar, adicione algumas ondulações para as letras manipulando as alças dos pontos de ancoragem.

outlining spring word

Este é o meu resultado. Sinta-se livre para fazer algo semelhante a isto.

adding curls

Passo 6

Olhe para o painel Layers, pegue a camada onde nós traçamos as letras (a camada da letra sem decoração), e arraste-a para o ícone de lixo (Delete Selection). Pressione Control-R para esconder as Rulers. Selecione as linhas em sua prancheta (você posicionou as letras entre elas) e pressione Delete no teclado.

Isto é como a nossa lettering se parece agora: 

how the whole lettering looks

2. Como Criar Detalhes Florais

Passo 1

Agora vamos adicionar alguns detalhes florais de primavera. Vamos fazer o primeiro tipo de folhas.

Defina a cor do traço para verde sem cor de preenchimento. Use a Ferramenta Arc, desenhe a haste da nossa folha. Adicione algumas linha em ambos os lados da haste usando a Ferramenta Line Segment (\) ou a Ferramenta Arc, se você preferir. Certifique-se de verificar o Round Cap no painel Stroke.

Vamos transformar estas linhas em folhas usando a Ferramenta Width (Shift-W). Aperte a Ferramenta Width (Shift-W) e posicione seu mouse/caneta sobre a folha "prospectiva". Estique onde a folha deve ser espessa. Repita com o resto das folhas.

drawing leaves

Faça alguns destes galhos de folha. Finalmente, precisamos expandir as linhas que foram transformadas. Selecione-as e vá para Object > Expand Appearance, e então Object > Expand. (A primeira vez que você expandiu só as folhas, e então a segunda vez a haste).

creating more leaves copies

Passo 2

Para o segundo tipo de folhas, vamos usar a Ferramenta Arc de novo para desenhar linhas em duas cores: verde mais claro na parte traseira e verde mais escuro sobre ele. Mude a largura destas linhas mais claras com a Ferramenta Width (Shift-W). Expanda todas as linhas (Object > Expand Appearance, Object > Expand) e faça as bordas das folhas mais nítidas movendo as alças dos pontos de ancoragem (use a Ferramenta Direct Selection (A)).

drawing leaves 2

Passo 3

Agora vamos criar uma rosa. Adicione um círculo rosa sem contorno e com preenchimento cor de rosa (sinta-se livre para escolher qualquer tom de rosa). Para fazer um círculo uniforma, desenhe uma forma oval usando a Ferramenta Ellipse (L) enquanto segura a tecla Shift.

Agora adicione algumas pétalas externas. Remova a cor de preenchimento e faça a mesma cor de traço (Shift-X) usada para o círculo.  No painel de Stroke, aumente o Weight do traço e marque o Round Cap. Pegue a Ferramenta Pencil (N) e comece desenhando pétalas encaracoladas, que vão ficar do lado de fora do círculo. 

Para fazer as pétalas internas, diminua o Weight do traço, e faça a cor do traço um pouco mais escura. Usando a Ferramenta Pencil (N), cria as pétalas internas como mostradas na imagem abaixo. Adiciona algumas pétalas mais claras também.

drawing the rose

Passo 4

Neste passo, vamos criar um botão de flor. Adicione um círculo rosa sem contorno e preenchimento com a cor rosa. Faça duas cópias deste círculo com a cor ligeiramente mais escura e posicione-as atrás do primeiro círculo (Control-X, Control-B). Adicione a quarta cópia do círculo atrás e torne-a mais escura. Adicione algumas linhas pretas com a Ferramenta Pencil (N) (apenas traço cor cinza), atrás do primeiro círculo como hastes. E finalmente, crie uma forma oval verde atrás de todas as pétalas do botão como um receptáculo.

Expanda as hastes. Você pode selecionar todo o botão, vá para Object > Expand, e na nova janela de diálogo selecione Stroke e pressione OK.

drawing the bud

Passo 5

Para o terceiro tipo de flores, vamos usar a Ferramenta Line Segment (\) de novo e desenhe algumas pétalas como linhas. Use a Ferramenta Width (Shift-W) para mudar a largura destas linhas e crie as pétalas. Adicione um pequeno círculo dentro da flor. Cor amarela de preenchimento sem contorno. Não é fácil? Finalmente, expanda estas linhas. Vá para Object > Expand.

drawing the small orange flower

Passo 6

Crie uma flor similar mas menor, colorida de branco usando os passos que nós acabamos de usar. Use a Ferramenta Line Segment (\) para as pétalas brancas, deforme as linhas com as Ferramentas Width (Shift-W), adicione o círculo amarelo dentro, e finalmente expanda estas linhas (Object > Expand).

creating the small white flower

Passo 7

Aqui estão todos elementos florais que acabamos de criar. Antes de seguir para o próximo passo, certifique-se de que você tenha expandido todos eles (Object > Expand Appearance, Object > Expand).

all floral elements

3. Como Organizar os Elementos Florais

Passo 1

Faça algumas cópias das folhas verdes escuras e as espalhe sobre e sob as letras.

placing leaves on lettering

Passo 2

Selecione as outras folhas que nós criamos, faça algumas cópias, e as posicione também ao redor do texto.

placing leaves on lettering 2

Passo 3

Agora é hora de colocar algumas cópias da nossa bela rosa.

placing roses on lettering

Passo 4

Adicione alguns botões de flor.

placing buds on lettering

Passo 5

Espalhe algumas pequenas flores vermelhas.

placing orange flowers on lettering

Trabalho Incrível, Está Pronto!

E por último mas não menos importante, não vamos esquecer de colocar nossas pequenas flores brancas. Com isto, nós terminaremos nossa ilustração.

Parabéns! Nosso cartão de lettering de primavera está pronto! Ótimo trabalho! Espero que você tenha aproveitado acompanhar este tutorial inspirador e descoberto algumas novas dicas e truques que vão ajudar você a projetar mais designs lettering e composições florais. Aproveite a primavera, e divirta-se!

placing white flowers on lettering
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.