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

Como Criar um Personagem de Realidade Virtual no Affinity Designer

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Neste tutorial, vamos percorrer todo o processo emocionante de projetar um personagem de desenho animado do esboço para a peça finalizada! Junte-se a mim e vamos ver como podemos animar nosso esboço bruto transformando as formas geométricas, aplicando gradientes e usando várias ferramentas e funções de Draw Persona do Affinity Designer para tornar o processo divertido e fácil! Vamos começar!

No final deste tutorial, você vai criar um personagem imaginário em uma pose dinâmica e vai ser capaz de usar estas técnicas e criar personagens vetoriais únicos dos seus esboços! Se você precisar de alguma inspiração para seus futuros projetos; vá direto para GraphicRiver e descubra a variedade de personagens vetoriais disponíveis lá!

1. Como Desenhar a Cabeça e o Nariz do Garoto

Passo 1

Primeiro de tudo, precisamos de um esboço. Pode ser um rabisco bruto rabiscado em um pedaço de papel ou uma peça digital criado em qualquer software de CG usando uma mesa digitalizadora.

Aqui está um esboço de um menino que eu fiz de antemão. Você pode criar seu próprio ou apenas baixar este aqui clicando nele com o botão direito do mouse e escolhendo Salvar Como.

character sketchcharacter sketchcharacter sketch

Passo 2

Crie um Novo Documento de tamanho de 800 x 600 px e usa a Ferramenta Place Image para importar seu esboço e inserí-lo na tela.

Selecione o esboço no painel Layers e diminua a Opacity para 50%. Defina o Blend Mode para Multiply, tornando a imagem semitransparente. Desta maneira vamos ser capazes de ver todos os elementos que vamos estar criando sob o esboço.

Create a New Document and place the sketchCreate a New Document and place the sketchCreate a New Document and place the sketch

Passo 3

Crie uma Nova Camada e arraste-a sob a camada do esboço.

Vamos começar criando a cabeça. Use a Ferramenta Ellipse (M) para fazer uma forma 130 x 120 px. Clique no botão Convert to Curves na barra de ferramentas de controle para ser capaz de modificar a forma.

Selecione o nó esquerdo usando a Ferramenta Node (A) e arraste o nó para baixo, combinando-o com o ponto extremo da bochecha do menino no esboço.

Puxe a alça do nó para cima, fazendo com que a forma oval encaixe nas linhas do esboço.

make the head from the ellipse make the head from the ellipse make the head from the ellipse

Passo 4

Vamos aplicar o preenchimento gradiente para a nossa forma para adicionar algum volume a ela. Selecione a forma, pegue a Ferramenta Fill (G), e clique e arraste através da forma. Agora podemos editar as cores: também selecionando os círculos deslizantes do preenchimento de gradiente e ajustando suas cores no painel Colour, ou brincando com as configurações de Fill na janela de opções na barra de ferramentas de controle na parte superior. Abra o painel Gradient Fill  e clique nos controles deslizantes da barra de gradiente para ajustar as cores.

Faça a parte inferior do rosto um pouco mais escura do que a testa.

apply a linear gradient fillapply a linear gradient fillapply a linear gradient fill

Passo 5

Use a Ferramenta Ellipse (M) para fazer uma orelha. Aplique um Linear Fill para ela, fazendo a ponta da orelha rosa. Convert to Curves e deforme ligeiramente a orelha, fazendo-a se ajustar ao esboço.

make the ear from the ellipsemake the ear from the ellipsemake the ear from the ellipse

Passo 6

Vamos adicionar detalhes para a orelha usando a Ferramenta Pencil (N). Faça um traço arqueado e coloque a cor marrom para o Stroke no painel Colour. Ajuste as configurações também na barra de ferramentas de controle na parte superior ou do painel Stroke, configurando o valor de Width para 5 pt e o Controller para Pressure.

Podemos mover os nós do traço usando a Ferramenta Node (A) para fazer a linha suave.

