CRIANDO SIMBOLOS NO ILLUSTRATOR - COMPLETO

Prévia do material em texto

Éricles Batista
Criação de
símbolos
I l l u s t r a t o r p a r a
Este material irá te mostrar uma forma diferente de ver 
um dos principais softwares da Adobe, capacitando-o 
tecnicamente para criação de símbolos, ícones e tipos.
Seja muito
bem-vindo!
Este ebook é soma dos meus estudos e experiência no 
Design operacional.
Mas muito mais do que isso, é o total de 3 dos meus 
principais ebooks já publicados, só que com vários 
upgrades e tudo em um documento só!
Estou bem satisfeito em colocar esse bebê no mundo, e
espero que você também curta ler e aprender assim como
eu curti escrever e publicar.
Para quem este e-book foi feito
Fiz esse material para qualquer pessoa que tem interesse
em compreender a relação entre Matemática e Design,
E logicamente, os designers de logotipos irão se identificar 
muito mais, pois nele contêm dicas de ouro para trabalhar 
com símbolos de maneira precisa e descomplicada.
É difícil?
Esse e-book é dividido em três capítulos, e no decorrer 
deles, vou intensificando as atividades e exemplos.
Então quando me perguntam se este material é difícil, eu 
digo: ele se desenvolve junto com você.
01
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
02
Compartilhe no Facebook Compartilhe no Twitter
O l á , e u s o u
Éricles Batista
Designer e produtor de conteúdo
artigos
Ajudo pessoas a se conectarem com o Design por meio de
conteúdo com lnguagem simplificada e didática
descomplicada.
Produzo conteúdo nos mais diversos formatos, desde 
 e vídeos, até ebooks, como este que você está 
