Skip to main content

Como fazer um mostrador de relógio no Illustrator

Live #240 - Primeira live de 2019 (Abril 2025)

Live #240 - Primeira live de 2019 (Abril 2025)
Anonim

Este tutorial explica tudo o que você precisa saber para fazer um mostrador de relógio no Illustrator. O comando "Transform Again" pode poupar muito trabalho e, quando você o utiliza com a ferramenta de rotação, também pode evitar que você faça as contas. Veja como é fácil espaçar objetos ao redor de um círculo combinando essas duas ferramentas.

01 de 09

Configurando o Illustrator

Inicie um novo documento tamanho carta. Abra a paleta Atributos ( Janela> Atributos ). Certifique-se de que o botão "Show Center" esteja pressionado. Isso fará com que um pequeno ponto apareça no centro exato de seus objetos. Ativando Guias Inteligentes ( Ver> Guias Inteligentes ) também ajuda a posicionar porque ângulos e centros serão rotulados à medida que você passa o mouse sobre eles.

02 de 09

Adicionando Guias e Réguas

Use a ferramenta elipse para desenhar um círculo para o mostrador de relógio. Segure a tecla Shift enquanto desenha para restringir a elipse a um círculo perfeito. O mostrado aqui é 200 pixels x 200 pixels devido a limitações de espaço, mas você pode querer o seu maior. Se você não conseguir ver as réguas no documento, vá para Ver> Réguas ou Cmd / Ctrl + R para ativá-los. Arraste as guias das réguas superior e inferior pela marca central do círculo para marcar o centro.

Para começar, marque os minutos primeiro. As marcas dos minutos são geralmente diferentes das segundas marcações, portanto use uma marca mais longa e mais escura do que para as segundas marcas mais tarde. Nós também adicionamos uma ponta de seta ( Efeito> Estilizar> Adicionar pontas de seta ). Faça uma marca usando a ferramenta de linha na linha vertical às 12:00.

03 de 09

Fazendo as marcas de hora

Com a marca de seleção selecionada ( não círculo), clique na ferramenta de rotação na caixa de ferramentas. Então opção / alt clique no centro exato do círculo. Agora você pode ver porque precisávamos usar a paleta Atributos anteriormente para abrir a caixa de diálogo Girar. Isso definirá o ponto de origem no centro do círculo.

Deixe o Illustrator fazer as contas para encontrar o ângulo necessário para girar as marcações de hora. Digite 360/12 na caixa Ângulo na caixa de diálogo Girar. Isso significa 360¼ dividido por 12 marcas. Ele diz ao Illustrator para descobrir o ângulo necessário - que é de 30¼ - para colocar 12 marcas por horas uniformemente espaçadas em torno do ponto de origem que você definiu no centro do círculo.

Clique no botão Copiar para que uma cópia da marcação original seja feita sem mover o original. A caixa de diálogo é fechada e você verá duas marcas de escala. Vamos usar o comando duplicado para adicionar o resto. Tipo cmd / Ctrl + D 10 vezes para adicionar as restantes 10 marcas de escala para um total de 12.

04 de 09

Fazendo as marcações de minuto

Faça outra pequena linha para adicionar as marcações de minuto usando a ferramenta de linha na diretriz vertical às 12:00. Será mais de uma hora, mas tudo bem. A marca mostrada aqui é uma cor diferente e mais curta e mais fina que as marcas de hora, e as pontas das setas também foram omitidas.

Mantenha a linha selecionada e escolha a ferramenta Girar novamente na caixa de ferramentas. Opção / clique alt no centro do círculo novamente para abrir a caixa de diálogo Girar. Desta vez, crie marcas de 60 minutos. Digite 360/60 na caixa angular para que o Illustrator possa calcular o ângulo necessário para 60 marcas, que é 6¼. Clique no botão Copiar novamente e, em seguida, em OK. Agora usa cmd / Ctrl + D 58 vezes para adicionar o resto das marcas de minuto.

Aproxime o zoom usando a ferramenta Zoom e clique com a ferramenta de seleção nas marcas de minuto em cima de cada uma das marcas de hora. Pressione Apagar para se livrar deles (tenha cuidado para não apagar as marcas de hora).

