illustrator Usando símbolos para desenvolver separadores

[Archanister 48]

Usando símbolos para desenvolver separadores

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

 

 

 

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.

 

 

Passo 2

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

 

 

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).

 

 

 

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.

 

 

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.

 

 

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.

 

 

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.

 

 

 

 

Passo 3

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

 

 

4. Finalização

Passo 1

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

 

 

Passo 2

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

 

 

 

Passo 3

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

 

 

Passo 4

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

 

 

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' 3.164]

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.

 

[`AngeL 1.336]

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! 

[Mr_B4nz4i 483]

Opa obrigado mano agora posso criar uns separadores pra mim

[Predator ! 12.639]

Top, assim paro de copiar os do @ORION' KKKKKK

Obrigado por compartilhar

[alvinholost 0]

muito bom, cara tutorial simples de entender e facil gosto Illustrator.

um dia ainda vou estudar essa parte.