lendo.
Acesse os links abaixo:
Estratégico 82%
Metódico 94%
Detalhista 76%
https://www.designerd.com.br/author/ericles
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
https://www.instagram.com/ericlesbatistadesign/
https://bit.ly/assinatura-youtube
https://www.linkedin.com/in/ericlesbatista/
03
O segredo está na prática
Não adianta ler todo este e-book se você não praticar. 
Enquanto lê os exercícios, abra o seu Illustrator para pôr 
em prática.
Não se limite
O que escrevo neste e-book não são verdades absolutas, 
existem várias formas de chegar a resultados equivalentes. 
Te mostrarei possibilidades, mas é de extrema importância 
que busque a forma mais confortável para você.
Antes de
começar
As ferramentas serão em inglês
Muito dos excelentes cursos e canais do YouTube sobre o 
Illustrator são em inglês, até mesmo os brasileiros. Para 
criarmos um padrão, utilizaremos o software em inglês e 
vamos nos referir às ferramentas nesse idioma.
Isso pode ser uma oportunidade de aprender uma nova 
língua junto ao aprendizado do Illustrator.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
04
Siga as sugestões
No final de cada tarefa complexa, sugiro uma pausa para 
respirar e tomar um copo d’água.
Se preferir, já deixe um copo com água do seu lado, mas 
não esqueça de levantar vez ou outra para esticar os 
músculos, ok?
Compartilhe sua evolução
Estarei à disposição para você me mostrar seu 
desenvolvimento ou tirar dúvidas.
Utilize os stories do Instagram para compartilhar seu 
progresso e, caso apareça alguma dúvida, fala comigo no 
direct.
Como ler
este material
Acesse todos os links
No decorrer deste ebook, coloco vários links para diversos 
vídeos com tutoriais completos sobre o assunto indicado.
Recomendo que clique em todos os links, pois os vídeos 
servirão como mateiral complementar a este ebook.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
Capítulo 1
L o g o s f a m o s a s
Éricles Batista
06
2- Manipulação de objetos
As duas principais ferramentas de manipulação de objetos 
para união e recorte estão aqui.
Você vai aprender a utilizar essas duas ferramentas, 
deixando seu trampo mais fácil.
3- Como aplicar proporção áurea
Por fim, veremos um pouco da lógica da proporção áurea, 
onde utilizaremos para compor nosso último logotipo.
Junto a isso, você verá como trabalhar com operações 
aritméticas no Illustrator.
O que
aprenderemos
1- Montar grids
Neste primeiro capítulo, vou te mostrar as maneiras de 
criar grids modulares no Illustrator.
Cada uma delas prioriza algo diferente, seja a velocidade 
de criação ou o controle do tamanho dos módulos.
Como disse antes, fique à vontade para escolher a que 
melhor se encaixa no seu perfil de trabalho.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
07
Interface do
Illustrator
Essa é a interface do Illustrator, um dos mais 
conhecidos, senão o mais conhecido, software de 
criação vetorial.
Os programas da Adobe têm interfaces bem 
similares entre si, ou seja, busque compreender 
as ideias no “background” e entenderá a 
dinâmica de todos.
Uma coisa que vai te ajudar muito são 
ferramentas agrupadas a partir de uma solução. 
Grave isto!
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
08
E se for
diferente?
A sua workspace deve estar um pouco diferente 
da minha, mas de forma geral, o esqueleto é o 
mesmo.
E não esquenta a cabeça em decorar esses 
nomes, só vamos usá-los como referência para 
encontrar algumas ferramentas.
Lembrando que não é a workspace que 
influenciará no seu desempenho neste ebook.
Compartilhe no Facebook Compartilhe no Twitter
1
2
5
4
3
6
1 - Menu principal
2 - control palette
3 - tool bar
4- artboard
5 - floating palette
6 - Status bar
Saca a workspace
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
09
Primeiros
passos
slip into gridUtilizando a , você vai criar um 
quadrado de tamanho qualquer e dividi-lo por 
quatro.
Chamamos isso de um grid 4x4, pois tem 4 linhas 
por 4 colunas.
E a partir deste grid, criaremos uma 
circunferência 4x4 e uma circunferência 2x2, que 
juntas fazem o esqueleto da forma principal.
Feito isso, fazemos a “perninha” da letra A com 
um retângulo.
Compartilhe no Facebook Compartilhe no Twitter
https://youtu.be/Gg2PfUt3NvY
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos10
Outra
alternativa
*
Você também pode utilizar o atalho Ctrl+D para 
duplicar os quadrados criados com a ferramenta 
retangle tool.
Esse atalho duplica a última ação que você 
realizou. Então, se você copiou um objeto tantos 
pixels de distância para o lado, apertando Ctrl+D 
o Illustrator repetirá a ação.
Lembre-se de ativar a Smart Guides para 
conectar os quadrados certinho.
* Utilize a tecla de atalho Ctrl+U
Compartilhe no Facebook Compartilhe no Twitter
shift + alt + (arrastar pro lado)
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
11
Para fazer
os círculos
Depois de criar a circunferência principal, copie-a 
com ctrl+c e cole com ctrl+shift+v.
A partir dessa cópia você vai redimensionar a 
nova circunferência com shift e alt pressionado.
Utilizando o shift você conserva a proporção e 
com alt redimensiona a circunferência a partir do 
centro.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
12
Fechando
a forma
Pathfinder
Com a ferramenta retangle tool, você vai criar um 
retângulo com a largura de 1 módulo e altura de 2.
Feito isso, vai utilizar a para manipular a 
forma, resultando no objeto da imagem ao lado.
Corte primeiro a circunferência maior com a 
circunferência menor e depois acrescente a “perna” 
que fizemos.
Isso vale para as duas formas que mostrei antes.
Compartilhe no Facebook Compartilhe no Twitter
https://youtu.be/qORUUKnlfK8
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
13
Próximo
passo
Shape Builder
Usando o mesmo ponto de partida da letra A, 
vamos fazer a letra B.
Você vai acrescentar mais uma linha no grid 
principal, que agora vai ser um grid 4x5.
Da mesma forma que você fez a “perna” da letra 
A, vai fazer a haste da letra B.
Você pode utilizar tanto a pathfinder quanto a 
 para finalizar esta letra.
