New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Como Criar uma Ilustração de Sereia em Aquarela no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial, vamos estar criando uma personagem colorida de uma sereia, imitando uma técnica de pintura aquarela no Adobe Illustrator. Uma das personagens mais bonitas e tocantes do conto de fadas A Pequena Sereia vai servir como uma inspiração para nós.

Encontre mais ótima inspiração de Design de Sereia em GraphicRiver.

Vamos começar!

1. Como Fazer um Esboço

Abra um Novo documento no Illustrator com 850 x 1200 px, RGB. Mude o nome da primeira camada para "esboço".

Vamos começar desenhando um esboço. Para criar a nossa personagem, precisamos usar as características reconhecíveis. No conto de fadas, a Pequena Sereia é uma filha do Rei do Mar: "A mais nova era a mais bonita de todas; sua pele era tão clara e delicada quanto uma pétala de rosa, e seus olhos tão azuis como o mar mais profundo; mas, como todos os outros, ela não tinha pés, e seu corpo terminava em uma cauda de peixe "," Ela era uma criança estranha, calma e cheia de ideias "," ela não se importava com nada além de suas belas flores vermelhas, como o sol ".

Vamos desenhar um esboço grosseiro usando a silhueta e alguns atributos próprios das sereias. Para mais inspiração, você pode usar referências procurando por sereias em Envato Market.

Eu crio o meu esboço diretamente no Adobe Illustrator usando a minha mesa digitalizadora. Selecione a Ferramenta Paintbrush (B) e use o Pincel de Caligrafia Oval com 2 pt de diâmetro, 20% de Opacidade para começar a esboçar sua sereia. Você pode selecionar qualquer pincel do painel padrão Brushes que você quiser.

sketch of a mermaid

2. Como Criar um Pincel para o Contorno

Passo 1

Crie uma Nova Camada paras as linhas. Vamos desenhar todas as linhas nesta camada, porque a cor de todas as linhas vai ser a mesma.

Abra as Opções da Ferramenta Paintbrush através de um duplo clique no ícone da Ferramenta Paintbrush (B). Use as configurações abaixo e pressione OK.

paintbrush options

Passo 2

Agora precisamos criar um Novo Pincel de Caligrafia. Este pincel é um dos meus favoritos, e eu uso isso em praticamente todas as minhas obras de arte.

Pressione o ícone New Brush no painel Brushes, e escolha o tipo Calligraphic Brush. Depois pressione OK, e a janela com as opções de pincel vão aparecer. Use as configurações mostradas abaixo.

creating of a calligraphic brush

Passo 3

Escolha o nosso novo pincel no painel Brushes, e faça algumas linhas de teste. A espessura da linha depende da força de pressão da caneta. Tente sentir as linhas.

Vamos usar as vantagens deste pincel para obter algum volume para o nosso desenho mesmo na fase de arte de linha.

trial lines with new brush

3. Como Desenhar os Contornos da Personagem

Passo 1

É hora de aplicar as nossas habilidades em prática. Vamos começar a criar a linha de arte da personagem.

Primeiro, Agrupe (Control-G) o seu esboço. Diminua a Opacity do esboço para 50%, tornando-o semitransparente.

group of a sketch

Passo 2

Agora vamos pegar a Ferramenta Paintbrush (B) e selecionar o pincel recém-criado no painel Brushes.

Comece desenhando o rosto. Desenhe as linhas tão suavemente quanto você desejar. Se você sentir que as linhas são mais grossas ou mais finas do que você gostaria, você pode alterar a sua Espessura no painel Stroke

drawing of an eye

Além disso, você pode consertar as linhas tortas usando a Ferramenta Direct Selection (A).

fixing crooked lines

Desenhe linhas suaves e "vivas", fazendo transições de finas para grossas e vice-versa.

line art of the face

Passo 3

Em seguida, desenhe o penteado e a coroa da cabeça. Faça apenas as linhas principais, seguindo o esboço. Vamos adicionar mais detalhes e volume criado com formas coloridas mais tarde.

line art of hairs

Corte peças desnecessárias usando a Ferramenta Scissors (C), selecione o segmento e pressione Delete.

work with Scissors Tool

Aqui está como o penteado ficou agora.

line art of the hairstyle

Passo 4

