Oi pessoal, hoje vamos fazer um exercício simples para criar um ícone relógio no Adobe Illustrator. Se você está apenas começando a usar o software esse tutorial será perfeito para você, então vamos começar!

Apenas um lembrete: esse tutorial é para iniciantes. Mesmo muitos de vocês sendo mais experientes no Illustrator, recomendo ler as dicas pois sempre podemos aprender algo novo. Deixe um comentário se tiver alguma dúvida ou sugestão.


Passo 1

Vamos abrir o Illustrator e fazer um 15 x 21 cm canvas. Usando a ellipse tool (L), faça uma elipse no centro do canvas.




Vamos preencher com um 'radial beige gradient'.



Depois duplique usando a selection tool + alt ou apenas pressionando command + c / command + v (ctrl + c / ctrl + v). Aumente proporcionalmente usando holding shift + selection tool. Agora aplique um gradiente linear metálico.



Faça outra elipse usando o mesmo gradiente, mas dessa vez mude a direção do gradiente para dar a sensação de profundidade.


Faça um círculo dentro do círculo bege, ajuste stroke para mais ou menos 90 pt ou mais, precisa cobrir todo o círculo. Acesse então o stroke panel e ajuste dashed line com 9,3 pt de dash, vá então até o transparency panel e escolha o blending mode Soft light.





Faça um semi círculo usando um círculo e um quadrado no meio, selecione ambos e use a opção pathfinder chamada Minus front, assim você terá um semi círculo. Depois disso vá até o gradient panel e faça um gradiente branco com 0% de opacity em um dos lados. Duplique então seu semi círculo e faça flip para o outro lado.




Vamos fazer alguns pontos dourados para indicar as horas. Use um golden radial gradient nele, duplique e ajuste a posição usando o align panel.



Duplique os primeiros quatro e faça uma rotação. Faça duas vezes até ter doze horas no relógio nas posições desejadas.



Eu decidi simplificar e usar uma fonte serif comum (Capitals), vamos fazer um 'classic hard shadow effect'. Primeiro faça os números usando a cor cinza. Depois duplique e coloque uma cópia branca sobre ele.




Passo 2

Vamos fazer outro fading gradient, desta vez usando branco em uma das extremidades. Vamos fazer uma elipse e preencher com esse radial gradient.



Vamos criar outra elipse acima dessa sombra usando a ellipse tool (L), vamos colocar um gradient radial vermelho nela.



A flecha dos segundos pode ser feita usando a pen tool (P), apenas lembre de criar uma elipse abaixo e fazer blend das duas usando a opção pathfinder chamada Unite.



Usando a ellipse tool (L) faça o marcador dos minutos, ajuste os pontos do vetor usando a direct selection tool (A). Adicione um gradiente cinza, ajuste a área mais escura para perto da elipse para que pareça uma sombra.


Duplique a forma anterior, redimensione para que possa colocá-la dentro e adicione um gradiente dourado.



Duplique o marcador maior e o mande para o fundo. Use um fill cinza escuro e vá até Effects > Blur > Gaussian Blur. Set the radius to 7,4 pixels.





Repita o mesmo com o outro marcador.




Passo 3

Vamos fazer as pernas. Primeiro faça um retângulo e gire um pouco na parte de baixo do relógio. Não esqueça de colocá-lo no fundo.


Faça outro retângulo e ajuste os dois vector points de baixo usando a direct selection tool (A).


Faça uma elipse na extremidade.


Adicione um gradiente metálico cinza em todos e lembre de deixá-los na mesma direção.


Você também pode adicionar algumas sombras fazendo um retângulo com um fading gradient preto e usando o blending mode Multiply, super simples.




Vamos fazer uma sombra abaixo do relógio. Use a ellipse tool (L) para fazer um gradiente cinza para branco.



Passo 4

Vamos fazer a parte dos sinos. Faça primeiro uma elipse e adicione um gradiente deixando a parte mais escura no topo.


Crie um retângulo arredondado, clique no ícone para ajustar o raio dos cantos, ajuste em 1 cm.


Agora faça um retângulo cruzando o meio, vá então até o pathfinder panel e escolha a opção chamada Minus front.



Ajuste a outra parte e escolha um gradiente metálico para ela.


Faça um retângulo pequeno acima da forma arredondada e um retângulo maior acima. Tome cuidado enquanto cria o gradiente do pin do relógio.





Ok, agora só precisamos de um botão, que é super simples de fazer. Usando a pen tool (P), faça uma forma e duplique para refletir para o outro lado.




Resultado Final


Download Illustrator File

Clique aqui para fazer o download do arquivo Illustrator usado no tutorial.

About the author of this post

I'm Marcos Torres, I'm a Graphic Artist from Brasil. You can know more about me at my Website, at my Tumblr or at my Flickr.