Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design

Como Criar a Masha e o Urso, um Conto de Fadas Popular Russo, no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Você conhece a história da Masha e do Urso? É um conto popular que existe em russo, ucraniano e eu acredito que em outras nações eslavas.

Uma menina curiosa chamada Masha foi para a floresta e se afastou muito de casa. Depois ela encontrou uma casa onde morava o Urso. Ele decidiu manter Masha e não queria deixá-la ir para casa de seus avós. Mas a garotinha complicada encontrou uma maneira de escapar: pediu ao Urso que trouxesse pãezinhos recém-assados para os seus avós. Masha se colocou em um grande cesto de palha, colocou um prato com pãezinhos na cabeça e foi assim que o Urso foi à aldeia, sem sequer saber o que estava no cesto. Imediatamente depois que o Urso abriu o cesto na casa dos avós, Masha saltou dele e correu para os braços deles.

No tutorial de hoje, vamos estar criando uma ilustração que mostra como a Masha está no cesto que o Urso está carregando. Vamos utilizar formas básicas, a Ferramenta Pencil, e alguns efeitos Warp no Adobe Illustrator, e vamos também mover as alças e os pontos de ancoragem das formas básicas para transformá-las.

Se você gostaria de conferir a coleção de animais do GraphicRiver, sinta-se à vontade para obter alguma inspiração. Ou talvez lembre-se como são os ursos de verdade.

Se você gosta de ursos, você pode gostar destes tutoriais:

Se você gosta de contos de fadas, você provavelmente gostaria deste tutorial:

E quando você estiver pronto, vamos!

1. Como Criar o Urso

Passo 1

Depois que você tiver aberto o seu AI, crie um Novo Documento e vamos começar a mágica.

Para criar o urso, vamos começar com a cabeça. Pegue a Ferramenta Ellipse (L) e desenhe uma elipse (cor de preenchimento R=69, G=76, B=76). Depois, queremos aplicar o efeito Inflate para isso: vá para Effect > Warp > Inflate. Uma nova janela de diálogo vai saltar, onde você precisa inserir as opções que você vê abaixo. Depois disso, pressione OK.

Expanda a forma: quando ela estiver selecionada, vá para Object > Expand Appearance.

how to create the upper part of the Bears head

Passo 2

Agora vamos criar o focinho. Anexe uma nova elipse para a cabeça utilizando a Feramenta Ellipse (L). Enquanto ela está selecionada, vá para Effect > Warp > Inflate. Insira as opções que você vê abaixo e pressione OK.

Expanda esta forma: quando ela estiver selecionada, vá para Object > Expand Appearance.

how to create the muzzle

Passo 3

Por enquanto, a cabeça parece um pouco estranha, e é por isso que queremos deixá-la suave. O traço verde na imagem abaixo mostra como as formas se sobrepõem, mas você não precisa deste traço na sua imagem. Selecione as duas formas que você tem e vá para o painel Pathfinder (Window > Pathfinder). Pressione o botão Unite e você vai obetr uma forma ao invés de duas.

Se você marcar View > Show Corner Widget, vai ser capaz de ver círculos minúsculos no canto da forma quando ela estiver selecionada. Selecione o canto que deseja tornar mais suave utilizando a Ferramenta Direct Selection (A) e arraste-o para fora. Você vai notar como o canto pontiagudo se transforma em um suave. Isso é exatamente o que você precisa.

Depois disso, queremos adicionar o olho. Pegue a Ferramenta Ellipse (L) e , mantendo pressionada a tecla Shift para uma forma uniforme, crie um pequeno círculo preto. Adicione um minúsculo círculo branco como o destaque, assim ele vai completar o olho do urso.

Finalmente, aperte a Ferramenta Rounded Rectangle e adicione um pequeno retângulo arredondado para o nariz.

how to create the eyes and nose

Passo 4

Vamos criar a orelha. Como você sabe qual ferramenta utilizar para criar uma elipse, vamos seguir em frente e criar uma elipse. Depois, vá para Effect > Warp > Fish e insira as opções que você vê abaixo. Pressione OK.

Expanda a forma (Object > Expand Appearance). Posicione a orelha na cabeça.

Crie uma nova cópia da orelha em frente (Control-C, Control-F), altere sua cor de preenchimento para R=119, G=122, B=122, e torne-a menor.