Em seguida, vamos desenhar as mãos e as suas costas nuas. Faça as linhas mais suaves e descontínuas.

line art of the body

Passo 5

Agora desenhe o corpete, a cauda e as barbatanas da nossa sereia. Desenhe deste jeito, tornando as linhas mais espessas na área sombria.

line art of accessories

As membranas nas barbatanas vão ser  semitransparentes, de modo a tornar as linhas internas mais finas e quase imperceptíveis.

line art of the tail

Passo 6

Torne a camada "esboço" invisível e admire o resultado da linha de arte.

finished line art of a mermaid

4. Como Criar as Formas Principais

Passo 1

Primeiro, vamos selecionar todas as linhas e vá para Object > Expand Appearance. Abra o painel Pathfinder e clique em Unite, mantendo pressionado o botão Alt. Depois pressione OK para criar um objeto sólido.

work with Pathfinder panel

result of Pathfinder panel

Passo 2

Crie uma Nova Camada para o fundo e arraste-a sob a camada "esboço". Não esqueça de Bloquear a camada "esboço" e torne a camada "linhas" invisível.

new layer for the background

Passo 3

Comece criando um retângulo de 860 x 1210 px usando a Ferramenta Rectangle (M), e Preencha-o com um Gradiente Linear do rosa claro para o azul claro.

Abra o painel Align e selecione Align to Artboard, e depois, Align Objects: Horizontal and Vertical.

rectangle for the background

Passo 4

Escolha a cor turquesa clara com Opacity de 25%, e desenhe a forma principal do padrão de fundo seguindo o esboço. Você pode usar a Ferramenta Pencil (N) ou a Ferramenta Pen (P) para sua conveniência.

main shape for the background

Desta forma, desenhe formas mais detalhadas do padrão dentro da forma principal. É difícil desenhar a forma inteira usando a Ferramenta Pencil (N), então vamos criar algumas formas menores e depois as uniremos. Abra o painel Pathfinder e clique em Unite. Preencha esta forma com uma cor azul clara, 25% de Opacity.

detailed shape for the background

Adicione algumas formas roxas e amarelas com 10% de Opacity.

additional shapes for the background

Torne a camada "esboço" invisível.  Não precisamos mais disto.

Passo 5

Bem, desta vez vamos desenhar as formas principais desta personagem.

Primeiro, vamos mudar a cor do contorno da nossa sereia. Selecione as linhas e Preencha-as com a cor marrom.

changing of lines color

Passo 6

Agora precisamos criar a amostra das cores básicas. Eu escolhi os tons suaves e puros de rosa, amarelo e azul.

swatch of the basic colors

Passo 7

É hora de começar a pintar. Escolha as cores da sua amostra. Use a Ferramenta Pencil (N) e a Ferramenta Pen (P), ou a Ferramenta Blob Brush (Shift-B), o que você preferir para as formas principais.

Desenhe o corpo, a maquiagem e as mãos nas camadas separadas, e organize-as como mostradas abaixo.

main shape of a body

Passo 8

Adicione uma Nova Camada para o penteado acima da camada "maquiagem". Desenhe a forma do cabelo e Preencha-a com um Gradiente Linear usando as cores amarela, rosa e azul.

gradient shape for a hairstyle

Passo 9

Use o rosa claro para o corpete, amarelo para as jóias e rosa para flores.

main shape for the accessories

Passo 10

Use um Gradiente Linear do tom de pele para azul para a cauda da sereia. Desenhe-a na camada "corpo".

gradient for the tail

Passo 11

Aplique o mesmo gradiente que no penteado com 80% de Opacity para as barbatanas da cauda.

gradient for the fins

gradient for the fins

Passo 12

Para um processo de trabalho conveniente, vamos criar camadas separadas para cada parte da personagem. Organize-as como mostradas na imagem de tela abaixo.

organizing of layers

5. Como Adicionar as Sombras e os Destaques

Passo 1

Primeiro, mude a cor das linhas dos olhos para torná-los mais expressivos. Selecione a forma das linhas, e Duplique pressionando Control-C e Control-F. Desenhe algumas formas na área do delineador e da pupila, narina e linha média dos lábios. Una-os usando o painel Pathfinder.

making expressive look

