Projetando um personagem com contornos

Tutorial do Inkscape

Aqui está um pedido que eu tive algumas vezes agora: 'Como você faz um personagem com contornos?'. Não é muito diferente de qualquer outra criação de personagens você apenas adiciona um pouco mais de dificuldade e alguns problemas para contornar. A maioria dos meus tutoriais têm caracteres ou elementos sem contornos/traçados porque é apenas mais fácil. Simples e simples!

Questões

Os principais problemas que vejo com muitas ilustrações usando contornos são:

• o peso de linha inconsistente (espessura diferente do traçado para diferentes elementos na tela). É um pouco mais complicado e leva algum pensamento para projetar a tela equilibrada. Meu conselho é mantê-lo ou manter tudo na mesma espessura ou usar um pincel mais grosso para todos os elementos de foco (por exemplo, caracteres, logotipo, elementos de interface do usuário) e criar o fundo com um traço mais fino.
• a coloração do traçado versus a cor da forma.
• o peso da linha não corresponde à ilustração. Você deve ter notado em histórias em quadrinhos, ilustrações ou desenhos animados – o traço não é consistente em espessura. Ele começa mais fino, fica grosso e termina fino novamente dando-lhe mais de uma sensação de escova. Se for feito direito, realmente melhora a imagem, mas é uma arte demorada. Simplificando, usar ferramentas no Adobe Illustrator ou Corel Draw para criar pincéis dinâmicos acaba parecendo errado.

Vamos começar.

Todos esses problemas à parte. Vamos começar com algo simples. Neste tutorial vamos fazer um pequeno leitão com um simples golpe preto. Manterei-me consistente em todos os elementos. Em um dos próximos tutoriais pretendo cobrir contornos mais complexos e modificados.

Vamos começar com um círculo, convertê-lo em um caminho e mover o nó direito para baixo...

... para criar a forma da cabeça do leitão. Duplique-o e reduza-o para o sombreamento.

Adicione um traço à forma externa. Tenha em mente para torná-lo espesso o suficiente ao exportar para bitmaps.

Adicione círculos para os olhos (forma de base, destaque e, neste caso, uma marca ao redor do olho direito).

Em seguida, crie as orelhas usando um círculo deformado com e nó adicionado.

Duplique a forma e reduza um pouco para formar o interior da orelha do porco.

Duplique as duas formas, espelhe-as e dimensione um pouco a largura. Então coloque-os atrás da cabeça.

Agora, para a característica mais importante para torná-lo um leitão – o focinho. Comece com um círculo, converta-o em um caminho e crie uma duplicata.

Deforme o círculo puxando o nó esquerdo para fora e adicionando mais dois acenos.

Coloque o focinho no rosto e adicione dois círculos para as narinas. Os contornos representam um problema, pois não queremos a linha à esquerda visível.

Usando a ferramenta de linha reta, desenhe uma forma cobrindo o contorno à esquerda...

e dar-lhe a cor base da pele. Adicione outra linha para formar uma boca.

As duas últimas etapas mostram um dos principais problemas com contornos: a sobreposição de elementos. Linhas são criadas, que não queremos ver. Você poderia combinar o focinho e a cabeça. Simplesmente torná-lo um objeto resultaria em problemas para animá-lo depois. Isso se torna ainda mais visível com braços e pernas. Como solução, adiciono formas para cobrir essas sobreposições.

Outro círculo é deformado na forma do corpo...

com uma versão dimensionada para baixo para o sombreamento – semelhante à cabeça. A forma mais clara não vai precisar do derrame.

As pernas são baseadas em outro círculo deformado.

Use a ferramenta de linha reta para desenhar a forma do casco – é basicamente um retângulo estranho com um recuo.

Converta as linhas em curvas e curve as linhas superior e inferior.

Duplique as formas e escureça-as para as pernas na parte de trás.

Posicione os elementos e organize duas das pernas atrás da forma do corpo [Page Down].

Crie outro círculo para a cauda, faça um caminho e adicione um nó para a esquerda inferior e puxe-o para fora...

... transformar esse nó em um canto e ajustá-lo para formar um ponto afiado. Adicione um triângulo e outro círculo para a base.

Coloque o focinho no rosto e adicione dois círculos para as narinas. Os contornos representam um problema, pois não queremos a linha à esquerda visível.

Usando a ferramenta de linha reta, desenhe uma forma cobrindo o contorno à esquerda...

e dar-lhe a cor base da pele. Adicione outra linha para formar uma boca.

A cauda pode não parecer o design usual de saca-rolhas que você vê em um monte de ilustrações de porco. Foi um daqueles casos de pensamento que você sabe como fica versus a aparência. No final, eu verifiquei nas imagens do Google [a melhor invenção desde o pão fatiado]. Depois de ter olhado, essa cauda bonitinha parecia mais apropriada.

Por fim, adicione duas formas circulares ao quadril e ombro. Estes cobrem as linhas e conectam os membros ao corpo.

Espero que tenham gostado deste tutorial. Saia do inkscape e comece a criar!