Illustrator para Criação de Simbolos

Criação de
I l l u s t r ato r pa r a
símbolos
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.
Éricles Batista
Compartilhe no Facebook Compartilhe no Twitter
Para quem este e-book foi feito
Seja muito
Fiz esse material para qualquer pessoa que tem interesse
bem-vindo!
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

Este ebook é soma dos meus estudos e experiência no
com símbolos de maneira precisa e descomplicada.
Design operacional.
Mas muito mais do que isso, é o total de 3 dos meus

É difícil?
principais ebooks já publicados, só que com vários
upgrades e tudo em um documento só!
Esse e-book é dividido em três capítulos, e no decorrer
deles, vou intensificando as atividades e exemplos.
Estou bem satisfeito em colocar esse bebê no mundo, e
espero que você também curta ler e aprender assim como

Então quando me perguntam se este material é difícil, eu
eu curti escrever e publicar.
digo: ele se desenvolve junto com você.
01
Olá, eu sou
Éricles Batista
Designer e produtor de conteúdo
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

artigos e vídeos, até ebooks, como este que você está
lendo.
Acesse os links abaixo:

Estratégico 82%
Metódico 94%
Detalhista 76%
02
Antes de
O segredo está na prática
começar
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.
As ferramentas serão em inglês Não se limite
Muito dos excelentes cursos e canais do YouTube sobre o O que escrevo neste e-book não são verdades absolutas,
Illustrator são em inglês, até mesmo os brasileiros. Para existem várias formas de chegar a resultados equivalentes.
criarmos um padrão, utilizaremos o software em inglês e Te mostrarei possibilidades, mas é de extrema importância
vamos nos referir às ferramentas nesse idioma.
que busque a forma mais confortável para você.
Isso pode ser uma oportunidade de aprender uma nova

língua junto ao aprendizado do Illustrator.
03
Como ler
Siga as sugestões
este material
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
Acesse todos os links músculos, ok?
No decorrer deste ebook, coloco vários links para diversos

vídeos com tutoriais completos sobre o assunto indicado.
Compartilhe sua evolução
Recomendo que clique em todos os links, pois os vídeos Estarei à disposição para você me mostrar seu
servirão como mateiral complementar a este ebook. 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.
04
Capítulo 1
Lo g o s fa m o sas
Éricles Batista
O que
2- Manipulação de objetos
aprenderemos
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.
1- Montar grids
Neste primeiro capítulo, vou te mostrar as maneiras de 3- Como aplicar proporção áurea
criar grids modulares no Illustrator.
Por fim, veremos um pouco da lógica da proporção áurea,

Cada uma delas prioriza algo diferente, seja a velocidade onde utilizaremos para compor nosso último logotipo.
de criação ou o controle do tamanho dos módulos.
Junto a isso, você verá como trabalhar com operações

Como disse antes, fique à vontade para escolher a que aritméticas no Illustrator.
melhor se encaixa no seu perfil de trabalho.
06
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!
07
E se for
Saca a workspace
diferente?
1
2
A sua workspace deve estar um pouco diferente

5
da minha, mas de forma geral, o esqueleto é o
mesmo.
4
E não esquenta a cabeça em decorar esses

3
nomes, só vamos usá-los como referência para
encontrar algumas ferramentas.
6
Lembrando que não é a workspace que
influenciará no seu desempenho neste ebook.
1 - Menu principal 4- artboard
2 - control palette 5 - floating palette
3 - tool bar 6 - Status bar
08
Primeiros
passos
Utilizando a slip into grid, 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.
09
Outra
shift + alt + (arrastar pro lado)
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
10
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.
11
Fechando
a forma
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 Pathfinder 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.
12
Próximo
passo
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

Shape Builder para finalizar esta letra.
13
Ú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.
14
Resultado
Agora basta organizar nossos objetos e pronto!
Você pode conferir a montagem completa deste

logo neste vídeo lá no meu canal do YouTube.
E se ainda não é inscrito, aproveite e inscreva-se

para acompanhar minhas dicas semanais.
Empresa: American Broadcasting
Company
Designer: Paul Rand
Ano: 1962
15
Respire um pouco
E va i b e b e r ág ua
Projeto 2
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 sistema organizado
para trabalhar.
17
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.
18
Resultado
Fácil, não? Agora utilze as cores abaixo para
finalizar.
Se preferir, pode assistir ao vídeo tutorial comigo

ensinando passo-a-passo.
#6054B0 #00A653
Empresa: Univision
#EE1C25 #FC6400
Designer: Chermayeff & Geismar
& Haviv
Ano: 1989
19
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.
20
Proporção
áurea
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 este vídeo.
21
Último passo
Para finalizar, vamos criar a haste do 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.
22
Resultado
Fácil, não? Agora utilze a cor abaixo para finalizar.
Se preferir, pode assistir ao vídeo tutorial

ensinando passo-a-passo.
#DE002B
Empresa: Beats audio
Designer: Anton Stankowski
Ano: 1971
23
Capítulo 2
Ta n g ê n c i a s
Éricles Batista
O que
2- Distribuição de objetos
aprenderemos
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

1- Tangência na circunferência melhor contexto dela.
Na criação de símbolos, trabalhar com tangências é

