Ai

O poder da ferramenta

Abrahan Lincoln
Adobe Illustrator
Adobe Illustrator Ai
O Adobe Illustrator é a ferramenta de design gráfico líder
do setor que permite criar tudo o que você imaginar, de logotipos
e ícones a imagens e ilustrações, e personalizar sua criação com
precisão de nível profissional, e oferece recursos para poupar
tempo, como repetição de padrões ou edições globais.
As imagens criadas com o Illustrator podem ser usadas em
qualquer tamanho de formato digital ou impresso, e a aparência
será exatamente a mesma que você criou.
CONTEÚDO TEÓRICO E PRÁTICO Ai
• Bitmap e Vetor • Logotipos e logomarcas
• RGB e CMYK • Isotipos e isólogos
• Imagem vetorizada • Imagotipos
• Flat Design • Ícones
• Low Poly • Infográficos
• Pixel Art • 3D
• Banners • Projetos e empresas
• Folders
• Flyers
Bitmap e Vetor
Bitmap e Vetor
BITMAPS São imagens formadas por pixels.

Um pixel nada mais é do que um dos pontos em seu monitor, pequenos

com cor e brilho variados. Bitmaps são indicados para representação de
imagens com alto nível de detalhes.

Os arquivos bitmaps por serem formados pixel a pixel, se tiverem seu

tamanho aumentado, sofreram distorções consideráveis, pois cada ponto é
transformado em blocos maiores para compor a imagem maior. Exemplos
comuns de imagens do tipo bitmaps são aquelas tiradas com máquinas
fotográficas digitais, smartphones, tablets etc, e os formatos mais comuns
são: jpeg, gif, tiff, bmp e png.
Bitmap e Vetor
VETORES São imagens formadas por cálculos matemáticos exatos
executados pelo computador.

Sabendo o que são os bitmaps, entender o que são imagens ou gráficos

vetoriais ficará fácil.

Então o que muda de Vetorial para Bitmap, se ambos não são imagens?
Se numa imagem vetorial você criar um retângulo pequeno e depois
aumentar seu tamanho em 200 vezes, o quadrado continuará o mesmo,
com a mesma definição e qualidade. Agora imagine fazer isso em imagens
do tipo bitmap: o retângulo vai perdendo qualidade à medida que é
ampliado.
Bitmap e Vetor
• Os gráficos vetoriais são amplamente utilizados em websites, impressões,
cinema, televisão, games, etc… normalmente são o que não chamamos
de ‘fotos’. Por exemplo: logotipos de empresas normalmente são gráficos
vetoriais, fundos, degradês e outras imagens que não são ‘fotos’.

• Em compensação o que chamamos de ‘fotos’ quase sempre são bitmaps.

Usa-se imagens baseadas em pixels quando se deseja uma maior
profundidade, algo que transmita mais ‘vida’ para o usuário/observador. A
desvantagem é gerarem arquivos bem maiores e ampliações boas ou
pixeladas, dependendo da habilidade de quem as está manipulando.
 RGB e CMYK
A abreviatura RGB (Red, Green, Blue) representa o método de cores utilizadas em
monitores e eletrônicos emissores, fazendo referência aos tons vermelho, verde e
azul para compor imagens coloridas nas telas. Essa escala tem como base a Teoria
Tricromática em que a luz é o elemento chave para a formação de cores através do
sistema aditivo – capaz de gerar mais de 16 milhões de tonalidades diferentes ao
serem divididas nos 255 níveis.
•Vermelho: R=255, G=0, B=0;

•Verde: R=0, G=255, B=0;

•Azul: R=0, G=0, B=255;

•Branco: R= 255, G=255, B=255.

 RGB e CMYK
Já o padrão CMYK (Cyan, Magenta, Yellow, Black) emprega as cores Ciano,
Magenta, Amarelo e Preto e é utilizado para produção de materiais impressos.
Sua proposta é reproduzir, da maneira mais fiel possível, a maioria das cores do
espectro visível e é por isso que é o esquema oficial do universo gráfico.
A combinação de duas cores aditivas primárias dá origem ao sistema CMYK;
 IMAGEM VETORIZADA
Explicando de um jeito muito simples, vetorizar é uma forma de transformar os
pixels de uma imagem em curvas, linhas e pontos, com a possibilidade de
modificar seus elementos separadamente (editar, rotacionar, mover, recolorir,
entre outras mudanças).

Para vetorizar imagem através do Illustrator, é necessário baixar o programa

para o seu computador. Ao abrir o programa, abrir a imagem que
deseja vetorizar e selecione a ferramenta “Caneta” ou “Caneta de curvatura”,
usar e modificar da forma como desejar.
 IMAGEM VETORIZADA

ORIGINAL VETORIZADA
 FLAT DESIGN
O que é estilo flat? Flat design ou, traduzindo para o português, design plano é
uma abordagem de design minimalista que enfatiza a usabilidade e defende a
simplicidade e clareza em interfaces.
Possui um aspecto mais limpo, espaço aberto, bordas nítidas, cores vibrantes
e ilustrações “planas”.
 FLAT DESIGN
As principais características de um Flat Design são:

Aspectos minimalistas
Elementos ornamentais são vistos como desordem desnecessária. Se um aspecto
não serve a nenhum propósito funcional, é uma distração da experiência do
usuário. Esta é a razão para o carácter minimalista de desenho plano.

Rápido para compreender

Imagens simples transmitem mensagens de forma mais rápida do que ilustrações
detalhadas. Ícones podem indicar ações ou propósitos universais de fáceis
compreensão. É fácil ver uma diferença imediata entre um skeuomorphic e um
design plano: blocos de cores sólidas chamam mais atenção e o significado dos
ícones podem ser rapidamente percebido.
FLAT DESIGN
 LOW POLY
Low Poly é um termo usado para esculturas tridimensionais criadas através da
junção de poucas faces geométricas.

Low-Poly e High-Poly?
Quando uma malha possui um número elevado de polígonos nós dizemos que ela
é High-Poly, quando o número de polígonos é menor dizemos que ela é Low-Poly.
LOW POLY
 PIXEL ART
É um formato de arte que integra pontos digitais em sua construção, baseada em
pixels, inspirada na arte quadriculada de jogos antigos.

Hoje em dia muitos jogos atuais e peças artísticas fazem tributos ao que antes era
uma limitação técnica e é bem fácil criar imagens e animações nesse estilo.
PIXEL ART
BANNERS
O Banner é comumente conhecido como uma peça
publicitária grande se comparada com outras peças
publicitarias utilizadas em pdvs e estabelecimentos.

Lembrando que aqui quando falamos de Banner estamos

nos referindo ao físico, ou seja, a sua versão impressa.

Um dos principais intuitos de um banner é ser um ponto de

foco, fazer com que o público o veja assim que ele
aparecer em seu campo de visão. Por isso, vale destacar,
mais uma vez, que você deve pensar bastante nos
elementos visuais para garantir essa atração.
FLYERS
Do inglês, significa 'algo que voa'. Em marketing, flyer é um impresso
promocional, geralmente pequeno, desenvolvido para distribuição em
massa, sob o conceito de 'voar' de mão em mão.
Possuem imagens impactantes e mensagens de rápida leitura.
FOLDERS
O folder é um material gráfico utilizado para informar, divulgar produtos ou
serviços e auxiliar em campanhas de marketing.
O termo vem do inglês “fold”, que significa “dobra”, visto que esse é um
material que é impresso e dobrado.
 LOGOTIPOS E LOGOMARCAS

Logotipo é a parte escrita (o nome da marca)

de forma estilizada.

Logomarca é o desenho, o símbolo ou

o ícone que representa a marca graficamente.

Isso não significa, porém, que uma marca seja

obrigada a ter ambos na composição da sua
identidade visual.
ISOTIPOS E ISOLOGOS
Isotipo é a parte simbólica da marca, é facilmente reconhecida sem o texto

Isologo é o ícone são agrupados, neste caso só funcionam juntos

 IMAGOTIPO

Uma logo completa pode ser chamado de imagotipo, apresentando a

combinação entre símbolo e fonte, mas mantendo sua identidade mesmo
quando separados. Portanto, quando se apresenta o símbolo ou a fonte de
forma isolada, ainda existe uma rápida identificação da empresa que
representam.
 ÍCONE

Trata-se de um elemento gráfico ou uma imagem que fazem alusão a um

objeto real.
Empresas como a Apple usam ícones para representar literalmente o nome da
sua marca.
Usar um ícone ilustrativo faz com que a identidade de sua marca se transmita
com mais eficiência do que o nome apenas consegue fazê-lo.
 INFOGRÁFICO
A definição mais comum de Infográfico descreve-o
.
simplesmente como uma representação visual de
informações e dados. Combinando elementos de
imagem de texto, gráfico, diagramas, mais recentemente,
vídeo.
Um exemplo de infográfico é uma representação visual
da informação.

Um bom infográfico deve ser claro, memorável e contar

com um texto e um visual concisos. Como a visualização
de dados é o principal objetivo, use gráficos e tabelas
sempre que puder. É essencial criar uma narrativa com os
elementos gráficos e incluir um “gancho” ou uma
mensagem principal que seja fácil de identificar.
 3D
Efeitos 3D permitem criar objetos tridimensionais (3D) a partir
de um trabalho artístico bidimensional (2D).
Você pode controlar a aparência de objetos 3D com
iluminação, sombreamento, rotação e outras propriedades.
Também pode fazer o mapeamento do trabalho artístico para
cada superfície de um objeto 3D.

Com este efeito é possível criar:

• Personagens
• Objetos e Animais
• Veículos e Cenários
• Logos em 3D
 PROJETOS E EMPRESAS
.
Com a ferramenta Adobe Illustrator é possível desenvolver projetos únicos
para alavancar o seu portifólio e / ou desenvolver para empresas (seja
marketing, publicidade, alavancar uma campanha e etc.

Alguns dos projetos são:

• Cartão de visita (físico / virtual)

• Crachás
• Folhetos / Panfletos / Publicidade de forma geral
• Logos / Slogans / Propagandas
• Convites formais e informais
• Gráficos de rendimento / crescimento