Agora, selecione a forma das linhas e nossa nova forma e clique em Intersect enquanto mantém pressionado o botão Alt e, depois pressione Expand.

work with Pathfinder panel

Depois de terminar de limpar esta nova forma de detalhes desnecessários, preencha-a com uma cor mais escura. Adicione um brilho branco às pupilas.

result of expressive look

Passo 2

Vamos adicionar um pouco de volume ao rosto. Vamos trabalhar na camada "corpo". Desenhe o blush primeiro. Pegue a Ferramenta Ellipse (L) e crie algumas formas: duas formas maiores nas bochechas e uma menor no nariz. Preencha-os com um Gradiente Radial rosa, reduzindo a Opacity para 0% no controle deslizante externo. Depois selecione todas as formas do blush e altere a Opacity para 30%.

adding blushes to the face

Desta forma, adicione alguns blushes no pescoço e nas costas. Adicione também alguns blushes aos cotovelos e pulsos na camada "mãos".

adding blushes to the body

Passo 3

Vamos adicionar algumas sombras à pele. Para alcançar um efeito aquarela e tornar as pinceladas mais atraentes, usaremos o Pincel Artístico de Aquarela do painel Brushes, como mostrado na imagem abaixo. 

work with Brush Library

Selecione o Pincel Light Wash-Thick e a cor vermelha violeta para o Traço. Altere o Blending Mode para Multiply e Opacity para 50% no painel Transparency. Altere a Espessura do Traço para 0.4 pt.

watercolor brush options

Desenhe formas básicas na área sombria. Coloque-as uma em cima da outra até obter o resultado desejado.

adding shadows to the face

Da mesma forma, adicione um pouco de volume para as costas, as mãos e a cauda. Altere a Opacity e a Espessura do traço no processo. Podemos precisar disto em partes estreitas como os dedos, por exemplo.

adding shadows to the body

Passo 4

Vamos adicionar as sombras decrescentes. Use o mesmo pincel aqui. Escolha a cor violeta azulada, variando a Opacity de 100% a 70%.

Desenhe as sombras sob os olhos, os lábios, os cabelos, no lado direito do rosto dela, no pescoço e nas mãos. Também desenhe algumas escamas de peixe na cauda.

adding falling shadows to face

adding falling shadows to body

drawing of fishes scales

Passo 5

Desta forma, vamos adicionar alguns destaques à área iluminada. Escolha a cor branca, altere o Blending Mode para Soft Light, e reduza a Opacity para 50%. Desenhe traços separados para torná-los expressivos.

adding highlights to the body

Passo 6

Altere a Opacity para 100% e o Blending Mode para Normal. Usando a Ferramenta Pencil (N), adicione alguns destaques brilhantes e cintilações.

adding twinkles to the body

Passo 7

Escolha a cor ciano com 50% de Opacity, Multiply Blending Mode, e desenhe os reflexos a partir do fundo. Use o mesmo pincel de aquarela Light Wash-Thick.

adding reflections to the body

Passo 8

Agora vamos trabalhar nos olhos e nos lábios na camada de "maquiagem". Pegue a Ferramenta Pencil (N) e adicione algum volume na parte branca do olho, desenhando algumas formas sob os cílios. Use a cor das linhas e reduza a Opacity para 30%.

Em seguida, desenhe uma tira rosa na margem da pálpebra, e adicione alguns destaques a ela.

Agora selecione a íris do olho, e Preencha-a com Gradiente Linear do azul escuro para o azul claro. Adicione algumas cintilações cianas.

Desenhe a sombra de olho usando uma cor roxa com 20% de Opacity, e depois adicione algumas formas azuis brilhantes para os destaques.

Agora desenhe uma forma rosa profunda no lado esquerdo do lábio superior.  Adicione a cor vermelha violeta escura com 25% de Opacity entre os lábios. No final, desenhe brilhos cintilantes no lado direito dos lábios.

Para tornar a pele mais natural, adicione algumas sardas. Elas não devem ser perfeitamente redondas, então desenhe-as aleatoriamente no nariz e nas bochechas.

makeup drawing

Passo 9

Vamos desenhar um padrão na cauda da sereia. Crie uma Nova Camada para ela sobre a camada "corpo/cauda". Desenhe algumas listras azuis, e reduza a Opacity para 25%.