Adicione um outro, traço mais curto, anexando-o ao primeiro.

add details to the ear using the Pencil Tool Nadd details to the ear using the Pencil Tool Nadd details to the ear using the Pencil Tool N

Passo 7

Esta é a aparência da base da cabeça se nós alternarmos a visibilidade da camada de esboço.

the head basethe head basethe head base

Passo 8

Agora vamos desenhar um nariz. Use a Ferramenta Pencil (N) para fazer uma curva arqueada engraçada como forma de gota. Você também pode usar a Ferramenta Pen (P) ao invés disso, o que dá a você mais controle sobre os nós.

 Use the Pencil Tool N to draw the nose Use the Pencil Tool N to draw the nose Use the Pencil Tool N to draw the nose

Passo 9

Preencha o nariz com um gradiente diagonal linear do vermelho para o rosa. Adicione uma forma de gota menor na ponta do nariz e aplique um gradiente mais claro para fazer um destaque brilhante.

Fill the nose with a diagonal linear gradient Fill the nose with a diagonal linear gradient Fill the nose with a diagonal linear gradient

Passo 10

Faça o esboço invisível e certifique-se de que todos os detalhes e cores combinem um com o outro corretamente.

Make the sketch invisible Make the sketch invisible Make the sketch invisible

2. Como Fazer um Óculos de Realidade Virtual

Passo 1

Use a Ferramenta Rounded Rectangle (M) para fazer uma forma de 95 x 45 px preenchido com uma gradiente linear cinza escuro. Podemos ajustar o raio do Corner da barra de ferramentas de controle na parte superior antes de Convert a forma para Curves (fara torná-lo editável).

Uma vez que a forma está convertida, use a Ferramenta Node (A) para adicionar nós e mova as alças dos nós, fazendo as formas se ajustarem a perspectiva e combinando as bordas para os contornos do esboço. Crie um pequeno arco na área da ponte nasal da RV e posicione o nariz do menino no topo do RV selecionando-o e precionando Shift-Control-].

make a virtual reality set from rectanglemake a virtual reality set from rectanglemake a virtual reality set from rectangle

Passo 2

Agora vamos adicionar um elemento azul brilhante no topo do óculos de RV. Use a Ferramenta Rectangle Rounded (M) para fazer uma forma de 30 x 10 px e rotacione-a -15 graus. Abra o painel Effects (você pode encontrá-lo próximo ao painel Layers)  e marque a caixa de seleção Outer Glow. A partir daqui podemos ajustar a cor do brilho e outros parâmetros deste efeito.

Convert a forma para Curves e faça sua parte direita ligeiramente estreita para torná-la adequada à perspectiva.

add a glowing blue elementadd a glowing blue elementadd a glowing blue element

Passo 3

Vamos adicionar detalhes para o óculos. Selecione-o e clique no botão Insert inside the selection no painel Insert Target. Você pode encontrá-lo no canto superior direito da barra de ferramentas de controle na parte superior.

Agora podemos usar também as formas geométricas ou as ferramentas de desenho (a Ferramenta Pencil (N) ou a Ferramenta Pen (P)) para adicionar duas faixas retangulares na parte inferior e no topo do conjunto RV.

Preencha a faixa superior com a cor cinza mais claro e a parte inferior com a cor cinza mais escuro, tornando o óculos mais tridimensional.

use the Insert inside the selection functionuse the Insert inside the selection functionuse the Insert inside the selection function

Passo 4

Continue usando uma das ferramentas de desenho para representar a boca traçando a forma do esboço. Preencha ela com cor branca para os dentes e adicione traços escuros no topo, representando as rugas da pele.

Ajuste o Width dos traços, configurando o parâmetro para 5.5 pt.

draw a mouth and adjust the strokesdraw a mouth and adjust the strokesdraw a mouth and adjust the strokes

Passo 5