Para criar uma outra orelha, crie uma cópia da primeira (Control-C, Control-V), e altere sua cor de preenchimento R=58, G=63, B=63. Corte-a (Control-X), e posicione-a atrás da cabeça (Control-B). Agora a cabeça está pronta!

how to create the ears

Passo 5

Agora vamos criar o pescoço. Aperte a Ferramenta Rectangle (M) e crie um retângulo, que deve ser quase um quadrado. Vá para Effect > Warp > Bulge, insira as opções que você vê abaixo, e pressione OK. Expanda esta forma.

how to create the neck

Posicione o pescoço embaixo da cabeça. Sinta-se à vontade para rotacionar o pescoço, assim ele vai se encaixar melhor. Novamente, utilizando a Ferramenta Direct Selection (A), mova os pontos de ancoragem do pescoço para fazer a transição suave da cabeça para o pescoço.

how to place the neck

Passo 6

Vamos criar o restante do corpo do urso nos próximos passos. Adicioen uma elipse sob o pescoço, e tenha em mente que estas duas formas precisam se sobrepor.

Depois crie uma nova cópia do pescoço e adicione isso como o peito do urso. Você pode mover os pontos de ancoragem e as alças do peito utilizando a Ferramenta Direct Selection (A) para alcançar o resultado que você deseja. Lembre-se, todas as formas devem se sobrepor, fazendo uma transição suave.

Adicione um círculo grande como a parte inferior do urso.

Finalmente, adicione uma elipse pequena para o rabo.

how to create the body and tail of the Bear

Passo 7

Para criar o braço, vamos utilizar também uma elipse. Desenhe uma onde o braço deve ficar. E depois mova as alças utilizando a Ferramenta Direct Selection (A) para alcançar um resultado similar ao da imagem abaixo.

how to create the arm

Passo 8

Crie a perna do mesmo jeito que você criou o braço, primeiro, crie uma elipse, e depois mova as alças e os pontos de ancoragem.

Depois disso, adicione uma pequena elipse para o pé. Se você tiver a versão mais nova do AI, então, perto da elipse selecionada, você vai notar uma alça do lado direito. Utilize esta alça e mova-a no sentido anti-horário até obter a metade da elipse. Nós vamos utilizá-la como o pé. Agrupe o pé inteiro para sua conveniência (clique com o botão direito do mouse > Group).

how to create the leg

Passo 9

Posicione a perna na parte inferior do corpo. Crie uma noca cópia da perna, altere sua cor de preenchimento para R=58, G=63, B=63, e coloque-a atrás do corpo (Control-X, Control-B). E agora o urso está pronto!

how to create another leg

2. Como Criar a Masha no Cesto de Palha

Passo 1

Vamos criar a Masha, começando com seu lenço de cabeça. Desenhe uma elipse vermelha (cor de preenchimento R=207, G=104, B=78). Depois aperte a Ferramenta Anchor Point (Shift-C) e clique no ponto de ancoragem superior.

Enquanto mantém ela selecionada, vá para Effect > Warp > Inflate. Insira as opções que você vê abaixo, e depois expanda a forma.

how to create the Mashas headscarf

Passo 2

Desenhe uma nova elipse (cor de preenchimento R=248, G=244, B=235) que quase se assemelha a um círculo, e posicione-o na forma vermelha anterior. Enquanto mantém a forma nova selecionada, vá para Effect > Warp > Inflate.

Certifique-se de que ela esteja selecionada, crie uma nova cópia em frente (Control-C, Control-F), e altere sua cor de preenchimento para R=242, G=225, B=202. A mais nova forma vai ser o rosto. Encolha-a um pouco, assim você vai ser capaz de ver apenas uma forma crescente da anterior que vai ser o cabelo.

Expanda ambas as formas.

how to create the Mashas face

Passo 3

Um pouco de elipses em cima do rosto vai ficar no cabelo da frente da Masha. Você não precisa do traço preto—eu apenas o adicione, assim você pode ver as elipses individualmente.

Altere a cor de preenchimento para R=61, G=81, B=94 e desenhe um pequeno círculo na parte esquerda do rosto como o olho dela. Depois adicione um circulo branco minúsculo como o destaque.