adding pattern to the tail

Agora escolha o Pincel Watercolor-Wet da Biblioteca Brush, e desenhe linhas suaves em cima das listras. Altere o Blending Mode para Multiply, e reduza a Opacity para 50%.

adding strokes to the tail

Desta forma, adicione algumas linhas amarelas entre as listras.

adding stripes to the tail

Usando a Ferramenta Pencil (N), desenhe algumas escamas na área mais iluminada.  Una estas formas usando o painel Pathfinder para criar um objeto sólido. Preencha-a com um Gradiente Linear de ciano e amarelo para rosa. Reduza a Opacity para 55%.

drawing of scales shapes

Da mesma forma, desenhe algumas novas escamas, Una-as, e Preencha-as com um Gradiente ciano, como mostrado abaixo.

drawing of additional scales

Agora vamos adicionar alguns brilhos finais às escamas. Use as cores rosa, ciano e branco com 100% de Opacity.

adding final twinkles to scales

Passo 10

É hora de adicionar um pouco de volume ao corpete. Vamos utilizar aqui o pincel de aquarela também. É muito fácil obter efeitos de pintura e uma imitação de aquarela.

Selecione o pincel Watercolor-Wet com 1 pt de Espessura, e desenhe algumas formas de textura rosa das sombras. Reduza a Opacity para 50% e altere o Blending Mode para Multiply. Estes traços podem se estender além da forma básica, então vamos corrigi-lo com Clipping Masks mais tarde.

watercolor texture on the bodice

Desta forma, desenhe algumas tonalidades de azul usando o pincel de traços cianos.

brush strokes on the bodice

Agora adicione alguns pontos amarelos, reduzindo a Opacity para 30%.

watercolor spots on the bodice

Pegue a Ferramenta Pencil (N) e desenhe algumas sombras decrescentes usando a cor das linhas com 37% de Opacity. Depois adicione algumas formas de destaques para o lado esquerdo do corpete. Use a Ferramenta Eyedropper (I) para escolher a cor branca do corpo para isso.

shadows and highlights on bodice

Agora Duplique a forma básica mais baixa do corpete, pressionando Control-C e Control-F. Mova a cópia para cima, enviando-a para a Frente (Control-Shift-]).  Selecione todos os objetos do corpete, clique com o botão direito do mouse, e a seguinte janela vai aparecer. Depois pressione Make Clipping Mask.

work with Clipping Mask

Passo 11

Vamos adicionar destaques e sombras aos acessórios. Nós ainda estamos desenhando na camada "corpete/flores".

Comece com a tiara e as pulseiras douradas. Escolha o pincel Watercolor-Wet com 0.5 pt de Espessura, e desenhe algumas manchas vermelhas para as sombras e alguns reflexos cianos. Reduza a Opacity para 70%, e mantenha o Blending Mode como Multiply. Depois faça um Clipping Mask, como fizemos antes no corpete.

No final, adicione algumas formas amarelas e brancas de brilho usando a Ferramenta Pencil (N).

adding volume to accessories

Passo 12

Nós vamos desenhar as flores usando os mesmos princípios.

Primeiro, Preencha as flores e as folhas com um Gradiente Linear do rosa para rosa claro e do azul para azul claro, respectivamente.

adding gradient to flowers

Brinque com o Pincel Aquarela para tornar o desenho mais decorativo e pitoresco. Use as cores rosa, amarelo e ciano.

adding watercolor texture to flowers

No final, adicione sombras e brilho com a Ferramenta Pencil (N). Escolha a cor marrom das linhas para as sombras e a cor branca para o brilho.

shadows and highlights on flowers

Passo 13

Vamos começar a formar o penteado.

Primeiro Duplique a forma do cabelo, Preencha-a com a cor branca, e mova-a para baixo. Selecione a forma do gradiente superior e reduza a Opacity para 70%.

gradient for the hairstyle

Escolha um novo Pincel Watercolor-Thick da Biblioteca Brush, e desenhe alguns traços rosados ​​aleatoriamente, criando belos pontos artísticos. Você pode ver todas as configurações do pincel na imagem abaixo. Depois aplique o Clipping Mask, como fizemos anteriormente.

watercolor strokes on the hairstyle