Vamos voltar para o conjunto RV e crie seu elemento lateral. Use a Ferramenta Rectangle (M) para criar uma forma cinza de 20 x 40 px e Convert para Curves. Rearranje os objetos, posicionando o retângulo abaixo do conjunto RV. Mova os pontos de ancoragem do retângulo, fazendo seu lado direito mais largo.

Duplicate (Command-J) o retângulo e vamos transformá-lo em uma tira. Primeiro de tudo, vamos mudar a cor de preenchimento. Copy (Command-C) a forma RV cinza escura, e então selecione o retângulo e Edit > Paste Style, desta maneira aplicando o preenchimento gradiente cinza escuro para a forma.

Agora podemos selecionar e arrastar os nós superior e inferior esquerdo do retângulo para o lado oposto, transformando a forma "de dentro para fora".

make the side strap of the VRmake the side strap of the VRmake the side strap of the VR

Passo 6

Estique a tira atrás da orelha. Coloque a orelha e seus elementos no topo da tira (Shift-Command-]).

make the stretch longermake the stretch longermake the stretch longer

Passo 7

Vamos seguir em frente e criar um penteado. Desenhe a silhueta, usando nosso esboço como guia, e aplique um preenchimento linear do vermelho para o marrom. Use a função Insert inside the selection para desenhar algumas linhas marrom escuro dentro da forma do cabelo, representando os cachos separados.

draw the hairdraw the hairdraw the hair

Passo 8

Termine o rosto do menino salpicando algumas sardas em suas bochechas. Use a Ferramenta Ellipse (M) enquanto segura a tecla Shift para fazer os círculos regulares.

Crie um retângulo do tamanho de cerca de 15 x 20 px para o pescoço. Aplique um preenchimento linear, fazendo a parte de cima um pouco mais escura do que o rosto. Convert isso para Curves e mova os nós, fazendo sua parte inferior mais estreita.

make circle frecklesmake circle frecklesmake circle freckles

3. Como Desenhar o Corpo em uma Pôse Dinâmica

Passo 1

Pegue a Ferramenta Rectangle (M) e vamos começar desenhado a camiseta! Faça um retângulo de 60 x 115 px e aplique um preenchimento linear roxo brilhante, escurecendo a parte inferior da forma.

Convert para Curves, pegue a Ferramenta Node (A), e vamos arrastar os nós em direções opostas, colando-os nos ombros e nas bordas da parte inferior da camiseta em nosso esboço.

Clique e arraste o lado do retângulo para dobrar sua borda, fazendo com que ele se encaixe no esboço.

Faça as bordas esquerda, direita e da parte de baixo do retângulo arqueadas, assim parece mais com estilo de desenho animado.

Crie um nó adicional no meio da borda superior e arraste-o para cima, para o pescoço do personagem.

make a t-shirt from rectanglemake a t-shirt from rectanglemake a t-shirt from rectangle

Passo 2

Agora vamos adicionar as mangas. Crie um retângulo no lado esquerdo do corpo e aplique o mesmo preenchimento linear roxo.

Convert para Curves e mova os nós, anexando as mangas à camiseta.

make a sleeve from the rectanglemake a sleeve from the rectanglemake a sleeve from the rectangle

Passo 3

Podemos ativar a função Snapping para facilitar para combinar os nós. Desta maneira podemos alinhar os nós e ver em que ponto eles se sobrepõem.

turn on the snappingturn on the snappingturn on the snapping

Passo 4

Adicione a segunda manga, fazendo todos os elementos se encaixarem uns nos outros.

Add the second sleeveAdd the second sleeveAdd the second sleeve

Passo 5

Vamos desenhar os braços. Use a Ferramenta Pencil (N) (ou a Ferramenta Pen (P)) para fazer um traço arqueado.

Abra o painel Stroke (ou o menu Stroke no painel de controle na parte superior)e defina o Width para 14 pt, fazendo a linha espessa o suficiente. Defina o Cap para Round Cap.

