illustrator Usando símbolos para desenvolver separadores

**Archanister** · 26 de Dezembro 2019

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

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!

Editado 26 de Dezembro 2019 por novatinhu157
Gramática e correções

Azor' · 26 de Dezembro 2019

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.