Desta forma, desenhe algumas pinceladas azuis. Sinta-se à vontade para posicioná-los de qualquer maneira que você ache melhor.

watercolor texture on the hairstyle

Adicione alguns pontos amarelos e cianos também.

watercolor spots on the hairstyle

Agora desenhe as formas das sombras. Selecione-as e pressione Unite no painel Pathfinder. Preencha esta forma com um Gradiente Radial azul, reduza a Opacity para 40%.

adding shadows to the hair

Em seguida, desenhe as formas dos destaques, una-as também. Preencha esta forma sólida com um Gradiente Radial amarelo, reduzindo a Opacity para 75%.

adding highlights to the hair

No final, adicione alguns destaques brilhantes ao lado esquerdo do penteado.

adding gloss to the hair

Passo 14

Temos alguns passos a seguir.  E é hora de desenhar as barbatanas da sereia.

Adicione alguns traços usando os mesmos princípios que usamos no penteado. Escolha o pincel Watercolor-Wet com cores azul, rosa, amarelo e ciano para ele. 

watercolor strokes on fins

additional watercolor strokes on fins

watercolor texture on fins

Pegue a Ferramenta Pencil (N) e faça um belo desenho nas barbatanas. Preencha-o com um Gradiente Linear azul com 40% de Opacity, conforme mostrado abaixo.

forming pattern on the fins

Da mesma forma, desenhe uma outra forma de desenho e Preencha com um Gradiente Radial amarelo, 75% de Opacity.

forming pattern on the fins

No final, adicione alguns pontos azuis e brilho branco.

adding gloss to fins

Passo 15

É hora dos toques finais. Vamos adicionar alguns detalhes necessários.

Crie uma Nova Camada sob "linhas" para os reflexos a partir do plano de fundo. Desenhe algumas formas cianas no lado direito do personagem.

adding reflections to the character

Agora, adicione algumas formas azuis escuras à área mais escura, e defina seu Blending Mode para Overlay, 10% de Opacity.

adding dark shadows

Adicione também algumas das formas mais brilhantes à área mais clara da cauda, ​​definindo o seu Blending Mode para Overlay, 10% de Opacity também.

adding overlay highlights

No final, vamos mudar a cor das linhas ligeiramente, adicionando um pouco de azul.  Selecione a forma das linhas e Preencha-a com um Gradiente Linear, conforme mostrado abaixo.

new gradient on the lines

Finalmente a nossa personagem está pronta!

final character

6. Como Criar um Fundo Abstrato

Passo 1

Nós já temos o substrato básico com a cores principais para o fundo. Isso vai nos servir de ponto de referência na adição de pinceladas e detalhes.

Vamos fazer as primeiras pinceladas, usando um novo pincel Watercolour Stroke 3, variando a Espessura de 2 pt para 4 pt. Use uma cor azul clara, Multiply Blending Mode e 15% de Opacity para elas.

watercolor texture on the background

Passo 2

Agora escolha a cor ciano claro, mude para o Normal Blending Mode e desenhe alguns pontos claros.  Brinque com a Opacity e a espessura dos traços até obter o resultado desejado.

watercolor spots on the background

Desta forma, use o Pincel Watercolor-Wet para adicionar alguns pontos amarelos e cianos, aplicando o Multiply Blending Mode novamente.

colorful spots on the background

Passo 3

Vamos adicionar algumas manchas ao fundo. Primeiro, vá para Open Brush Library > Artistic> Artistic_Ink e escolha duas novas escovas: Fire Ash e Galaxy. Use-as para adicionar algumas manchas azuis claras e brancas. Mude seu Tamanho e Opacity, movendo-as conforme desejar.

adding splashes to the background

No final, decore a parte de cima da nossa ilustração com pontos de luzes amarelos. Desenhe-os com a Ferramenta Pencil (N), Duplique-os e coloque-os em torno da sua personagem.

final touch on the background

Uau! Terminamos!

Eu gosto desta sereia colorida brilhante e este fundo pastel suavemente colorido. Foi um processo demorado e complicado, mas ao mesmo tempo, é criativo e interessante.

Obrigado por criar esta personagem sereia muito bonita comigo. Aproveite e compartilhe o seu resultado!

Watercolor Mermaid Illustration Illustrator Tutorial
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.