Tutorial Finalizado
Túnel
Eu meio que não sei se isso é um túnel ou um anel gigante sobre os títulos de abertura, de qualquer maneira, a primeira coisa que você deve fazer depois de criar um novo documento no Illustrator é criar um círculo perfeito usando a ferramenta elipse (L) + shift. Você está realmente indo para criar quatro delas, use um preenchimento branco para entender o que é baixo e que está abaixo.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/1.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/2.png)
Então eu adicionei um gradiente azul metálico linear em dois deles, um gradiente mais intrincada de ouro em um dos círculos e um preenchimento preto no círculo na parte frontal, a fim de simbolizar o buraco.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/3.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/4.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/5.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/6.png)
Eu também queria um sombreamento duro no círculo dourado, assim que eu acabei de criar um círculo branco, selecionado o modo de mistura suave luz, puxou um pouco para a diagonal direita para baixo e fez uma máscara de recorte (ctrl + 7 comando / + 7) com um círculo de ouro duplicado.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/7.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/8.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/9.png)
Vamos adicionar algumas estrelas, primeiro clique na ferramenta inicial para criar estrelas especificamente com o abaixo parâmetros.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/10.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/11.png)
Faça outro dentro do mesmo do mesmo. Em seguida, adicionar alguns gradientes azuis, utilizar uma mais forte no interior de um e mais suave na parte exterior.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/12.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/13.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/14.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/15.png)
Eu também adicionei uma sombra sobre cada um deles a olhar mais funky.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/16.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/17.png)
Então ele duplicado e alinhadas como a foto abaixo.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/18.png)
Aqui está o primeiro que vamos utilizar para o logotipo da SEGA, pode obtê-lo aqui
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/19.png)
Então, depois que eu escrevi SEGA Virei a fonte em contornos (CTRL + SHIFT + O / Command + Shift + O) e acrescentou o mesmo gradiente azul usado nos círculos.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/20.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/21.png)
Ok, agora vá em Object> Path Path> Offset e definir os parâmetros como este. Utilize um preenchimento branco sobre o novo caminho.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/22.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/23.png)
Asas
Nunca começ completamente porque não há ala na abertura Theis, de qualquer maneira eu só desenhar em seguida, usando a ferramenta caneta (P). Em seguida, adicione um gradiente radial cinzento sobre ele. Eu também usei o mesmo caminho compensar aqui, então você pode muito bem repetir o procedimento.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/24.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/25.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/26.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/27.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/28.png)
Não se esqueça de duplicar e lançá-lo para o outro lado (basta clicar e ir para Transform; Reflect).
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/29.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/30.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/31.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/32.png)
Fita
Usando a ferramenta caneta (P) eu fiz desta forma com um formato pequeno gancho na extremidade, este será como uma dobra da fita. Na seqüência eu fiz apenas a extremidade usando a ferramenta anterior.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/33.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/34.png)
Eu adicionei alguns gradiente vermelho linear, basta prestar atenção para as direções de gradiente, eles vão ajudar a melhorar e dar profundidade à imagem.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/35.png)
Para fazer uma das formas brancas, eu basicamente duplicado os vermelhos e ajustar-lo usando a ferramenta selction (V) ea ferramenta de seleção direta (A)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/36.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/37.png)
Eu também adicionei uma sombra, criando desta forma correta na fita dobrável, em seguida, selecionando o modo de mistura chamado multiplicam.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/38.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/39.png)
Ok, então basta duplicá-lo e lançá-lo para o outro lado. Eu também adicionei as estrelas utilizadas no círculo, mas em um tamanho maior.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/40.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/41.png)
Para o título principal em primeiro lugar eu escrevi "The Hedgehog" usando Hevletica (você pode usar Arial com você preferir), transformou-o em contornos e utilizado caminho compensar nele.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/42.png)
Você pode obter a fonte próxima que vamos usar o tipo de Sonic aqui .
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/43.png)
Eu esbocei o tipo e acrescentou um gradiente intrincadas metálica.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/44.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/45.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/46.png)
Ok, em seguida, acessar Effect> 3D> Extrude & Bevel, definir os parâmetros como o abaixo queridos.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/47.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/48.png)
Agora que acabou essa parte, vamos adicionar um fundo preto, criando um grande retângulo preto usando a ferramenta retângulo (M).
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/49.png)
Eu decidi acrescentar algumas estrelas brilhantes assim que eu cliquei na ferramenta de estrela e configurá-lo para fazer algumas finas 4 estrelas pontos. Eu também adicionei alguns gradiente de ouro neles.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/50.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/51.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/52.png)
Sônico
Ok, aqui está o mais esperado e também o toughiest parte do tutorial: Sonic desenho. Antes de tentar desenhar esse personagem na pose final, eu fiz alguns vários estudos do mesmo e é estrutura do corpo e movimentos, Sonic é um desses personagens clássicos de big-cabeça de desenhos animados, a parte mais difícil de entender é como você vai colocar os olhos. Então, eu sugiro que vocês para tentar algum esboço olhando para algumas imagens originais, é bom entender a lógica por trás de alguns personagens, que é melhorar você repertório gráfico.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/53.png)
Então, depois de testes de um lote estudos ADN, eu tentei fazer o Sonic clássico pose e atado-lo no arquivo Ai no fundo, para ajudar vocês. Como você pode ver eu dividi o personagem em um elipses lote O, esta é a maneira de mostrar a estruturação do corpo, onde estão as partes principais e as articulações.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/54.png)
Depois de colocá-lo no illustrator, eu comecei a traçar sobre as formas mais simples, a maioria elipses, como os da cabeça, olhos e corpo.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/55.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/56.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/57.png)
Com alguma ajuda da ferramenta caneta (P) Eu segui o resto do corpo, eu sei que isso pode não fazer muito sentido agora, mas esta é a melhor maneira de vetorizar um personagem com menos esforço.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/58.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/59.png)
Ok guys então agora aqui é um grande teste para você, como eu sei que nossos leitores são muito bons este deve ser pedaço de bolo: utilizando a ferramenta pathfinder chamado Unite, você deve sabiamente unir alguma da parte de marcado, de modo a obter este o Sonic vector . Não se preocupe, este é apenas um teste, se você não se sente confortável em tentar, há uma versão do vetor pronto no arquivo para download.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/60.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/61.png)
Depois temos tudo vetorizado, vamos adicionar algumas cores planas, eu gosto de fazer isso antes de adicionar gradientes e sombras como é melhor para visualizar como devemos acrescentar luz e sombra na imagem.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/62.png)
Comecei com o olho, acrescentando alguns gradiente radial cinzento, em seguida, adicionou algumas gradiente de cinza no nariz e nos olhos.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/63.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/64.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/65.png)
Decidi substiture o bege para uma cor mais quente como um gradiente de laranja, basta prestar atenção para as direções de gradiente e formatos (linear e radial).
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/66.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/67.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/68.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/69.png)
A luva é um pouco complicado, então aqui está um tep a passo sobre os rumos de gradiente, vê-lo com cuidado.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/70.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/71.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/72.png)
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/73.png)
Finalmente eu adicionei alguns gradiente radial azul no topo dele e posicionate-lo no cenário, direito behing a fita.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/74.png)
Resultado Final
Apesar de o tutorial foi realmente um passo à frente, eu espero que vocês tem uma melhor compreensão sobre design de personagens, como esta será sempre uma parte muito difícil quando se faz uma ilustração. Estudar os movimentos, rostos, gestos é wuite importante para qualquer ilustrador. Espero que vocês tenha gostado deste lição.
![](http://imgs.abduzeedo.com/files/tutorials/sonic_tutorial/sonic.png)
Site de Origem: http://abduzeedo.com
Nenhum comentário :
Postar um comentário