Ir para conteúdo
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

illustrator Usando símbolos para desenvolver separadores


Archanister
 Compartilhar

Posts Recomendados

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!

Editado por novatinhu157
Gramática e correções
  • Curtir 10
  • Amei 1

 

WEBCHEATS SIGN.png

 

Link para o comentário
Compartilhar em outros 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.

 

r4rK0sn.png

hznKDrd.gif

Link para o comentário
Compartilhar em outros sites

  • 1 mês depois...

Opa obrigado mano agora posso criar uns separadores pra mim :2010sorrisin:

  • Amei 1

 

qPLU0h5.png

 

"Eu sou aquele que caminha entre os dois mundos, Benevolência e Ira "

 

Membro,Membro Avançado,Steel Member,Bronze Member,Silver Member,Gold Member,Sapphire Membrer,Game Zone,Moderador

o6L4gAm.gif

 

Atenciosamente: Mr_B4nz4i

Link para o comentário
Compartilhar em outros sites

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

Obrigado por compartilhar

  • Haha 1

119Hb0l.png

 

 

Use e abuse:
o6L4gAm.gif
Tem meu respeito:

ezgif-4-08b402fc19.webp

 

_______________________TIME LINE______________________

gc.png mod.png.76d6a2d07d78720a94c62761e27496c7.pngcoord.png

guardian.png.6084103acc94042060d6c6059edwByjCgU.png

 

 

 

Link para o comentário
Compartilhar em outros sites

  • 2 meses depois...

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.