fundamental, e nas páginas a seguir eu vou falar sobre uma 3- Macetes de rotação
das técnicas para ser mais preciso na conexão de uma
linha e circunferência.
Esse é o ponto-chave do capítulo, pois com ele é possível
aumentar a produtividade, mantendo uma precisão
Caso prefira ver todo o conteúdo sobre tangência em Matemática.
vídeo, clique aqui.
25
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.
26
Observação
Se quiser editar o intervalo entre as linhas, jamais
faça isso usando o olhômetro!
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.
27
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.
28
Dando forma
Utilizando a pen tool, 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º
29
Resultado
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 clique aqui.
30
Respire um pouco
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.
32
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.
33
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
34
Capítulo 3
M a c e t e s
Éricles Batista
Primeiro
passo
Crie uma circunferência de tamanho qualquer 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.
36
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.
37
Divisão e
rotação
Copie a circunferência de baixo e cole 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.
38
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.
39
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.
40
Resultado
Tá aí o nosso resultado!
Aliás, qual estilo de fogo você prefere, gelado ou

quente?
#0B98DF #9AE2FB
#EE1C25 #FC6400
41
Respire um pouco
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.
43
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.
44
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.
45
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.
46
Resultado
Esse é um projeto do designer Marcelo Kimura
que você pode conferir completo através deste
link.
Teste no seu resultado as cores abaixo que

também compõem o projeto do autor.
#F7475E #FFDD00
#00C1D5 #512D6D
47
Chegamos
Agradecimentos
ao fim
Quero agradecer a quatro pessoas que tornaram este
e-book possível.
A primeira é Gabriela, pela paciência e correções. Vi pela

manhã antes de publicar que se não fosse você, este
Muito obrigado pelo seu tempo e dedicação na leitura
conteúdo não estaria descomplicado.
deste ebook, apesar do trabalhão em produzi-lo, estou

muito satisfeito com o resultado.
Quero agradecer ao Gabriel, que com sua sensibilidade e

técnica, deu vida às imagens que realmente traduzem
Espero que você tenho aprendido muita coisa nova, e que
quem é Éricles.
este material tenha atiçado sua curiosidade sobre outros

assuntos.
E também à Diana, que com seu enorme coração divulga e

apoia o meu trabalho como se eu fosse o designer mais
Minha dica final é: nunca deixe de praticar.
quente de todos.
Tudo o que está na sua cabeça precisa ter espaço no

E por último, ao Kimura, que disponibilizou sua marca para
mundo prático. Pratique, pratique e pratique mais. Esse é o
que você pudesse ver como um grande designer executa
caminho mais confiável para a melhora contínua.
suas ideias.
48
Criação de
I l l u s t r ato r pa r a
símbolos
Éricles Batista

Idioma

Illustrator para Criação de Simbolos

Enviado por

Dados do documento

Direitos autorais

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Illustrator para Criação de Simbolos

Enviado por

Direitos autorais:

Criação de

Para quem este e-book foi feito

E logicamente, os designers de logotipos irão se identificar

muito mais, pois nele contêm dicas de ouro para trabalhar

Mas muito mais do que isso, é o total de 3 dos meus

upgrades e tudo em um documento só!

Esse e-book é dividido em três capítulos, e no decorrer

deles, vou intensificando as atividades e exemplos.

Estou bem satisfeito em colocar esse bebê no mundo, e

espero que você também curta ler e aprender assim como

Produzo conteúdo nos mais diversos formatos, desde

Acesse os links abaixo:

As ferramentas serão em inglês Não se limite

Isso pode ser uma oportunidade de aprender uma nova

Se preferir, já deixe um copo com água do seu lado, mas

No decorrer deste ebook, coloco vários links para diversos

Utilize os stories do Instagram para compartilhar seu

Você vai aprender a utilizar essas duas ferramentas,

Por fim, veremos um pouco da lógica da proporção áurea,

de criação ou o controle do tamanho dos módulos.

Junto a isso, você verá como trabalhar com operações

Os programas da Adobe têm interfaces bem

Uma coisa que vai te ajudar muito são

A sua workspace deve estar um pouco diferente

E não esquenta a cabeça em decorar esses

2 - control palette 5 - floating palette

3 - tool bar 6 - Status bar

Chamamos isso de um grid 4x4, pois tem 4 linhas

E a partir deste grid, criaremos uma

Feito isso, fazemos a “perninha” da letra A com

Esse atalho duplica a última ação que você

Lembre-se de ativar a Smart Guides* para

* Utilize a tecla de atalho Ctrl+U

A partir dessa cópia você vai redimensionar a

Utilizando o shift você conserva a proporção e

Feito isso, vai utilizar a Pathfinder para manipular a

Corte primeiro a circunferência maior com a

Isso vale para as duas formas que mostrei antes.

Você vai acrescentar mais uma linha no grid

Da mesma forma que você fez a “perna” da letra

Você pode utilizar tanto a pathfinder quanto a

Ela é basicamente o mesmo processo das letras

Utilize um retângulo com a altura de 1 módulo, e

Por fim, faça o corte com a ferramenta da sua

Você pode conferir a montagem completa deste

E se ainda não é inscrito, aproveite e inscreva-se

Designer: Paul Rand

Feito isso, você vai criar quatro quadrados nas

Essa é a parte principal do nosso logo, e

Fazendo isso, você está isolando esses pontos do

Feito isso, você vai puxar na direção indicada na

Você vai arrastar os dois pontos de baixo em

Se preferir, pode assistir ao vídeo tutorial comigo

Dessa vez, você decide qual método quer usar

Faça um grid 4x4 e insira duas circunferências

Para isso, vamos copiar a segunda circunferência

É possível fazer isso no Illustrator pela ferramenta

Com ela selecionada, crie um retângulo que

Sua altura vai até o final dos grids e agora

Se preferir, pode assistir ao vídeo tutorial

Empresa: Beats audio

Designer: Anton Stankowski

Vou te ensinar a usar essa ferramenta de alinhamento no

Na criação de símbolos, trabalhar com tangências é

E para garantir que todas tenham o mesmo

Depois crie uma circunferência com o tamanho