fundamentos básicos do design gráfico

DESIGNGRÁFICO

professor naamã lima

Fundamentos Básicos

DESIGNGRÁFICO“A ciência de atribuir significado a alguma peça ou artefato por meio de sua aparência”

fundamentos do design naamã lima

DESIGNGRÁFICOtipografiacorcomposiçãoferramentas


“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: asrotas não são percebidas conscientemente mas que ainda assim são seguidas“


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“


gerard unger


qual a melhor

Tipografia tradicional

Tipografia feminina

Tipografia informal



qual a melhor



qual a melhor

“Cor é como o cérebro (dos seres vivos animais) interpreta os sinais eletro nervosos vindos do olho“


cor


corsistemas de cores


impressão

pigmento

web - video

luz

corsistemas 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.“


cris schiavenin

composição


elementos

composiçãoalinhamento

repetiçãoagrupamento

harmoniaconstrateequilíbriohierarquia


composiçãoToda composição possui uma ordem de leituraque é realizada pela GRID [grade] criada pelo designerpara garantir a ordem e legibilidade.


composiçãoToda composição é feita por camadas, seguindo uma ordem do topo para baixo, aonde o designer vai criar sua composiçãoe designar a ordem dos elementos.


ferramentaso computador é sua caixa de ferramentasmas o seu cérebro é a mais importante.


ferramentasagora é hora de meter a mão na massa!

vamos abrir o software illustrator

ferramentasa interface inicial do programa é essa


na parte superior temos a barra de menus

arquivoeditar

objetotiposelecionar

efeitosexibir

janelas

ajuda


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 ferramentasque possuem um triângulo brancovocê pode explorar as ferramentasadicionais de sua família.


na parte lateral direitatemos a barra de painéis

aonde existem configuraçõesmais 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


na parte superiorabaixo a barra de menus

temos a barra auxiliara barra auxiliar é um apanhado

de configurações detalhadasque aparecem ao selecionar

uma ferramenta

ferramentasmãos a obra!criar um cartão de visitacriar um documento para impressãofrente e verso, nas configuraçõesde 9cm X 5cm, com sangria de 5mm

abrir o menu file ou arquivoe clicar em new file ou novo arquivo.

ferramentasmã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

ferramentasmã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

ferramentasmãos a obra!no menu file ou arquivo, clique em place ou importare adicione a logo que iremos usar e a centralize - inkmesailor

ferramentasagora com a ferramenta de forma vamos criar um retângulodo 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çõesQUE O NOSSO CARTÃO VAI TER, LEMBRANDO QUE AS EMPRESAS TEM SEUS MANUAIS DE marca, ISSO INCLUI TIPOGRAFIA INSTITUCIONAL, NESSE CASOA TIPOGRAFIA SE CHAMA BEBAS NEUE E PODE SER BAIXADA EM DAFONT.COM

NAAMÃ LIMATATUADOR

AV. TUTORIAL - Nº 1589 - 2º ANDAR - DUQQUE DE CAXIAS - RJTEL: 21 9999-8996 // 21 2773-0330E-MAIL: [email protected]

ao selecionar o textoa opção de alinhamentoaparecerá na barra auxiliar,oriente o texto a esquerda

ferramentasagora VAMOS FECHAR O ARQUIVO PARA MANDAR PARA GRÁFICAVAMOS NO MENU FILE - CLIQUE EM SAVE AS... E ESCOLHA A OPÇÃO pdf

depois selecione o preset pdf/x-1a:2001

NAAMÃ LIMATATUADOR


ferramentasdepois disso vamos em marks and bleeds ou marcas e sangriae selecionamos all printers marks e use document bleed settingsou todas as marcas de impressão e usar sangria do documento

depois clique em SAVE PDF

NAAMÃ LIMATATUADOR


ferramentasPRONTO!PODE MANDAR PRA GRÁFICA


CENAS DOPRÓXIMO CAPÍTULO

NÃO PERCAM!

ANATOMIA TIPOGRÁFICA!

DE SEGUNDA A SEXTA Na MESMa unidade ZION

TEORIA DAS CORESGESTAULT& MUITO MAIS SOFTWARES...

fundamentos básicos do design gráfico

Design