Compartilhe no Facebook Compartilhe no Twitter
https://youtu.be/iEj0g-gmTgo
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
14
Última letra
Para finalizarmos nosso logo, vamos para a letra C.
Ela é basicamente o mesmo processo das letras 
anteriores, só que dessa vez, precisaremos cortar 
transversalmente.
Utilize um retângulo com a altura de 1 módulo, e 
centralize ao grid principal.
Por fim, faça o corte com a ferramenta da sua 
preferência.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
15
Resultado
neste vídeo
inscreva-se
Agora basta organizar nossos objetos e pronto!
Você pode conferir a montagem completa deste 
logo lá no meu canal do YouTube.
E se ainda não é inscrito, aproveite e 
para acompanhar minhas dicas semanais.
Compartilhe no Facebook Compartilhe no Twitter
Designer:
Ano:
Empresa: American Broadcasting
Company
Paul Rand
1962
https://youtu.be/OXfAkkclkYM
https://bit.ly/youtube-ericles
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
E v a i b e b e r á g u a
Respire um pouco
17
Projeto 2
sistema
Utilizando a mesma técnica para criação de grids 
com a slip into grid, crie um grid 13x13 para 
iniciarmos nosso próximo projeto.
Feito isso, você vai criar quatro quadrados nas 
extremidades com o tamanho de 6 módulos.
Essa é a parte principal do nosso logo, e 
recomendo que separe essas estruturas em 
layers diferentes, fazendo um organizado 
para trabalhar.
Compartilhe no Facebook Compartilhe no Twitter
https://youtu.be/fWvo_zdq7vo
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
18
Direct tool
Com a ferramenta direct tool, você vai selecionar 
os pontos indicados na imagem para 
manipularmos individualmente.
Fazendo isso, você está isolando esses pontos do 
objeto total.
Feito isso, você vai puxar na direção indicada na 
imagem, criando um arredondamento total da 
extremidade.
Você vai arrastar os dois pontos de baixo em 
direção ao centro do objeto, e o ponto de cima 
para o canto oposto.
Compartilhe no Facebook Compartilhe no Twitter
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
19
Compartilhe no Facebook Compartilhe no Twitter
Designer:
Ano:
Empresa: Univision
Chermayeff & Geismar
& Haviv
1989
Resultado
vídeo
Fácil, não? Agora utilze as cores abaixo para 
finalizar.
Se preferir, pode assistir ao tutorial comigo 
ensinando passo-a-passo.
#6054B0
#EE1C25
#00A653
#FC6400
https://youtu.be/IvtjQUoUMy0
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
20
Compartilhe no Facebook Compartilhe no Twitter
Projeto final
Vamos retormar a mesma etapa no processo do 
primeiro logo.
Dessa vez, você decide qual método quer usar 
para montar os grids, se quer utilizar a slip into 
grid ou o macete de duplicar ação.
Faça um grid 4x4 e insira duas circunferências 
internas, uma com tamanho de 4 módulos, e a 
segunda com 2 módulos.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
21
Compartilhe no Facebook Compartilhe no Twitter
Proporção
áurea
este vídeo
No próximo passo, precisaremos fazer uma 
circunferência em proporção áurea, isto é, com 
uma relação 1,618 à segunda circunferência.
Para isso, vamos copiar a segunda circunferência 
a dividir seu diâmetro por 1,618, que é a razão 
áurea.
É possível fazer isso no Illustrator pela ferramenta 
transform, que você pode aprender a utilizar 
assistindo a .
https://youtu.be/2Jcx32PVjI4
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
22
Compartilhe no Facebook Compartilhe no Twitter
Último passo
Para finalizar, vamos criar a hastedo B com a 
ferramenta retângulo.
Com ela selecionada, crie um retângulo que 
possui a largura igual à diferença entre a segunda 
circunferência e a que utilizamos proporção 
áurea.
Sua altura vai até o final dos grids e agora 
fazemos o recorte utilizando a Pathfinder, que é 
de vital importância que você aprenda.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
23
Compartilhe no Facebook Compartilhe no Twitter
Resultado
vídeo
Fácil, não? Agora utilze a cor abaixo para finalizar.
Se preferir, pode assistir ao tutorial 
ensinando passo-a-passo.
#DE002B
Designer:
Ano:
Empresa: Beats audio
Anton Stankowski
1971
https://youtu.be/IvtjQUoUMy0
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
Capítulo 2
T a n g ê n c i a s
Éricles Batista
25
2- Distribuição de objetos
Essa é uma maneira alternativa de criar intervalos entre 
objetos do mesmo tamanho, mas sem utilizar o “feeling” 
para ajustar.
Vou te ensinar a usar essa ferramenta de alinhamento no 
melhor contexto dela.
3- Macetes de rotação
Esse é o ponto-chave do capítulo, pois com ele é possível 
aumentar a produtividade, mantendo uma precisão 
Matemática.
O que
aprenderemos
1- Tangência na circunferência
clique aqui
Na criação de símbolos, trabalhar com tangências é 
fundamental, e nas páginas a seguir eu vou falar sobre uma 
das técnicas para ser mais preciso na conexão de uma 
linha e circunferência.
Caso prefira ver todo o conteúdo sobre tangência em 
vídeo, .
Compartilhe no Facebook Compartilhe no Twitter
https://youtu.be/WyKPCfJnK9Y
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
26
Compartilhe no Facebook Compartilhe no Twitter
Linhas
Com a ferramenta line tool, você vai criar 6 linhas 
equidistantes.
E para garantir que todas tenham o mesmo 
intervalo, crie a primeira linha, arraste com 
shift+alt para baixo e copie as linhas restantes 
utilizando ctrl+D.
Depois crie uma circunferência com o tamanho 
de 5 linhas, e uma circunferência dentro dela com 
o tamanho de 3 linhas.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
27
Compartilhe no Facebook Compartilhe no Twitter
Observação
olhômetro
Se quiser editar o intervalo entre as linhas, jamais 
faça isso usando o !
O Illustrator traz pra gente várias ferramentas que 
facilitam nosso trabalho e são mais precisas do 
que nosso olho.
Então, ao fazer um ajuste para a distância mais 
adequada, use a align para distribuir a seleção 
verticalmente.
https://youtu.be/YiflWZze-rM
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
28
Compartilhe no Facebook Compartilhe no Twitter
Tangência
Para fazermos as linhas que conectam à 
circunferência à base do grid, usaremos uma 
técnica da Geometria no Illustrator.
Primeiro, você vai fazer uma linha da base do grid 
até o centro das circunferências. Copie a linha e, 
utilizando a rotate tool, gire a linha 90º.
Depois disso, você vai fazer uma circunferência 
com o centro no encontro das duas linhas até a 
base do grid.
Ela vai revelar os dois pontos de tangência que 
precisamos.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
29
Compartilhe no Facebook Compartilhe no Twitter
Dando forma
pen toolUtilizando a , você vai criar uma forma 
que passa pelos dois pontos de tangência, pelo 
centro das circunferências e tambem pela base 
do grid.
E no último ajuste, faça duas linhas com 45º* a 
partir dos pontos de tangência entre a nova 
forma com a circunferência menor, cada uma 
para um canto.
Por fim, crie uma linha com 45º a partir da 
base-centro da circunferência menor para o lado 
esquerdo.
* Use a tecla Shift para fazer uma linha 45º
https://youtu.be/oFRj_b33cB4
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
30
Compartilhe no Facebook Compartilhe no Twitter
Resultado
clique aqui
Utilize a Shape builder para unir e excluir as 
formas desncessárias e finalizamos o símbolo.
E como sugeri antes, separe cada um dos grupos 
de elementos em layers diferentes, isso vai te 
ajudar a manter o projeto organizado.
Assista também ao tutorial completo em vídeo 
completo .
https://youtu.be/tGaubZcS6x4
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
E v a i b e b e r á g u a
Respire um pouco
32
Compartilhe no Facebook Compartilhe no Twitter
Primeiro
passo
Crie duas retas em formato de cruz utilizando a 
line tool e posicione uma circunferência de 
acordo com a imagem do lado.
Depois disso, crie um quadrado que tem as 
extremidades no centro da circunferência e no 
encontro das retas vertical e horizontal.
Feito isso, vamos unir as duas formas com a 
opção unite da Pathfinder.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
33
Compartilhe no Facebook Compartilhe no Twitter
Rotacionando
Utilizando a rotate tool, defina o ponto de 
referência do objeto no encontro das retas.
Com as teclas shift e alt, rotacione o objeto 
principal 45º e, depois de concluído, utilize o 
ctrl+D para duplicar a ação até fechar a forma.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
34
Compartilhe no Facebook Compartilhe no Twitter
Resultado
Agora basta você definir a cor de sua 
preferência.
Deixei abaixo duas cores que curti muito para 
esse símbolo, se quiser, basta copiar o 
hexadecimal e colar no seu projeto.
#4F9EA6 #EE1C25
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
Capítulo 3
M a c e t e s
Éricles Batista
36
Compartilhe no Facebook Compartilhe no Twitter
Primeiro
passo
Crie uma circunferência de tamanhoqualquer e, 
em seu centro, faça uma linha com 315º.
Para fazer isso, selecione a ferramenta line tool e 
defina o tamanho e ângulo. Depois disso, basta 
centralizá-la à circunferência.
Essa linha vai nos revelar dois pontos de 
tangência que serão úteis no próximo passo.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
37
Compartilhe no Facebook Compartilhe no Twitter
Linhas e
círculos
Com os pontos de tangência que encontramos, 
faça duas circunferências com o tamanho igual à 
circunferência principal.
Essas circunferências precisam ter o centro nos 
ponto de tangências, e para que isso aconteça, 
pressione a tecla alt enquanto cria a 
circunferência, isso faz com que o Illustrator 
desenhe a partir do centro onde está o cursor.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
38
Compartilhe no Facebook Compartilhe no Twitter
Divisão e
rotação
coleCopie a circunferência de baixo e no mesmo 
local utilizando o atalho ctrl+shift+v, ou se 
preferir, cole na frente do objeto selecionado 
com ctrl+f.
Divida a forma que acabamos de criar por 1,2.
No próximo passo, rotacione a circunferência 
superior 315º, o mesmo ângulo que rotacionamos 
a primeira linha.
Faça isso pelas propriedades da forma 
geométrica pra que o macete dê certo.
https://www.instagram.com/p/BxzzzzEghpo/?utm_source=ig_web_copy_link
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
39
Compartilhe no Facebook Compartilhe no Twitter
Por que
fazer isso?
Uma circunferência possui 4 pontos-âncora, que 
a partir deles se formam as curvas.
Os controles de transformação das formas 
geométricas do Illustrator estão diretamente 
ligadas a esses pontos, então, para ter maior 
precisão na conexão de linhas e intersecções, 
alinhar esses pontos é o melhor caminho.
Agora os transformadores têm a inclinação do 
objeto e fica mais fácil conectar com outro 
objeto.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
40
Compartilhe no Facebook Compartilhe no Twitter
Shape builder
Copie a circunferência de cima e cole no local 
para aumentarmos até a borda da circunferência 
1,2 que criamos.
Se você fez o passo anterior certinho, não vai ter 
problemas nessa etapa.
E por fim, utilize a Shape builder para unir as 
formas que fazem parte do símbolo.
E ressaltando de novo, não esqueça de trabalhar 
em layers separadas para não se confundir e 
tenha sempre um backup das guias salvo.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
41
Compartilhe no Facebook Compartilhe no Twitter
Resultado
Tá aí o nosso resultado!
Aliás, qual estilo de fogo você prefere, gelado ou 
quente?
#0B98DF
#EE1C25
#9AE2FB
#FC6400
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
E v a i b e b e r á g u a
Respire um pouco
43
Compartilhe no Facebook Compartilhe no Twitter
Primeiros
passos
Crie uma circunferência de tamanho qualquer, 
faça uma cópia e divida essa cópia por 5.
Para otimizar seu trabalho, defina o ponto de 
referência para a base central, utilizando a 
ferramenta transform.
Depois disso, crie duas novas circunferências, 
uma com a base no centro da circunferência 
menor e outra com a base no topo dessa 
circunferência.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
44
Compartilhe no Facebook Compartilhe no Twitter
Organizando
e dividindo
Crie uma cópia da circunferência menor abaixo 
dela, preservando o centro horizontal e alinhando 
seu topo à base da circunferência principal.
Copie a circunferência e divida seu tamanho por 
3, seu diâmetro marca os cantos de duas novas 
circunferências que possuem o mesmo tamanho 
da segunda circunferência que criamos.
O centro das duas novas circunferências precisa 
estar alinhado ao centro da circunferência menor. 
Use a imagem ao lado como referência.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
45
Compartilhe no Facebook Compartilhe no Twitter
Encontrar
tangência
Desenhe um retângulo com altura igual a altura 
das circunferências e com as extremidades 
tangenciando o centro delas.
Depois disso, utilize os cantos das circunferências 
para criar uma linha vertical que tangencia o 
círculo interno ao principal.
Esse encontro indica o ponto de tangência das 
duas novas circunferências que faremos.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
46
Compartilhe no Facebook Compartilhe no Twitter
Incluindo
os círculos
Utilizando a tecla alt, crie duas novas 
circunferências que possuem o mesmo diâmetro 
da segunda circunferência.
Depois disso “limparemos” o projeto dos 
elementos de marcação e deixaremos o crucial 
para fazer as uniões e cortes.
Como já disse e repito, crie uma layer diferente 
para os grids e para as guias, isso vai otimizar o 
seu processo e salvar um backup caso algo dê 
errado nos recortes.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
47
Compartilhe no Facebook Compartilhe no Twitter
Resultado
Marcelo Kimura
link
Esse é um projeto do designer 
que você pode conferir completo através deste 
.
Teste no seu resultado as cores abaixo que 
também compõem o projeto do autor.
#F7475E
#00C1D5
#FFDD00
#512D6D
https://www.instagram.com/marcelokimuradesign/
https://www.behance.net/gallery/65313553/Click-Qi-Identidade-Visual
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
48
Agradecimentos
Gabriela
Gabriel
Diana
Kimura
Quero agradecer a quatro pessoas que tornaram este 
e-book possível.
A primeira é , pela paciência e correções. Vi pela 
manhãantes de publicar que se não fosse você, este 
conteúdo não estaria descomplicado.
Quero agradecer ao , que com sua sensibilidade e 
técnica, deu vida às imagens que realmente traduzem 
quem é Éricles.
E também à , que com seu enorme coração divulga e 
apoia o meu trabalho como se eu fosse o designer mais 
quente de todos.
E por último, ao , que disponibilizou sua marca para 
que você pudesse ver como um grande designer executa 
suas ideias.
Chegamos
ao fim
Muito obrigado pelo seu tempo e dedicação na leitura 
deste ebook, apesar do trabalhão em produzi-lo, estou 
muito satisfeito com o resultado.
Espero que você tenho aprendido muita coisa nova, e que 
este material tenha atiçado sua curiosidade sobre outros 
assuntos.
Minha dica final é: nunca deixe de praticar.
Tudo o que está na sua cabeça precisa ter espaço no 
mundo prático. Pratique, pratique e pratique mais. Esse é o 
caminho mais confiável para a melhora contínua.
Compartilhe no Facebook Compartilhe no Twitter
https://www.instagram.com/gabi__mendez/
https://www.instagram.com/gabrieljuanfotografia/
https://www.instagram.com/dianacoedesign/
https://www.instagram.com/marcelokimuradesign/
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbit.ly%2Fcriacao-simbolos
https://twitter.com/intent/tweet?text=Estou%20lendo%20o%20ebook%20%22Illustrator%20para%20cria%C3%A7%C3%A3o%20de%20s%C3%ADmbolos%22,%20d%C3%A1%20uma%20olhada!%20https%3A//bit.ly/criacao-simbolos
Éricles Batista
Criação de
símbolos
I l l u s t r a t o r p a r a