Design Caráter para o Santos Boomrock

por John Lee 27 de junho de 2011

Neste tutorial vamos demonstrar como usar o

Illustrator e Photoshop para criar desenhos de
personagens para os Saints Boomrock . Vamos
começar!
Preparação
Abaixo estão as fotos de referência, que foram dadas
a mim pelo grupo. Josh está à esquerda e Brian está
à direita. No meio está a tatuagem de Brian, que irá
incorporar no projeto mais tarde.
Passo 1
Crie um novo documento 1600px x 1600px e definir o
plano de fundo para um gradiente de luz. Adicione
uma nova camada para o seu documento e começar
por vagamente construção de uma base para seus
personagens.
Com um tablet, eu costumo usar um pincel 3px
padrão em uma cor um pouco mais escura do que o
fundo. Eu certifique-se de ter "Shape Dynamics"
verificados para que eu possa controlar a pressão da
minha caneta.
Passo 2
Diminua a opacidade de sua primeira camada para
50% e adicionar duas novas camadas em cima dela,
uma para cada personagem.
Use essas novas camadas para passar por cima das
linhas de esboço desarrumado para limpá-lo um
pouco e adicionar os detalhes. Tenha cuidado para
não misturar as camadas para que mais tarde você
pode ajustar as posições de caracteres, se
necessário. Seria uma boa idéia para nomeá-los
como na imagem acima. Neste ponto, os
personagens estão começando a tomar forma. Não
há problema em manter tudo áspero ainda nesta
fase.
Passo 3
Adicione uma nova camada entre a primeira camada
"esboço" e as camadas de caracteres com o nome
"cor".
Use esta camada para experimentar e cerca de
bloquear os caracteres com uma paleta de cores
escolhida. Neste caso, o grupo queria algo
"guerrilha" por isso, naturalmente, fui com tons de
terra.
Em seguida, cerca de adicionar na iluminação e
sombreamento. Eu escolhi a fonte de luz principal
para estar à esquerda dos personagens para que a
luz vai bater o mais difícil da esquerda sobre a pele
exposta / vestuário. As partes que não estão
expostas ou será deixado "tal como está" ou
sombreada em se eles estão atrás de outro
elemento, como o lado direito do tronco de Brian
estar cobrindo por seu braço direito. Da mesma
forma, a maior parte do torso de Josh no lado
esquerdo é protegido desde que está sendo coberto
por Brian, que está diretamente na frente dele.
Passo 4
Quando estiver satisfeito, é hora de tomar a
ilustração para o Adobe Illustrator para limpar o
delineamento. Ocultar todas as camadas, exceto o
esboço, salvá-lo como um jpeg, e abri-lo no
Illustrator. Desde que eu estou usando um tablet, eu
posso fazer o delineando com a minha caneta
eletrônica em vez de um mouse. Para aqueles que
não estão trabalhando com tablets, esta parte pode
ser feito com a ferramenta caneta também. Existem
muitos tutoriais na internet para tinta ferramenta
caneta no Illustrator, juntamente com tutoriais para
vários outros métodos. Este é o método que eu
gosto.
Criar um novo pincel, abrindo a paleta pincel e
clicando no ícone 'novo pincel "na parte inferior. Na
caixa de diálogo que aparece, selecione "caligráfico
Pincel ', clique em OK, e definir o ângulo,
arredondamento de diâmetro, ea variação deste
novo pincel para as configurações abaixo.

Selecione o conteúdo da camada, clicando no círculo

à direita da camada na paleta Layers. Diminua a
opacidade para 30% e bloquear a camada. Escolha
a cor preta para o curso e nenhum para o
preenchimento.
Passo 5
Agora estamos prontos para começar a limpar o
contorno. Quando tinta, certifique-se de variar o peso
das linhas para produzir um efeito mais dinâmico.
Algumas dicas rápidas para se lembrar quando se
lida com espessuras de linha:
1. Criar uma ilusão de profundidade. Se um
objeto ou pessoa está mais perto de você, as
linhas serão geralmente mais espesso. Assim, se
este desenho tinha um fundo de uma paisagem
urbana, as linhas que compõem a paisagem
urbana seria mais fina do que as linhas do
personagem.
2. Preste atenção para a fonte de luz. Onde quer
que a luz está batendo, as linhas serão
geralmente mais fino. Onde quer que a luz não
 está batendo, as linhas serão geralmente mais
