PARA QUE UMA EMPRESA OU UM PRODUTO TENHA DESTAQUE, É PRECISO QUE SUAS INFORMAÇÕES SEJAM BEM APRESENTADAS AO PÚBLICO POR MEIO DE ARTES COMO BANNERS, FLYERS E FOLDERS. E SEMPRE POR TRÁS DE UMA ARTE BEM FEITA HÁ UMA BOA FERRAMENTA DE DESIGN, COMO O ILLUSTRATOR. POR UTILIZAR DESIGN VETORIAL, O ILLUSTRATOR TEM GANHADO CADA VEZ MAIS PREFERÊNCIA NA ESCOLHA DE FERRAMENTAS DE DESIGN. O MINICURSO TEM COMO OBJETIVO ENSINAR AS PRINCIPAIS TÉCNICAS DE DESIGN VETORIAL PARA QUE CAPACITE OS PARTICIPANTES A CRIAR ARTES GRÁFICAS E DESENHOS VOLTADOS AO AMBIENTE PROFISSIONAL. O MINICURSO SERÁ MINISTRADO POR RENAN TEIXEIRA E THIAGO ALMEIDA M. MARQUES.

1. Como desenvolver
artes gráficas com
o Illustrator

2. Hello!
Quem Somos?
Renan Teixeira
Thiago Marques

3. Irá funcionar assim:
▧ Take 1: Teoria
▧ Take 2: Prática
▧ Take 3: Prática 2

4. Vamos pensar em Design?

5. Modelos Mentais
Seres humanos são bons em desenvolver representações
mentais sobre como as coisas funcionam;
Ex.: O que acontece com certos elementos quando interagimos
com eles;
Modelos mentais podem ser uma boa fonte de organização de
informações;
Ex.: Estrutura de menu de um site.

6. Modelos Mentais
▧ O designer deve evitar “quebrar” o modelo mental do
usuário;
▧ Evitar erros;
▧ Tentar minimizar os danos causados pelos erros.

7. CMYK
Tintas-pigmentos: Ciano(C) ,
Magenta(M), Amarelo (Y) e
Preto(K).
Utilizado pela indústria gráfica
como base para a produção
das demais cores através da
combinação de pontos de
impressão (Retícula)
Esquema de Cores
RGB
Sistema de cores de luz
presente em televisores e
monitores.
Formado pelas cores
primárias Vermelho, Verde,
Azul que decompostas de
modo espectral e
combinadas entre si, geram
as demais cores.

9. Cores - Recomendações
Evitar cores saturadas (cores muito vivas);
Uso de cores para direcionar atenção;
Enfatizar aspectos da arte;
Atentar-se ao público na escolha das cores.

12. Sistema Perceptual - Visão
O olho humano é a principal fonte de transmissão de informações;
Percepção visual:
Reconhecer cenas coerentes, resolver ambiguidades, distâncias
relativas, diferenciar cores;
Etapas da percepção visual:
Receber o estímulo;
Processar e interpretar.

13. Sistema Perceptual - Visão
Luminância: quantidade de luz emitida por um objeto;
Brilho: reação varia de acordo com o nível de iluminação;
Contraste: luminância de um objeto em relação à luminância do
fundo.

14. Identidade Visual

15. Elementos
Tipografia
Cursiva, com ou sem serifa,
dingbats
Logotipo
E não logomarca˜
Elementos Visuais
Formas, figuras, ícones
Conteúdo
textos
T

16. Tipografia

17. Logotipo e nao Logomarca!
LogotipoLogo Logomarca
Logo: significado Logo: significado
Tyoo: Figura
Logo: (grego): significado
marca (germânico):
significado

18. Tudo é forma!

23. Heurísticas
▧ Forneça conteúdo relevante e em quantidade suficiente, mas
não excessiva;
▧ Torne o layout claro e fácil de ler;
▧ Utilize cores que não cansem o usuário;
▧ Não misturar design flat com gradiente.

24. É hora de praticar!

25. Vector x Bitmap

26. Workspace

27. Adobe Illustrator

28. Atalhos Básicos
TAB: esconde as ferramentas e aumenta o tamanho do
documento;
CRTL + Mais zoom;
CRTL - Menos zoom;
Segurar ESPACE: ferramenta mão;

29. Agora é com vocês!!!
Alguma dúvida?

30. Links
freepik.com
coolors.co
google.com/fonts
Tamanhos: Banner: A3, Cartão de
visita: 9cm x 5cm
Logotipo: livre