05 de 09

Adicionando os números

Escolha a ferramenta de tipo horizontal na caixa de ferramentas e escolha "Centro de justificação" na paleta de controle. Você pode usar a paleta de parágrafos se estiver usando uma versão do Illustrator mais antiga que o Illustrator CS2. Escolha uma fonte e uma cor e coloque o cursor acima da marca das 12h do lado de fora do círculo. Digite 12.

Selecione a ferramenta de rotação novamente e opt / alt-click no centro do círculo novamente para definir o ponto de rotação. Digite 360/12 na caixa de ângulo e clique no botão copiar e, em seguida, em OK. Agora usa cmd / Ctrl + D 10 vezes para copiar o número 12 ao redor do círculo. Você deve ter doze números 12 quando terminar.

Use a ferramenta de tipos para alterá-los para os números corretos. Eles também estarão nas posições erradas - seis estarão de cabeça para baixo, por exemplo - então cada número deve ser rotacionado.

06 de 09

Girando os números

Selecione o número um. Escolha a ferramenta Girar na caixa de ferramentas e Opção / clique alt no centro da linha de base do numeral. Haverá um pequeno ponto no centro da linha de base para que você não precise adivinhar onde está. Isso coloca o ponto de orientação na base do numeral. Começando com 30¼ para o numeral um, porque as marcas de hora foram giradas em 360¼ dividido por 12, digite 30 na caixa de ângulo na caixa de diálogo Girar. Em seguida, clique em OK para girar o número em 30¼.

Selecione o próximo número - dois - e escolha a ferramenta Girar na caixa de ferramentas. Opt / Alt-click no centro da linha de base do numeral para definir o ponto de orientação e manter os números girados em proporção às marcas de hora, adicionando 30 ¼ para cada rotação. Você girou um por 30 ¼, então você girará dois por 60 ¼. Digite 60 na caixa de ângulo e clique em OK.

Continue adicionando 30 ¼ de rotação a cada número ao redor do mostrador do relógio. Três seriam 90¼, quatro seriam 120¼, cinco seriam 150¼ e assim por diante, até 11 para 330¼.Dependendo de quão longe do círculo original você colocou seus primeiros 12, alguns dos números estarão muito próximos ou até mesmo no topo do relógio quando você estiver pronto.

07 de 09

Reposicionando os números

Clique de mudança para selecionar apenas os números. Segure o opt / alt chave e o mudança tecla e arraste para fora em um canto da caixa delimitadora para redimensionar os números. Segurando o mudança chave restringe o redimensionamento para as mesmas proporções, e mantendo o opt / alt tecla permite que o redimensionamento ocorra a partir do centro. Agora use as setas do teclado para empurrá-los para a posição, para que você tenha algo parecido com isso. Você pode ocultar as guias a qualquer momento, indo para Ver> Guias> Ocultar Guias se eles entrarem no seu caminho.

08 de 09

Adicionando as Mãos

Clique no círculo com a ferramenta Seleção para selecioná-lo. Shift + opt / Alt + arrastar uma das alças de canto na caixa delimitadora para redimensioná-la proporcionalmente ao centro. Isso fará com que o relógio fique maior que os números. Adicione as mãos usando a ferramenta de linha com pontas de seta: Efeito> Estilizar> Adicionar pontas de seta . Coloque-os nas diretrizes verticais e centrais. Se o seu relógio for maior que este e você quiser adicionar um rebite para manter as mãos juntas, desenhe um círculo e preencha-o com um gradiente radial. Coloque o rebite no centro do mostrador do relógio.

09 de 09

Terminando o relógio

Dê ao seu personagem relógio com imagens, estilos, traços ou preenchimentos. Se você quiser remover as pontas de seta das marcas de hora, abra a paleta Aparência ( Janela> Aparência ) e clique no botão "Clear Appearance" na parte inferior da paleta - parece que o sinal "não", um círculo com uma barra sobre ele. Como o mostrador do relógio é totalmente vetorial, você pode torná-lo tão grande ou tão pequeno quanto desejar. Apenas certifique-se de Selecione> Todos e agrupe-o ( Objeto> Grupo ) para que você não perca nenhuma parte ao redimensionar ou mover o relógio.