Design Gráfico Contato E-mail: design.grafico@shawacademy.com www.shawacademy.com/pt
Olá! Este Starter Pack destina-se a dar-lhe uma melhor compreensão do que é o design gráfico, o que fazemos e como o fazemos. Divirta-se!! Design Gráfico, também conhecido como design de comunicação, é a arte e a prática de projetar idéias e experiências com conteúdo visual e textual. A forma de comunicação pode ser física ou virtual, e podem incluir imagens, palavras ou formas gráficas. O trabalho pode acontecer a qualquer escala, desde a concepção de um selo único para um sistema nacional de sinalização postal, ou a partir de avatar de uma empresa para o conteúdo de um jornal internacional. Ele também pode ser para qualquer fim, seja comercial, educacional, cultural ou político. 2
O que é Design Gráfico? A arte ou profissão de comunicação visual que combina imagens, palavras e idéias para transmitir informações para uma audiência. " 3
O que os Designers Fazem Somos comunicadores visuais e encontramos soluções visuais para problemas. 4
Designers Gráficos combinam arte e tecnologia para comunicar ideias através de imagens em layouts nas telas da web e páginas impressas. Eles podem usar uma variedade de elementos de design para obter efeitos artísticos ou decorativos. Eles desenvolvem o layout geral e design de produção para anúncios, folhetos, revistas e relatórios corporativos.. Os designers gráficos trabalham com textos e imagens. Eles muitas vezes selecionam o tipo, fonte, tamanho, cor e comprimento de linha de manchetes, títulos e texto. Os designers gráficos também decidir como imagens e textos combinam em uma página ou tela, incluindo a quantidade de espaço que cada um terá. Ao usar texto em layouts, eles colaboram estreitamente com escritores que escolhem as palavras e decidem se as palavras serão postas em parágrafos, listas ou tabelas. O seu trabalho envolve tipicamente: Criar um Briefing Desenvolver Mensagem Criar um Design Publicar Reúna-se com clientes ou o diretores de arte para determinar os objetivos de um projeto. Determinar a mensagem que o design deve propagar. Criar um design que identifique um produto e transmita a mensagem. Apresentar o projeto para clientes. Incorporar as alterações recomendadas pelos clientes para o design final. Analisar projetos antes de publicar. 5
O que nós Usamos Produtos Adobe se tornaram o padrão da indústria em relação a edição gráfica. Photoshop Illustrator InDesign Adobe Photoshop Adobe Illustrator Adobe InDesign Photoshop permite que você crie de forma fantástica, fotos, design, illustrações, 3D, vídeos e muito mais. Illustrator é a aplicação de gráficos vetoriais padrão da indústria que permite criar logotipos, ícones, desenhos, tipografia e ilustrações complexas para qualquer meio. InDesign é o padrão da indústria na Criação, aplicação e publicação de documentos de alta qualidade em todo o espectro da mídia digital e de impressão. 6
Formatos de arquivos Gerais Se você é uma das muitas, muitas pessoas que encontraram-se oprimido pelo grande número de formatos de arquivo que a Adobe apresenta-nos ao tentar salvar um imagem, uma boa notícia! Você pode ignorar a maioria deles! PSD - formato de arquivo nativo do Photoshop. JPEG - formato para visualização e compartilhamento de fotos digitais. GIF - formato de escolha para gráficos web. PNG - um formato de arquivo sem perdas e suporta transparência. TIFF - padrão universalmente aceite para imagens destinada para impressão comercial. EPS - (Encapsulated PostScript) é outra impressão formato padrão da indústria. PDF - apoia e preserva todos os recursos do Photoshop, incluindo a capacidade de usar cores especiais Adobe Illustrator (ai) Illustrator eps (eps) Illustrator Template (ait) Adobe PDF arquivo que suporta tanto vetores quanto informações rasterisadas de bitmap. SVG (svg) - Scalable Vector Graphics são utilizados no mundo WWW da web. INDD Formato de arquivo native do InDesign. 7
Teclas de Atalho Photoshop Produtos Adobe tornaram-se o padrão da indústria na edição de gráficos. Adobe Photoshop Photoshop permite que você crie de forma fantástica, fotos, design, illustrações, 3D, vídeos e muito mais. 8
9
Teclas de Atalho Illustrator Produtos Adobe tornaram-se o padrão da indústria na edição de gráficos. Adobe Illustrator Illustrator é a aplicação de gráficos vetoriais padrão da indústria que permite criar logotipos, ícones, desenhos, tipografia e ilustrações complexas para qualquer meio. 10
11
Teclas de Atalho InDesign Produtos Adobe tornaram-se o padrão da indústria na edição de gráficos. Adobe InDesign InDesign é o padrão da indústria na Criação, aplicação e publicação de documentos de alta qualidade em todo o espectro da mídia digital e de impressão. 12
13
Elementos do Design Elementos do design são o que usamos para fazer o nosso design. Pense neles como ingredientes. N No design gráfico existem elementos chave que nos permite transmitir a mensagem de forma clara. Estes elementos compõem o nosso design. 14
Linha Formato Cores Uma linha é uma marca entre dois pontos. Existem vários tipos de linhas de retas à curvas e muito mais. As linhas podem ser usadas para sublinhar uma palavra ou frase, ligando o conteúdo uns aos outros, criando padrões e muito mais. Altura + largura = Formato. Existem 3 tipos básicos de forma geométricos (triângulos), naturais (folhas) e abstratas (ícones). Podem ser usadas para atrair a atenção. Cores são utilizadas para gerar emoção, definir importância, criar interesse visual e muito mais. Textura Massa / Tamanho Espaço Refere-se a textura da superfície de um objeto; a aparência ou sensação dele. Usando textura em design é uma ótima maneira de adicionar profundidade e interesse visual. Massa é quão grande ou pequeno algo está. Use massa para definir importância, criar interesse visual em um projeto, atrair a atenção e mais. O espaço é a área ao redor ou entre elementos em um projeto. Isso pode ser usado separar informações de um grupo. Precisamos usá-lo efetivamente para dar descanço ao olho, definir importância e conduzir os olhos na visualização. 15
Princípios do Design Os princípios do design são o que podemos fazer com os elementos de design. Pense neles como a receita. O Os princípios do Design são o que podemos fazer com os elementos de design. Como nós aplicamos isso determina o sucesso que o design terá. 16
Alinhamento Balanço Contraste Alinhamento nos permite criar ordem e organização. Como alinhar os elementos que lhes permite criar uma ligação visual uns com os outros. O peso distribuído no projeto pela colocação de seus elementos proporciona estabilidade e estrutura para um projeto. POR EXEMPLO. Uma grande forma perto o centro pode ser equilibrado por uma forma pequena perto da bordadge. O contraste é a justaposição de elementos opostos (cores opostas na roda de cores, ou valor de luz / escuro, ou a direção horizontal / vertical). Proximidade Repetição A proximidade é simplesmente o processo de garantir que os elementos do design relacionados estejam agrupados. Proximidade indica que os itens estão conectados e ajuda a organizar ou dar estrutura a um layout. Repetição fortalece um projeto amarrando juntos os elementos individuais. Ele ajuda a criar associação e consistência. 17
Modelos de A Roda de Cores Cores A roda de cor é uma das ferramentas mais úteis encontrados na arte. Pode dizer-lhe tudo o que você precisa saber em um relance. A cor é uma das ferramentas mais poderosas que um designer possui. Entender como cor nos afeta é fundamental na comunicação de mensagens de forma eficaz. 18
CORES QUENTES CORES FRIAS 19
SUBTRATIVO Criado com tinta. Começa com branco. Adiciona cores. CMYK COLOUR TYPES SIGNIFICADO DAS CORES Intense, Fogo & Blood, Energia, Guerra, Perigo, Amor, Apaixonado, Strong Luz do sol, Alegria, Alegria, Intellect, Energia, Getter da atenção Natureza, crescimento, fertilidade, Frescura, Healing, Segurança, Dinheiro Céu, Mar, Profundidade, Estabilidade, Confiança, Masculino, Tranquilo Quente, Estimulante, entusiasmo, Felicidade, Sucesso, criativo, Outono Realeza, Energia, Nobreza, Riqueza, Ambição, digno, Mysterious CMYK PRIMARIAS SECUNDÁRIAS TERCIÁRIAS COMPLEMENTARES ANÁLOGAS 20
ADITIVA Criada com luz. Começa com Preto. Adiciona cor. RGB RGB CORES - TERMOS Matiz - é cor (azul, verde, vermelho, etc.). Chroma - é a pureza de uma cor (puro croma não tem adicionado preto, branco ou cinzento). Saturação - se refere a quão forte ou fraco é uma cor (alta saturação = forte). Valor - refere-se a quão clara ou escura é uma cor (luz tendo um alto valor). Tonalidade - são criados pela adição de cinza para uma cor, tornando-o mais maçante do que o original. Tonalidade - são criados pela adição de preto a uma cor, tornando-se mais escura do que o original. Os tons - são criados pela adição de branco à uma cor, tornando-o mais leve do que o original. RELAÇÃO DAS CORES MONOCROMÁTICA COMPLENTAR COMPLEMENTARES DIVIDIDAS ANÁLOGAS TRÍADES 21
Entendendo a Tipografia A tipografia é, simplesmente, a arte e a técnica de arranjar os tipos. A tipografia é uma forma de arte que existe a centenas de anos. Palavras e texto estão à nossa volta todos os dias em quase tudo o que fazemos. Muitas vezes nós designers gráficos somos os de decidimos como os textos serão organizados, em nossas brochuras, o nosso logotipos, nossos sites e assim por diante. Em cada desigen com letras envolvidas, alguém considerou como as letras, frases e parágrafos ficariam em ordem para que possamos ler. Quanto melhor fizemos nosso trabalho neste aspecto, mais eficazes nossos projetos serão. 22
23
Recursos de um Design Gráfico Partindo de uma simples idéia para uma experiência totalmente inesquecível A internet está cheia de grandes recursos, aqui estão alguns exemplos para você começar! 24
TESTE GRATUITO ADOBE creative. adobe.com/ products/ Imagens Grátis: https://pixabay.com/ Aqui você irá encontrar alguns links úteis. http://dryicons.com/ https://unsplash. com/ Fontes Grátis: http://www.dafont. com/ 25