SlideShare une entreprise Scribd logo
1  sur  34
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

Contenu connexe

Tendances

Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Aula 11 design gráfico na publicidade rough e layout
Aula 11   design gráfico na publicidade rough e layoutAula 11   design gráfico na publicidade rough e layout
Aula 11 design gráfico na publicidade rough e layout
Elizeu Nascimento Silva
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
Elizeu Nascimento Silva
 

Tendances (20)

Tipografia
Tipografia Tipografia
Tipografia
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESP
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Aula 11 design gráfico na publicidade rough e layout
Aula 11   design gráfico na publicidade rough e layoutAula 11   design gráfico na publicidade rough e layout
Aula 11 design gráfico na publicidade rough e layout
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 

Similaire à Fundamentos básicos do Design gráfico

Usando aplicativos do_windows
Usando aplicativos do_windowsUsando aplicativos do_windows
Usando aplicativos do_windows
Anabela Barreira
 
Apresentação de coreldraw
Apresentação de coreldrawApresentação de coreldraw
Apresentação de coreldraw
Júh Hemerson
 
Canva guia doctoralia para especialistas
Canva   guia doctoralia para especialistasCanva   guia doctoralia para especialistas
Canva guia doctoralia para especialistas
Quelen Assis
 
Introdução ao corel draw
Introdução ao corel drawIntrodução ao corel draw
Introdução ao corel draw
Dirlei Aparecida
 
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHHAula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
JoseAugustoAragao
 
Ferramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituaisFerramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituais
familiaestagio
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
Aguinaldo Silva
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
Aline Corso
 

Similaire à Fundamentos básicos do Design gráfico (20)

Usando aplicativos do_windows
Usando aplicativos do_windowsUsando aplicativos do_windows
Usando aplicativos do_windows
 
Apostila Corel Draw para todas as idades
Apostila Corel Draw para todas as idadesApostila Corel Draw para todas as idades
Apostila Corel Draw para todas as idades
 
Apostila rápida de Adobe Illustrator
Apostila rápida de Adobe IllustratorApostila rápida de Adobe Illustrator
Apostila rápida de Adobe Illustrator
 
Apresentação de coreldraw
Apresentação de coreldrawApresentação de coreldraw
Apresentação de coreldraw
 
Corel draw.x6 pt
Corel draw.x6 ptCorel draw.x6 pt
Corel draw.x6 pt
 
Canva guia doctoralia para especialistas
Canva   guia doctoralia para especialistasCanva   guia doctoralia para especialistas
Canva guia doctoralia para especialistas
 
Tux Paint
Tux PaintTux Paint
Tux Paint
 
Tux Paint
Tux PaintTux Paint
Tux Paint
 
Tutorial Paint
Tutorial PaintTutorial Paint
Tutorial Paint
 
Introdução ao corel draw
Introdução ao corel drawIntrodução ao corel draw
Introdução ao corel draw
 
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHHAula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
Aula Como preparar um posterHHHHHHHHHHHHHHHHHHHHHHH
 
Criando desenho no paint
Criando desenho no paintCriando desenho no paint
Criando desenho no paint
 
Ferramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituaisFerramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituais
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
 
Curso de Adobe Page Maker 2015
Curso de Adobe Page Maker 2015Curso de Adobe Page Maker 2015
Curso de Adobe Page Maker 2015
 
O Mundo Mágico do Photoshop SEGUNDA EDIÇÃO
O Mundo Mágico do Photoshop SEGUNDA EDIÇÃOO Mundo Mágico do Photoshop SEGUNDA EDIÇÃO
O Mundo Mágico do Photoshop SEGUNDA EDIÇÃO
 
Cmap tools
Cmap toolsCmap tools
Cmap tools
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
 
Tdc4 kids 2020 - pixel art/ Como ensinar COMPUTAÇÃO para crianças em tempos d...
Tdc4 kids 2020 - pixel art/ Como ensinar COMPUTAÇÃO para crianças em tempos d...Tdc4 kids 2020 - pixel art/ Como ensinar COMPUTAÇÃO para crianças em tempos d...
Tdc4 kids 2020 - pixel art/ Como ensinar COMPUTAÇÃO para crianças em tempos d...
 
Infográficos em PPT
Infográficos em PPTInfográficos em PPT
Infográficos em PPT
 

Fundamentos básicos do Design gráfico

  • 2. 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
  • 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
  • 6. Tipografia tradicional Tipografia feminina Tipografia informal fundamentos do design naamã lima tipografiapara o seu projeto? qual a melhor
  • 7. fundamentos do design naamã lima tipografiapara o seu projeto? qual a melhor
  • 8. “Cor é como o cérebro (dos seres vivos animais) interpreta os sinais eletro nervosos vindos do olho“ fundamentos do design naamã lima cor
  • 9. “Cor é como o cérebro (dos seres vivos animais) interpreta os sinais eletro nervosos vindos do olho“ fundamentos do design naamã lima cor
  • 10. fundamentos do design naamã lima cor sistemas de cores
  • 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
  • 19. ferramentasa interface inicial do programa é essa
  • 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
  • 32. ferramentas PRONTO!PODE MANDAR PRA GRÁFICA fundamentos do design naamã lima
  • 33. 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...