Abra as configurações Pressure e ajuste o gráfico para fazer o braço mais grosso no ombro e mais fino no pulso movendo os pontos do gráfico como mostrado na imagem abaixo.

make the arm from a thick strokemake the arm from a thick strokemake the arm from a thick stroke

Passo 6

Agora vamos criar a mão de um círculo. Use a Ferramenta Ellipse (L) para fazer uma forma 22 x 21 px. Convert isso para Curves e comece a modificar a forma, formando uma palma. Mantenha pressionado a tecla Option e use a Ferramenta Node (A) para puxar e mover as alças do nó independentemente uma da outra.

Use a Ferramenta Pencil (N) para desenhar um polegar. Faça seu preenchimento gradiente um pouco mais claro (especialmente no topo do polegar) para separá-lo da palma.

create a hand from a circlecreate a hand from a circlecreate a hand from a circle

Passo 7

Use a Ferramenta Rounded Rectangle (M) para criar os dedos. Rotacione-os ligeiramente e varie o comprimento de cada dedo.

Use the Rounded Rectangle Tool M to create the fingersUse the Rounded Rectangle Tool M to create the fingersUse the Rounded Rectangle Tool M to create the fingers

Passo 8

Vamos representar o controle de movimento na mão do menino. Comece fazendo um círculo 30 x 30 px usando a Ferramenta Ellipse (M).

Mude para a Ferramenta Rectangle (M) e faça uma forma 45 x 12 px com o mesmo preenchimento linear cinza escuro como temos para o conjunto RV.

Convert para Curves e remodele o retângulo, fazendo um cabo em forma de cilindro. Rearranje o objeto, colocando o cabo entre os dedos e a palma no painel de Layers.

depict the motion controllerdepict the motion controllerdepict the motion controller

Passo 9

Duplicate (Control-J) t o braço e use a função Transform no painel de controle no topo para Flip Horizontal. Modifique a cópia para criar o segundo braço e mão, segurando o controle de movimento azul.

reate the second armreate the second armreate the second arm

Passo 10

Vamos adicionar a gola para a camiseta usando a função Insert Target. Selecione a camiseta e clique no botão Insert inside the selection. Use a Ferramenta Ellipse (M) ou a Ferramenta Pencil (N) para fazer uma pequena forma oval e preencha ela com a cor de pele, fazendo que ela corresponda ao pescoço do personagem.

use the Insert Target functionuse the Insert Target functionuse the Insert Target function

Passo 11

Agora vamos para as pernas! Use a Ferramenta Rectangle (M) para fazer uma forma azul-acinzetada de 30 x 155 px. Convent para Curves e mova os pontos usando a Ferramenta Nó (A). Dobre as bordas do retângulo, fazendo com que elas se encaixem com as linhas do esboço.

make a leg from the rectanglemake a leg from the rectanglemake a leg from the rectangle

Passo 12

Ajuste a perna, fazendo com ela pareça mais estilo cartoon e flexível. Aplique um preenchimento gradiente linear, escurecendo a parte de baixo do jeans.

Apply a linear gradient fillApply a linear gradient fillApply a linear gradient fill

Passo 13

Desenhe a segunda perna, seguindo as linhas do esboço e, uma vez que você está satisfeito com sua forma, selecione ambas as pernas e aplique a Add Operation do painel de controle na parte superior para unir ambos os objetos.

Use a função Insert inside the selection para desenhar um furo retangular no joelho esquerdo do nosso personagem.

Draw the second leg and add a holeDraw the second leg and add a holeDraw the second leg and add a hole

4. Como Desenhar o Tênis

Passo 1

Agora que as pernas estão prontas, vamos seguir e representar esse par de tênis. Comece formando uma sola de um retângulo cinza claro de 70 x 8 px. Faça uma linha mais fina e escura através da sola.

Crie um outro retângulo de 70 x 8 px no em cima do primeiro e preencha-o com a  cor cinza escuro. Convert para Curves, pegue a Ferramenta Node (A), adicione um nó na borda superior, e arraste-o para cima.