Selecione o olho inteiro (círculo cinza escuro + destaque) e enquanto mantem pressionadas as teclas Shift e Alt em seu teclado, mova o olho para a direita. Você vai notar que você obteve um outro olho que está perfeitamente alinhado.

Crie uma elipse rosa horizontal (R=244, G=202, B=174) como a bochecha da Masha. Crie uma outra bochecha utilizando o mesmo método que você utilizou para criar o outro olho.

how to create the bangs eyes and cheeks

Passo 4

Agora a Masha precisa de uma boca sorridente. Altere a cor de preenchimento para R=232, G=169, B=135 e desenhe uma elipse horizontal. Depois pegue a Ferramenta Anchor Point (Shift-C) e clique em seus pontos de ancoragem esquerdo e direito para obter cantos pontiagudos ao invés de curvas.

Em seguida, crie uma cópia em frente (você já sabe a combinação de teclas que você precisa), e encolha a nova cópia verticalmente. Altere sua cor de preenchimento para branco. Certifique-se de que a cópia nova permaneça no meio da anterior.

A partir daí, aperte a Ferramenta Direct Selection (A), selecione o ponto de ancoragem inferior da forma rosa, e mova-a um pouco para baixo.

E agora, vamos fazer a boca sorridente: agrupe a boca inteira (clique com o botão direito do mouse > Group) e vá para Effect > Warp > Arc.

how to create the smily mouth

Faça a Masha sorrindo: posicione a boca em seu rosto entre as suas duas bochechas.

how to place the mouth

Passo 5

Uma das maneiras de vestir um lenço de cabeça é amarrá-lo sob seu queixo. Por isso, adicione uma elipse pequena sob o queixo da Masha como um nó.

Em seguida, queremos criar as extremidades do lenço de cabeça. Primeiro, desenhe uma elipse longa horizontal, e depois torne seus pontos de ancoragem esquerdo e direito pontiagudos, assim como você fez para a boca.

Depois que você tiver obtido a extremidade do lenço de cabeça, posicione-o no lado esquerdo do nó sob o queixo da Masha.

Crie uma outra cópia desta extremidade e você vai obter uma outra extremidade. Posicione-a no lado direito do nó.

how to create the headscarf ends

Passo 6

O urso estava carregando a Masha no cesto de palha em suas costas, por isso vamos fazer este cesto. Primeiro, crie um retângulo vertical (cor de preenchimento R=226, G=200, B=136). Depois, vá para Effect > Warp > Arch.

how to create the weaved basket

Depois, aplique um novo efeito no cesto: Effect > Warp > Bulge.

Expanda a forma apenas como você fez para as outras.

continue creating the weaved basket

Passo 7

Certifique-se de que a cabeça da Masha esteja agrupada, e depois posicione-a sobre o cesto.

Depois, utilizando a Ferramenta Eyedropper (I), pegue a cor de preenchimento da cabeça da Masha (apenas clique nela). Desenhe uma elipse atrás da cabeça da menina e do cesto, como ela vai ser o corpo da Masha. Como sempre, você não precisa do traço preto.

Agora, isso vai ser muito útil se você ligar o Smart Guides: View > Smart Guides. Crie uma elipse atrás do cesto e da Masha. Altere sua cor de preenchimento para R=204, G=173, B=102. Queremos fazer isso como se a Masha estivesse sentando no cesto.

Para sua conveniência, é melhor agrupar a Masha e o cesto inteiro.

how to place Masha in the basket

Passo 8

Posicione a Masha nas costas do urso.

Delete a cor de preenchimento e defina a cor de traço para R=226, G=200, B=136. Crie uma elipse (eu provavelmente disse isso uma centena de vezes), e mova suas alças e seus pontos de ancoragem para fazer uma alça do cesto. Note que o braço do urso está sobre a alça.

how to place Masha in the basket on the Bears back

3. Como Desenhar os Detalhes

Passo 1

Comece deletando qualquer cor de preenchimento e definindo a cor de traço para R=58, G=63, B=63. Duplo clique na Ferramenta Pencil (N) e, na nova janela de diálogo, insira as opções que você vê abaixo. E agora, marque Round Cap no painel Stroke (Window Stroke).

the Pencil Tool Options window

