O documento discute fundamentos básicos de design gráfico como tipografia, cor, composição e ferramentas. É apresentado um tutorial passo a passo para criação de um cartão de visita utilizando o software Illustrator com explicações sobre suas ferramentas e interface.
4. “Existem vários processos
acontecendo em nosso
inconsicente enquanto lemos
algo. Através de uma escolha
tipográfica são estabelicidas
rotas para os leitores: as
rotas não são percebidas
conscientemente mas que
ainda assim são seguidas“
fundamentos do design naamã lima
gerard unger
tipografiapara o seu projeto?
qual a melhor
5. “Existem vários processos
acontecendo em nosso
inconsicente enquanto lemos
algo. Através de uma escolha
tipográfica são estabelicidas
rotas para os leitores: as
rotas não são percebidas
conscientemente mas que
ainda assim são seguidas“
fundamentos do design naamã lima
gerard unger
tipografiapara o seu projeto?
qual a melhor
11. fundamentos do design naamã lima
impressão
pigmento
web - video
luz
cor sistemas de cores
12. “A procura de um equilíbrio
entre as imagens que colocamos
e os textos, uma composição
que chame a atenção do leitor,
deve ser a finalidade principal
do designer gráfico no momento
de desenvolver o seu trabalho.“
fundamentos do design naamã lima
cris schiavenin
composição
13. fundamentos do design naamã lima
elementos
composição
alinhamento
repetição
agrupamento
harmonia
constrate
equilíbrio
hierarquia
14. fundamentos do design naamã lima
composiçãoToda composição possui uma ordem de leitura
que é realizada pela GRID [grade] criada pelo designer
para garantir a ordem e legibilidade.
15. fundamentos do design naamã lima
composiçãoToda composição é feita por camadas, seguindo uma ordem
do topo para baixo, aonde o designer vai criar sua composição
e designar a ordem dos elementos.
16. fundamentos do design naamã lima
ferramentaso computador é sua caixa de ferramentas
mas o seu cérebro é a mais importante.
17.
18. fundamentos do design naamã lima
ferramentasagora é hora de meter a mão na massa!
vamos abrir o
software illustrator
20. ferramentasa interface inicial do programa é essa
na parte superior temos a barra de menus
arquivo
editar
objeto
tipo
selecionar
efeitos
exibir
janelas
ajuda
21. ferramentasa interface inicial do programa é essa
na parte lateral esquerda
temos a barra de ferramentas
seleção seleção direta
varinha mágica seleção por laço
caneta tipografia
linhas segmentares formas geométricas
pincel lápis
pintura livre borrachas
girar redimensionar
ajustes de grossura transformação
ajustes de forma perspectiva
malha construtiva degradé
conta gotas misturar
replicador de símbolos criação de gráficos
tela de pintura fatiador
manipulação zoom
cor de preenchimento
cor de traço
troca de cores
ausência de cortraço
ordem do traço
ao clicar e segurar nas ferramentas
que possuem um triângulo branco
você pode explorar as ferramentas
adicionais de sua família.
22. ferramentasa interface inicial do programa é essa
na parte lateral direita
temos a barra de painéis
aonde existem configurações
mais detalhadas para
as ferramenas
cor
guia de cores
swatches
pincéis
símbolos
traço
degradé
transparência
aparência
folha de estilos
camadas
ferramenta de traço automático
ordem de painéis de pintura
23. ferramentasa interface inicial do programa é essa
na parte superior
abaixo a barra de menus
temos a barra auxiliar
a barra auxiliar é um apanhado
de configurações detalhadas
que aparecem ao selecionar
uma ferramenta
24. ferramentas
mãos a obra!
criar um cartão de visita
criar um documento para impressão
frente e verso, nas configurações
de 9cm X 5cm, com sangria de 5mm
abrir o menu file ou arquivo
e clicar em new file ou novo arquivo.
25. ferramentas
mãos a obra!
criar um cartão de visita
nome do arquivo
arquivo - Impressão web telas
quantidades de artboards
espaçamento e colunas
tamanho
unidade de medida
orientação
sangramento
configurações avançadas
orientação
sangria é uma margem de segurança
criada para que a impressão
não tenha filetes brancos
26. ferramentas
mãos a obra!
criar um cartão de visita
margem de segurança margem de segurança
tela de pintura 1 tela de pintura 2
27. ferramentas
mãos a obra!
no menu file ou arquivo, clique em place ou importar
e adicione a logo que iremos usar e a centralize - inkmesailor
28. ferramentasagora com a ferramenta de forma vamos criar um retângulo
do tamanho da linha vermelha da tela de pintura e depois utilize
o conta gotas e clique na parte verde para adquirir a cor desejada
29. ferramentasagora com a ferramenta de tipo vamos colocar as informações
QUE O NOSSO CARTÃO VAI TER, LEMBRANDO QUE AS EMPRESAS TEM SEUS
MANUAIS DE marca, ISSO INCLUI TIPOGRAFIA INSTITUCIONAL, NESSE CASO
A TIPOGRAFIA SE CHAMA BEBAS NEUE E PODE SER BAIXADA EM DAFONT.COM
NAAMÃ LIMATATUADOR
AV. TUTORIAL - Nº 1589 - 2º ANDAR - DUQQUE DE CAXIAS - RJ
TEL: 21 9999-8996 // 21 2773-0330
E-MAIL: INKMESAILOR@GMAIL.COM
ao selecionar o texto
a opção de alinhamento
aparecerá na barra auxiliar,
oriente o texto a esquerda
30. ferramentasagora VAMOS FECHAR O ARQUIVO PARA MANDAR PARA GRÁFICA
VAMOS NO MENU FILE - CLIQUE EM SAVE AS... E ESCOLHA A OPÇÃO pdf
depois selecione o preset pdf/x-1a:2001
NAAMÃ LIMATATUADOR
AV. TUTORIAL - Nº 1589 - 2º ANDAR - DUQQUE DE CAXIAS - RJ
TEL: 21 9999-8996 // 21 2773-0330
E-MAIL: INKMESAILOR@GMAIL.COM
31. ferramentasdepois disso vamos em marks and bleeds ou marcas e sangria
e selecionamos all printers marks e use document bleed settings
ou todas as marcas de impressão e usar sangria do documento
depois clique em SAVE PDF
NAAMÃ LIMATATUADOR
AV. TUTORIAL - Nº 1589 - 2º ANDAR - DUQQUE DE CAXIAS - RJ
TEL: 21 9999-8996 // 21 2773-0330
E-MAIL: INKMESAILOR@GMAIL.COM