Jump to content

Turbine o seu Perfil

Confira a atualização e participe do clube!
Clique e saiba mais

Junte-se ao Clube de Membros VIP

Tenha destaque e diversos benefícios!
Confira Aqui

Acesse nosso Discord

Conheça nossos canais interativos
Confira Aqui
Notícia
  • Adquira já o seu VIP!
Archanister

illustrator Usando símbolos para desenvolver separadores

Recommended Posts

Usando símbolos para desenvolver separadores

Faça seu próprio separador sem se preocupar com a simetria do mesmo.

 

new.png.68e433127014ea4b4dfa64272d01012d.png

 

 

Fala galera! Agora vou mostrar para vocês como podemos usar o recurso Símbolos (ou Symbols) do Illustrator para agilizar o desenvolvimento de separadores para um tópico.

Separators são imagens que usamos para separar os conteúdos dentro de um tópico.

Como por exemplo:

 

Regras A
- um
 - dois
-
três

new2.thumb.png.ff122879fca2d81e7a3dacc340687084.png

 

Regras B
- um
 - dois
-
três

 

Nem todos os separadores possuem essa uniformidade, em casos que envolve simetria o recurso símbolos é muito bem vindo. Sendo assim, vamos ver seu uso.

 

 

1. Criar um novo documento

Passo 1

Aperte Control+N para criar um novo documento. Coloque 800px de largura e 600px de altura, desmarque a opção Alinhar novos objetos à grade de pixels e clique em OK.

 

main.png.1b04d3665cc94b68800286e303da7e9c.png

 

Passo 2

Agora vamos importar um separador de referência, vá até Menu > Arquivo > Inserir...

 

main.png.dee610b1b4fde3930f2108093240e5c7.png

 

Coloque a referência da forma que preferir, de preferência ela precisa estar bem centralizada. E por fim, bloqueie ela com o Control+2 (Para desbloquear pressione: Control+Alt+2).

 

main.png.0fb658a54972c74a209debdebce55d29.png

 

 

2. Desenvolver o separador

Passo 1

Vamos adicionar uma régua vertical bem no meio da referência, para fazer isso basta pressionar Control+R para habilitar as réguas. Clique e arraste na régua do lado esquerdo e solte no centro da imagem.

 

main.png.ffa1ed516173a8dfc90a06b34c26e5eb.png

 

Passo 2

Agora é livre, faça como preferir, apenas não ultrapasse o lado direito a partir da régua, no meu caso preferi vetorizar a própria imagem de referência.

 

main.png.4c5c762ddfa9453c138b685a27759f96.png

 

3. Configurar o recurso

Passo 1

Selecione a forma que você desenvolveu e a régua. Pressione F8, insira o nome do corpo do seu separador e use a opção destacada abaixo.

 

Untitled-2-01.png.c32cb9a59fc6429e89f3e72fdaa2f0cd.png

 

Passo 2

Copie e cole (Control+C e Control+V) a forma. Clique com o lado direito do mouse na cópia e vai em transformar > refletir. Mova a cópia até ficar lado a lado com a forma original.

 

main.png.7528ff228b74b695ffe8143d39b09b12.png

 

Untitled-2-01.png.b06e842f2fb3f46382ae1e84f92dd672.png

 

main.png.2943082cb988e6403fe6bba2a5c700dc.png

 

Passo 3

Selecione as duas formas e pressione F8. Insira o nome do seu separador, marque a opção destacada e clique em OK.

 

main.png.5df36a63c088ee52420096abc4c1b415.png

 

4. Finalização

Passo 1

Vá em Menu > Janela > Símbolos. É usando esse painel que você vai conseguir editar o corpo do seu separador.

 

main.png.97773079cf47268681f3e27363f70a22.png

 

Passo 2

Clique duas vezes primeiro símbolo criado. Faça modificações na forma.

 

main.png.a9cf0ff9c8a71b990dcf74935bcd1363.png

 

main.png.17086e0f61db84f59b229568f1189e61.png

 

Passo 3

Clique duas vezes na artboard para sair do modo isolado, ou clique na seta que fica no canto superior (print).

 

main.png.ce5dc973baeb819315b5c7c1120cde88.png

 

Passo 4

Se tudo ocorreu bem, você vai notar que ele está refletindo as alterações automaticamente.

 

main.png.b76235fbf1b8b961762c52dbab1cf742.png

 

Então é isso! Sempre que for feito alterações no corpo ele vai refletir essas alterações no lado oposto também. Espero que tenham entendido o tutorial, qualquer coisa, por gentileza me comunicar.

 

Agradeço pela atenção de todos!

Edited by novatinhu157
Gramática e correções
  • Like 7
  • Haha 1

 

WEBCHEATS SIGN.png

 

Share this post


Link to post
Share on other sites

Muito bom!
Não temos muitos tutoriais no Illustrator aqui, 
espero que traga mais. 
Sempre usei mais o Corel, mas sempre tive um interesse no Illustrator, mas  com 

a falta de tempo ficou pra projetos futuros aprender a usar, quem sabe seus tutoriais

não me animem.

 


 

ec8giuq.png
By Wolfpack:3573_2bHeart:

 

Share this post


Link to post
Share on other sites

Show demais, sempre fiz essas coisas no photoshop mas quanto mais opções e meios de se obter um mesmo resultado muito melhor vai ser! 

  • Haha 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...