Agora, quando o seu lápis estiver pronto, vamos desenhar alguns detalhes. Adicione alguns traços perto do olho do urso. Desenhe a boca, garras, cotovelo, e todos os detalhes que eu marquei com as setas.

Passo 2

Altere a cor de traço para R=88, G=96, B=96 e desenhe muitos traços curtos para a pelagem do urso. Note que a perna que está mais longe tem um traço de pelo mais escuro (R=69, G=76, B=76).

how to add fur to the Bear

Passo 3

Para a Masha. Delete a cor de traço e defina a cor de preenchimento para R=245, G=240, B=228. Precisamos desenhar os círculos em seu lenço de cabeça. Primeiro, desenhe um círculo pequeno, e depois, enquanto mantem selecionada a tecla Alt em seu teclado, espalhe os círculos por toda a parte do lenço de cabeça da Masha.

how to create circles on Mashas headscarf

Passo 4

Delete a cor de preenchimento novamente e defina a cor de traço para R=61, G=81, B=94. Desenhe cílios fofos e minúsculos nos olhos da Masha. Altere a cor de traço para R=226, G=199, B=166 e dê a ela um nariz pequeno e sardas.

how to draw the Mashas eyelashed nose and freckles

Passo 5

Altere a cor de traço para R=229, G=217, B=180 e desenhe algumas curvas no cabelo da Masha.

how to draw the Mashas hair

Passo 6

Altere a cor de traço para R=204, G=173, B=102 e desenhe o pattern de palha do cesto (sinta-se à vontade para desenhar o seu próprio pattern). Depois adicione algumas linhas para mostrar a dimensão do cesto (cor de traço R=178, G=145, B=79).

how to draw the details on the weaved basket

4. Como Criar o Cenário

Passo 1

Pegue a Ferramenta Rectangle (M) e clique em sua prancheta. Na nova janela de diálogo, insira a Largura e a Altura de 850 px e pressione OK. Um quadrado grande vai aparecer em sua prancheta, que vai ser o plano de fundo. Certifique-se de que o plano de fundo permaneça no meio da sua prancheta e tenha a cor de preenchimento R=137, G=175, B=170.

how to create the background

Passo 2

Certifique-se de que o plano de fundo permaneça atrás da Masha e do Urso. Para isto, corte o plano de fundo (Control-X) e posicione-o atrás da imagem (Control-B).

how to place Masha and the Bear on the background

Passo 3

Delete a cor de preenchimento, e defina a cor de traço para R=233, G=223, B=192. Aperte a Ferramenta Pencil (Shift-N) e desenhe linhas para as árvores e galhos. Você pode aumentar a Espessura do traço no painel Stroke (Window > Stroke). Note que os galhos ficam sobrepostos na borda superior do plano de fundo.

how to draw the birches

Diminua a Espessura do traço, altere a cor para R=88, G=96, B=96 e desenhe algumas linhas escuras que são tipicamente vistas na madeira.

continue drawing the birches

Passo 4

Tenha cuidado agora: selecione todas as árvores que você tem e agrupe-as juntas, sem a Masha e o Urso. Depois disso, selecione o plano de fundo, e faça uma cópia dele em frente (Control-C, Control-F).

Corte a nova cópia (Control-X) e posicione-a em frente de tudo (Control-F), até a Masha e o Urso. Depois certifique-se de que você tem a nova cópia que acabou de posicionar em frente de tudo selecionada, e então selecione as árvores que estão agrupadas. Vá para Object > Clipping Mask > Make (Control-7). As árvores que se sobrepõem na borda superior do plano de fundo tem que estar escondidas agora. Sua imagem deve ser similar a aquela abaixo.

how to create the clipping mask

Passo 5

Altere a cor de traço para R=113, G=153, B=146 e delete qualquer cor de preenchimento. Diminua a Espessura do traço no painel Stroke, e desenhe poucas linhas sob o Urso como sua sombra. E você terminou!

how to draw the shadow

Conclusão

Isso é tudo! Parabéns por passar por este tutorial! Espero que isso tenha sido interessante para você.

Como você pode ver, podemos transformar facilmente as forma em imagens incríveis assim como a que você acabou de criar!

E vejo você em meu próximo tutorial. Tchau!

final
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.