Aula 1

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

*
*
Editoração Eletrônica em Design Gráfico
Prof.ª Greice Vaz
*
*
Contextualização...
Nos dias de hoje, com internet e 3D para todos os lados, a mídia impressa teve que se renovar. Por meio dos recursos disponíveis nos e-books e e-papers, e todo o material online distribuído, até mesmo as mídias mais tradicionais tiveram que se adequar ao novo perfil de consumo de informação, e por isso o DESIGN deve ser trabalhado de forma que facilite a compreensão e some ao conteúdo.
*
*
Contextualização...
Essa disciplina transmite as noções sobre layout de material impresso, organização de elementos na página e ergonomia do leitor e layout de material interativo, preparando para compreender e executar as técnicas de editoração em mídia impressa. Deve se integrar com as disciplinas de edição de imagem, português, web e redação.
*
*
Contextualização...
Essa disciplina transmite as noções sobre layout de material impresso, organização de elementos na página e ergonomia do leitor e layout de material interativo, preparando para compreender e executar as técnicas de editoração em mídia impressa. Deve se integrar com as disciplinas de edição de imagem, português, web e redação.
*
*
Ementa...
Imagem Digital;
Layout;
Manipulação de imagens;
Interatividade; e
Finalização.
*
*
Objetivo geral...
Aprender a usar textos e imagens em um projeto visualmente harmônico.
*
*
Objetivos específicos...
 Aprender a usar as ferramentas para layout de páginas para qualquer mídia impressa;
 Conhecer os termos técnicos, organizar imagens e textos em um layout de página para meios impressos e interativos.
*
*
Conteúdos...
 Unidade 1:Imagem Digital
1.1 Conceito de DPI (resolução)
1.2 Cor (RGB e CMYK)
1.3 Diferença entre imagens vetoriais e bitmap
 
*
*
Conteúdos...
 Unidade 2: Layout
2.1 Usabilidade
2.2 Grid
2.3 Formatação de textos e imagens
2.4 Hierarquia e legibilidade 
*
*
Conteúdos...
 Unidade 3: Manipulação de imagens
3.1 Acerto de imagens
3.2 Tratamento de cor
 Unidade 4: Interatividade
4.1 Links internos e externos
4.2 Uso de vídeos
4.3 Formulários
*
*
Conteúdos...
 Unidade 5: Finalização
5.1 Marcas de impressão
5.2 Geração de PDF
5.3 E-books
*
*
Conteúdos...
 Unidade 5: Finalização
5.1 Marcas de impressão
5.2 Geração de PDF
5.3 E-books
*
*
Procedimentos de avaliação...
 Avaliação 1 (AV1), Avaliação 2 (AV2) e Avaliação 3 (AV3).
 As avaliações poderão ser realizadas por meio de provas teóricas, provas práticas, e realização de projetos ou outros trabalhos. 
 A AV1 contemplará o conteúdo da disciplina até a sua realização, incluindo o das atividades estruturadas.
 As AV2 e AV3 abrangerão todo o conteúdo da disciplina, incluindo o das atividades estruturadas. 
*
*
Procedimentos de avaliação...
 Para aprovação na disciplina o aluno deverá:
 1.    Atingir resultado igual ou superior a 6,0, (média aritmética entre os graus das avaliações), sendo consideradas apenas as duas maiores notas obtidas dentre as três etapas de avaliação (AV1, AV2 e AV3). A média aritmética obtida será o grau final do aluno na disciplina.
2.    Obter grau igual ou superior a 4,0 em, pelo menos, duas das três avaliações.
3.    Frequentar, no mínimo, 75% das aulas ministradas.
*
*
Procedimentos de avaliação...
 Para aprovação na disciplina o aluno deverá:
 
1.    Atingir resultado igual ou superior a 6,0, (média aritmética entre os graus das avaliações), sendo consideradas apenas as duas maiores notas obtidas dentre as três etapas de avaliação (AV1, AV2 e AV3). A média aritmética obtida será o grau final do aluno na disciplina.
*
*
Procedimentos de avaliação...
2.    Obter grau igual ou superior a 4,0 em, pelo menos, duas das três avaliações.
3.    Frequentar, no mínimo, 75% das aulas ministradas.
*
*
Mapa conceitual...
*
*
Mapa conceitual...
*
*
O processo digital...um pouco de história
A imagem digital é um subproduto da guerra fria e da exploração espacial, onde os cientistas tiveram que desenvolver uma maneira de enviar imagens captadas em locais distantes para os centros de pesquisa na terra. 
*
*
O processo digital...um pouco de história
Cada pequeno ponto de imagem (pixel) é transformado em números e depois em impulsos elétricos transmitidos através do espaço. Estas imagens eram digitalizadas na resolução de 800X800 pixels totalizando 640.000 elementos individuais de imagem para compor cada foto. 
*
*
O processo digital...um pouco de história
Antes mesmo do advento das câmeras digitais, já se usavam programas de editoração de imagens como o Adobe Photoshop, o Letraset e outros desde o final dos anos 80. 
*
*
O processo digital...um pouco de história
As primeiras câmeras digitais chegaram ao mercado no início dos anos 90 (padrão profissional) e depois tornaram-se acessíveis com diversos lançamentos (Apple , Fuji , Nikon , Casio , Sharp , Canon , Epson , Kodak e outras marcas). 
*
*
O processo digital...um pouco de história
O processo digital não está restrito à captação da imagem por uma máquina fotográfica, podem ser digitalizadas através de scanners.
O conceito de Imagem Digital ainda permanece nebuloso.
*
*
O processo digital...um pouco de história
Existem novos termos, novos procedimentos e novos processos envolvidos, surgem a cada desdobramento da tecnologia novos equipamentos que devem ser dominados, softwares que devem ser aprendidos e linguagens a serem conhecidas e desenvolvidas.
*
*
Definições associadas à Imagem Digital...
 Processo específico de transformar imagens em dados digitais, enquanto Imagem Eletrônica engloba todas as formas de fotografar, tanto as digitais quanto as analógicas .
*
*
Definições associadas à Imagem Digital...
 A Imagem Digital depende de:
 captação (tirar uma foto e colocá-la dentro de um computador);
 manipulação (tratamento e modificação da imagem); e
 produto final (várias formas de saída para a imagem digitalizada).
*
*
Imagens digitais...
 Imagens são uma ferramenta importante na mídia impressa, principalmente em revistas. No mundo, multimídia de hoje, as imagens podem vir de: recursos online, CDs e DVDs, mas também de ilustrações, pinturas, impressões, transparências e etc.
*
*
Bitmap...
 Imagem formada por um número fixo de pixels ou pontos. Quanto mais frequentes e menores forem os pontos, mais nítida e detalhada será a imagem produzida.
 As imagens bitmap podem ser facilmente coloridas para criar efeitos visuais intensos.
*
*
Bitmap...
*
*
Bitmap...
*
*
Vetor...
 Imagem que contem muitos objetos individuais e escalonáveis definidos por fórmulas matemáticas.
 A imagem vetorial pode ser mostrada em qualquer tamanho, pois não depende de resolução, mas não é adequada para reproduzir tons sutis e contínuos de fotografias.
*
*
Vetor...
Design
*
*
Vetor x Bitmap
*
*
DPI (dots per inch – pontos por polegada)...
 Medida de quantos pontos de tinta uma impressora pode colocar em uma polegada. Para a impressão offset, uma resolução de 300 dpi é o padrão, embora trabalhos de impressão de qualidade mais alta necessitam de valores mais altos.