make a gumshoe from rectanglesmake a gumshoe from rectanglesmake a gumshoe from rectangles

Passo 2

Vamos formar a parte da frente do tênis. Duplicate (Command-J) a sola e faça um retângulo mais curto. Convert para Curves e dobre sua borda superior para cima, fazendo um grande arco. Delete os nós inferiores ou mova-os para cima, posicionando a parte da frente do tênis em seu lugar.

form the toecap from the rectangleform the toecap from the rectangleform the toecap from the rectangle

Passo 3

Use a função Insert inside the selection para desenhar alguns encaixes arqueados dentro do bico do tênis. Adicione dois laços para os cadarços.

Duplicate (Command-J) e Flip Horizontal para criar o sapato oposto.

Add two loops for the shoestringsAdd two loops for the shoestringsAdd two loops for the shoestrings

Passo 4

Vamos adicionar mais alguns detalhes para o jeans. Continue usando a Ferramenta Pencil (N) (ou a Ferramenta Pen (P)) para fazer um traço azul escuro de 1 pt para o bolso.

Faça a linha Dashed  no painel Stroke, e defina o valor de Dash para 2 e o valor de Gap para 3, criando um ponto de costura.

Adicione mais traços e pontos de costura para o jeans, fazendo-os parecer mais reais.

add some more details to the jeansadd some more details to the jeansadd some more details to the jeans

Passo 5

Vamos esconder nossa camada do esboço e verificar o visual geral do nosso personagem para ver se todas as partes estão no lugar certo. Podemos adicionar quaisquer detalhes menores ao nosso gosto. Por exemplo, aqui eu adicionei um símbolo de alvo flat na camiseta do menino. Eu também coloquie uma elipse achatada sob seus pés, assim ele fica de pé no chão.

add a target symbol to the t-shirtadd a target symbol to the t-shirtadd a target symbol to the t-shirt

5. Como Criar um Plano de Fundo Com Símbolos

Passo 1

Agora que nosso personagem está terminado, vamos fazer a composição inteira parecer balanceada adicionando detalhes menores para o plano de fundo.

Crie uma New Layer e coloque-a por baixo de todas as outras camadas no painel de Layers.

Crie um retângulo grande amarelo claro. Convert isso para Curves e mova os nós superiores em direções opostas, fazendo a parte superior da forma mais larga.

make a yellow rectanglemake a yellow rectanglemake a yellow rectangle

Passo 2

Use várias formas personalizadas do Affinity Designer para preencher o plano de fundo com símbolos. Você pode encontrar todas as formas imaginárias no mesmo menu drop-down como a Ferramenta Triangle. Note que toda forma tem suas próprias configurações e ajustes disponíveis na barra de ferramentas de controle na parte superior.

Defina a cor Fill das formas para nenhum e a cor do Stroke para azul brilhante. Ajuste a Width dos elementos no painel Stroke e faça os contornos Dashed.

create custom shapes with dashed strokescreate custom shapes with dashed strokescreate custom shapes with dashed strokes

Incrível! Nosso Personagem de Desenho Animado de Menino RV esta Terminado!

Você fez um ótimo trabalho, meus amigos, e criou com sucesso seu personagem de desenho animado no Affinity Designer!

Espero que você tenha aproveitado seguir este tutorial e aprendido algumas novas dicas e truques que podem ajudar você a entender os princípios de trabalhar com formas simples e gradientes a fim de fazer os elementos parecerem dinâmicos e diferentes.

Continue desenhando seus próprios personagens imaginários e aplique estas técnicas, transformando seus esboços em artes vetoriais terminadas!

Divertir-se!

Cartoon VR Kid Character is FinishedCartoon VR Kid Character is FinishedCartoon VR Kid Character is Finished
One subscription.
Unlimited Downloads.
Get unlimited downloads