DESIGN
GRÁFICO
professor naamã lima
Fundamentos Básicos
DESIGN
GRÁFICO
“A ciência de atribuir
significado a alguma
peça ou artefato por
meio de sua aparência”
fundamentos do design naamã lima
DESIGN
GRÁFICO
tipografia
cor
composição
ferramentas
fundamentos do design naamã lima
“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
“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
Tipografia tradicional
Tipografia feminina
Tipografia informal
fundamentos do design naamã lima
tipografiapara o seu projeto?
qual a melhor
fundamentos do design naamã lima
tipografiapara o seu projeto?
qual a melhor
“Cor é como o cérebro
(dos seres vivos animais)
interpreta os sinais eletro
nervosos vindos do olho“
fundamentos do design naamã lima
cor
“Cor é como o cérebro
(dos seres vivos animais)
interpreta os sinais eletro
nervosos vindos do olho“
fundamentos do design naamã lima
cor
fundamentos do design naamã lima
cor sistemas de cores
fundamentos do design naamã lima
impressão
pigmento
web - video
luz
cor sistemas de cores
“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
fundamentos do design naamã lima
elementos
composição
alinhamento
repetição
agrupamento
harmonia
constrate
equilíbrio
hierarquia
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.
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.
fundamentos do design naamã lima
ferramentaso computador é sua caixa de ferramentas
mas o seu cérebro é a mais importante.
fundamentos do design naamã lima
ferramentasagora é hora de meter a mão na massa!
vamos abrir o
software illustrator
ferramentasa interface inicial do programa é essa
ferramentasa interface inicial do programa é essa
na parte superior temos a barra de menus
arquivo
editar
objeto
tipo
selecionar
efeitos
exibir
janelas
ajuda
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.
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
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
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.
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
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
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
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
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
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
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
ferramentas
PRONTO!PODE MANDAR PRA GRÁFICA
fundamentos do design naamã lima
CENAS DO
PRÓXIMO
CAPÍTULO
NÃO PERCAM!
ANATOMIA TIPOGRÁFICA!
DE SEGUNDA A SEXTA Na MESMa unidade ZION
TEORIA DAS CORES
GESTAULT
& MUITO MAIS SOFTWARES...
Fundamentos básicos do Design gráfico

Fundamentos básicos do Design gráfico

  • 1.
  • 2.
    DESIGN GRÁFICO “A ciência deatribuir significado a alguma peça ou artefato por meio de sua aparência” fundamentos do design naamã lima
  • 3.
  • 4.
    “Existem vários processos acontecendoem 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 acontecendoem 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
  • 6.
    Tipografia tradicional Tipografia feminina Tipografiainformal fundamentos do design naamã lima tipografiapara o seu projeto? qual a melhor
  • 7.
    fundamentos do designnaamã lima tipografiapara o seu projeto? qual a melhor
  • 8.
    “Cor é comoo cérebro (dos seres vivos animais) interpreta os sinais eletro nervosos vindos do olho“ fundamentos do design naamã lima cor
  • 9.
    “Cor é comoo cérebro (dos seres vivos animais) interpreta os sinais eletro nervosos vindos do olho“ fundamentos do design naamã lima cor
  • 10.
    fundamentos do designnaamã lima cor sistemas de cores
  • 11.
    fundamentos do designnaamã lima impressão pigmento web - video luz cor sistemas de cores
  • 12.
    “A procura deum 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 designnaamã lima elementos composição alinhamento repetição agrupamento harmonia constrate equilíbrio hierarquia
  • 14.
    fundamentos do designnaamã 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 designnaamã 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 designnaamã lima ferramentaso computador é sua caixa de ferramentas mas o seu cérebro é a mais importante.
  • 18.
    fundamentos do designnaamã lima ferramentasagora é hora de meter a mão na massa! vamos abrir o software illustrator
  • 19.
    ferramentasa interface inicialdo programa é essa
  • 20.
    ferramentasa interface inicialdo programa é essa na parte superior temos a barra de menus arquivo editar objeto tipo selecionar efeitos exibir janelas ajuda
  • 21.
    ferramentasa interface inicialdo 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 inicialdo 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 inicialdo 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! criarum 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! criarum 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! criarum 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! nomenu file ou arquivo, clique em place ou importar e adicione a logo que iremos usar e a centralize - inkmesailor
  • 28.
    ferramentasagora com aferramenta 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 aferramenta 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: [email protected] ao selecionar o texto a opção de alinhamento aparecerá na barra auxiliar, oriente o texto a esquerda
  • 30.
    ferramentasagora VAMOS FECHARO 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: [email protected]
  • 31.
    ferramentasdepois disso vamosem 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: [email protected]
  • 32.
    ferramentas PRONTO!PODE MANDAR PRAGRÁFICA fundamentos do design naamã lima
  • 33.
    CENAS DO PRÓXIMO CAPÍTULO NÃO PERCAM! ANATOMIATIPOGRÁFICA! DE SEGUNDA A SEXTA Na MESMa unidade ZION TEORIA DAS CORES GESTAULT & MUITO MAIS SOFTWARES...