espesso.
3. Os exterior-a maioria das linhas de qualquer
objeto ou pessoa será geralmente mais espessa
do que as linhas dentro. Isto é para ajudar a
definir esse objeto ou pessoa para além dos
outros.
4. Ampliar os pontos finais das linhas que são
cortadas por uma outra linha. Dê uma olhada na
imagem abaixo para ver o que quero dizer.
Uma vez terminado, você deve ter algo parecido com
isto:

Passo 6
Agora nós podemos trazer o arquivo de volta para o
Photoshop e começar a colorir e renderização.
Exportar o arquivo do Illustrator (File> Export) e
selecione 'psd' na lista suspensa. Na caixa de
diálogo que aparece, defina a resolução para 'high
(300dpi)' e clique em OK.
Passo 7
Para esta parcela, o que eu costumo fazer é criar
uma camada separada para cada cor ou elemento
em cada personagem debaixo da camada de
contorno. Por isso, seria algo parecido com isto:
Então, eu simplesmente cor em cada elemento em
suas respectivas camadas. Além disso, você deve ter
notado que eu iluminou os contornos para cada
personagem um pouco. Eu sinto que este faz a
ilustração aparência mais natural em oposição a ter
um contorno preto escuro.
Passo 8
Agora, já que temos os personagens coloridas, tudo
o que resta é a prestação. Eu costumo começar com
o sombreamento e passar para a iluminação. Criar
uma camada separada para "Shading" acima da
camada de cor de base para cada elemento. Agora,
com a imagem de cor no passo 3 como referência,
os caracteres na sombra, utilizando uma escova
fixada em dureza de cerca de 60%.
Minha técnica é selecionar qualquer elemento que eu
sou sombreamento por / Ctrl-clique na miniatura da
camada de Comando e escovar sobre as áreas que
necessitam de sombreamento.
Faça isso para todos os elementos de ambos os
personagens e você deve ter algo parecido com isto:
Depois de ver o resultado, se você decidir que quer
determinadas áreas sombreadas para ser ainda mais
escura, você pode criar uma nova camada para
apenas as áreas mais escuras e usar a mesma
técnica acima para colori-la dentro Ter áreas mais
escuras em suas ilustrações ajuda a criar mais de
um resultado dinâmico.
Passo 9
Em seguida, fazemos a iluminação. Adicione uma
nova camada acima da camada de 'sombreamento'
para cada elemento. Com a camada de 'iluminação'
selecionado, use a mesma técnica de / Ctrl-clique
Command as miniaturas da camada para selecionar
seu conteúdo e adicionar pedaços de iluminação
onde for necessário.
Para os reflexos nas sombras, use a ferramenta
caneta para criar uma forma em torno do perímetro
interior. Em seguida, clique direito que forma, clique
em "Make Selection" e clique em OK na caixa de
diálogo que aparece. Uma vez que a forma é
selecionada, selecione branco como a cor e usar a
ferramenta de gradiente para criar uma reflexão sutil
arrastando de cima para baixo em um ângulo ligeiro.
Quando estiver concluído, reduzir a opacidade desta
nova forma para cerca de 30% ou o que você sente
percentual parece apenas direito.
Anúncio
Passo 10
Por fim, adicionar os últimos retoques, como a
tatuagem no braço de Brian, o logotipo na camisa de
Brian, o logotipo da SF no chapéu de Brian, e alguns
iluminação extra de ambos os personagens para
realmente identificar a fonte de luz.
Aqui está o método que eu usei para tatuar o braço
de Brian.
Depois de ver toda a ilustração concluído, o grupo
perguntou se Brian poderia ser "reforçada" um pouco
para refletir mais do seu eu natural. Então, eu fiz
alguns ajustes rápidos, ampliando o corpo um pouco
e adicionando um pouco de definição para o braço
direito, que você pode ver no desenho final abaixo.
Conclusão
Espero que este tutorial tenha te inspirou a usar
estas técnicas para ajudar a desenvolver seus
próprios estilos de ilustração. Tentar construir uma
base sólida com o esboço do começo e você terá
muito mais divertido desenvolvê-lo em um caractere /
colorido com tinta.

Anúncio

Dificuldade:
Avançado
Comprimento:
Longo
Tagged com:
Desenho Photoshop Illustrator
Fazer download do anexo
Sobre John Lee

John é um ilustrador, designer e

desenvolvedor front-end que trabalha sob o nome de
estúdio 'Crackpixels'. Ele é baseado em Los Angeles,
Califórnia.
Anúncio
Mensagens relacionadas