04- Dilma - Fazendo relógio


"Clique em cima da flechinha e arraste para marcar o passo do tutorial onde está trabalhando"

 

  

04- Dilma - Fazendo relógio

Gente
Estou me arriscando aqui neste tuto. Tomara que alguém goste.
Era a aula que eu mais gostava de ensinar...
Que saudade!

Créditos
Pattern Animal leopard
Pattern Wood tile 02
Fonte Art Gothic
Fonte Wacky Duck NF
Fonte Authentic Ink
Música Pink Floyd -Time
Tutorial criado por Dilma do Amaral

Fazendo relógios
Tutorial criado no PSP 9

Primeira etapa - montando o relógio
01- Abra uma imagem 500 x 500.
Dica: Dê preferência ao uso de formas quadradas na imagem que abrir, usando sempre os mesmos valores nos lados, exemplo: 400 x 400, 500 x 500, 600 x 600.
Isso ajudará a encontrar sempre o ponto central do relógio.
02- Escolha a cor do relógio e configure a paleta de cores.


03- Elipse tool, draw circle:


04- Faça um círculo do tamanho do relógio que você quer fazer.
Converta a vector em layer.


05- Centralize a layer do círculo.


06- Renomeie para quadrante.


07- Nova layer em cima de todas, Feche a layer quadrante. Aplique zoom.
Dica: Quando fizer zoom aplique sempre o valor múltiplo ao tamanho da imagem.
Por exemplo:
Imagem 500 x 500 = zoom 250% 5 x 5 = 25
Imagem 400 x 400 = zoom 400% 4 x 10 = 40
Imagem 600 x 600 = zoom 300% 6 x 5 = 30 ou 600% 6 x 10 = 600
Com a selection tool desenhe um quadradinho e pinte. Selct none.
Renomeie para marcação.


Volte ao tamanho normal (zoom 100%), volte a visibilidade da layer quadrante e centralize a layer do quadradinho.


View, rulers. A layer de base está do mesmo tamanho do círculo.
O ponto marca o lugar exato de onde devem partir os ponteiros do relógio.
08- Vamos preparar para colocar os números nos lugares certinhos.
Selecione a layer "marcação".
Duplique e renomeie para "marcação 2".
Aplique offset:


A medida do offset vai depender do tamanho do relógio que estiver fazendo.
Para um tamanho 500 x 500 eu usei este valor e achei bom.
O tipo de fonte, grande ou pequena, também pode fazer diferença.
Vá mudando os valores até encontrar o espaço que achar melhor para colocar os números depois.
09- Duplique a layer "marcação 2". Image > mirror.


10- Unindo os pontos extemos.
Tire a visibilidade da layer de marcação central.
Selecione a layer de marcação 3 e aplique merge down com a layer de marcação 2.
11- Nova layer. Selecione a pen tool, mode draw lines and polylines e configure:


12- Tire a visibilidade do background, dê um clique no quadradinho da esquerda e depois outro clique no quadradinho da direita. Clique em apply.
Converta a vector em layer. Duplique esta layer.


13- Image, rotate, free rotate 90 graus para qualquer lado.


Renomeie estas linhas como V= Vertical e H= Horizontal.


Essas linhas servirão de referência para colocar os números.
14- Selecione a layer quadrante, nova layer.
Volte a visibilidade do background. Escolha a cor e a fonte dos números
A ponta da cruz é o lugar onde colocará os números.


Ferramenta texto, escreva o número 12 e aplique, select none.
Arraste com a raster deform para posição no relógio.
Repita com os números 6, 3 e 9.
Você pode escrever os números na mesma layer ou em layers separadas e depois unir.
15- Selecione a layer horizontal e dê merge down com a vertical. Agora você tem uma cruz.
Image rotate, free rotate 30 graus para direita.


16- Selecione a layer que está com os números 6, 3 e 9. Nova layer.
Ferramenta texto, escreva o número 1 e aplique. Select none.
Arraste com a raster deform para a posição no relógio.


Repita com os números 4, 7 e 10, sempre se baseando na extremidade da linha cruz para colocar os números.
17- Selecione a layer que tem uma cruz.
Image > rotate > free rotate 30 graus para a direita.


18- Selecione a layer que está com os números 4, 7 e 10. Nova layer.
Ferramenta texto, escreva o número 2 e aplique, select none.
Arraste com a raster deform para a posição no relógio.
Repita com os númeors 5, 8 e 11, sempre se baseando na linha cruz.


Pode unir as três layers e renomear para "números".
19- Vamos desenhar os ponteiros.
Selecione a layer marcação centro. Nova layer.
Com a ferramenta rectangle tool desenhe um retângulo comprido. Converta em layer.
Duplique esta layer. Resize 80%.
Renomeie como ponteiro grande e ponteiro pequeno.


20- Fazendo acabamento nos ponteiros.
Elipse tool mode círculo. Desenhe um pequeno círculo no centro do relógio. Converta em layer.
Duplique. Resize 80%. Merge down nos dois círculos para formar um botão.
21- Clique no ponteiro pequeno e dê flip.


Você agora pode enfeitar seu relógio, aplicar efeitos inner bevel, drop shadow e outros.
Faça todos os acabamentos que desejar antes de fazer a animação. O relógio está pronto.

Segunda etapa: animando o relógio.
01- No PSP deixe abertas somente as layers quadrante, ponteiro grande e os números.
Copy merged. Leve para o AS.
Paste as new animation.
Duplique até 13 frames. Clique na primeira frame, selecione todas as frames (ctrl+A).
Selecione propagate paste. Reserve.
02- Volte ao PSP e deixe visível somente a layer do botão. Copy merged.
Leve para o AS. Paste as new animation. Reserve.
03- Feche todas as layers deixando aberta somente a layer do ponteiro pequeno..
Copy merged, leve para o AS, paste as new animation.
Effects > Insert image effect > rotate, na seguinte configuração:


04- Selecione a primeira frame, selecione todas as frames (ctrl+A).
Copy e paste as into selected frame na animação que está com relógio, embaixo do ponteiro grande.
05- Copy na frame do botão, paste no centro da animação que está com relógio entre os ponteiros.
06- Assine.
Eu coloquei com uma única velocidade, mas você pode escolher outros valores.



  


Nenhum comentário:

Postar um comentário

Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).