Introdução à Computação Gráfica e à Editoração Eletrônica

Prévia do material em texto

Computação Grá�ca e Editoração Eletrônica
Aula 1: Introdução à Computação Grá�ca e à Editoração
Eletrônica
Apresentação
Nesta aula, faremos a introdução e um breve histórico da computação grá�ca e da editoração eletrônica. No início dos
anos 1950, cientistas da Tecnologia da Informação sentiram a necessidade de transformar os dados do computador em
imagens para oferecer uma interface ao usuário capaz de favorecer a interatividade entre o homem e a máquina.
Há muito que as imagens fazem parte da comunicação. Atualmente, as imagens digitais estão presentes em todas as
áreas, desde a medicina à comunicação, exigindo softwares especí�cos para a manipulação de imagens 2D e 3D.
Veremos que os programas da Adobe Creative Cloud atendem aos pro�ssionais da indústria criativa e serão aprendidos
na disciplina. Para entender a editoração eletrônica, é necessário conhecer as técnicas sobre bits e pixels, imagens bitmap
e vetoriais, escalas de cores, resolução da imagem, fechamento e extensões de arquivos e os princípios básicos do design
e da composição visual.
Objetivos
Apontar os fundamentos e a história da computação grá�ca e da editoração eletrônica, bem como os princípios do
design;
Distinguir os principais softwares de computação grá�ca para editoração eletrônica;
Identi�car as imagens bitmap e vetoriais, reconhecendo as escalas de cor;
Palavras iniciais
Esta aula introduzirá os conhecimentos sobre a editoração eletrônica, que é um campo da computação grá�ca, e apresentará
os softwares de edição de imagens e textos mais utilizados no mercado.
Os softwares de editoração eletrônica foram elaborados para que os
pro�ssionais em publicidade e jornalismo possam criar e produzir
páginas impressas ou digitais com imagens, textos e elementos
grá�cos.
O Photoshop foi desenvolvido para a manipulação de imagens
bitmap, enquanto o Illustrator foi criado para as imagens vetoriais.
Conheceremos as técnicas em relação à resolução da imagem, como usar a imagem bitmap e a vetorial, quais os programas
mais indicados para cada uma delas, como são feitas as imagens 2D e 3D, quais as extensões dos programas grá�cos e como
devemos fechar um arquivo.
Finalmente, aprenderemos os fundamentos do design para a diagramação de páginas.
Fundamentos da computação grá�ca e da editoração eletrônica
A computação grá�ca
O termo computer graphics surgiu da união das palavras computer (computador) + graphics (grá�cos), disciplina que trata as
teorias, métodos e técnicas de representação, cálculos e visualização de grá�cos e gra�smos.
Existem diversas de�nições para computação grá�ca, dentre elas, a da International Standards Organization - ISO: métodos e
técnicas utilizados para converter dados para um dispositivo grá�co através de um computador.
Para James D. Foley (1995), computação grá�ca - CG é a criação,
armazenamento e manipulação de modelos de objetos e suas imagens via
computador.
A CG tem um amplo conjunto de técnicas aplicadas à criação e manipulação de imagens 2D e 3D, animações e vídeos que são
possíveis através da representação matemática e grá�ca dos objetos.
Renata Silva (2015) cita o termo CGI, computer-generated imagery (imagens geradas por computador), que se refere a uma
visão ampla da CG, englobando todas as possibilidades de manipulação de imagens realizadas por pro�ssionais de Design
Grá�co, Design de Produto, Animação, Design de Game, Direção de Arte em Publicidade, Edição de Vídeos, Modelagem 3D e
Artes Visuais.
Saiba mais
O primeiro computador a apresentar uma interface grá�ca foi o Whirlwind I, desenvolvido pelo Instituto de Tecnologia de
Massachusetts - MIT em 1950, que foi utilizado para a produção e exibição de vídeos.
Este computador surgiu unicamente com �nalidade acadêmica e depois passou a atender às necessidades militares de
monitoramento e controle de voos, desenvolvidas pela defesa aérea dos EUA.
A computação grá�ca está presente em nosso dia a dia desde as imagens de diagnósticos em medicina aos jogos digitais, da
indústria do entretenimento ao treinamento de pro�ssionais por simuladores. Para cada área existe um sistema operacional
especí�co.
Clique nos botões para ver as informações.
A sigla CA é a abreviação de computer-aided (assistido por computador). Em CAD, o D é de design; em CAD/CAM, o M de
é manufacturing (manufatura) e atualmente é possível passar do desenho 3D para a modelagem em impressora 3D; em
CAD/CAE, o E é de engineering (engenharia). 
O sistema CAE tem técnicas avançadas do CAD capaz de de�nir os acabamentos, materiais e até mesmo medir as
relações externas do objeto, como a temperatura.
CAD|CAM|CAE 
Animação e efeitos especiais, como os programas das suítes Adobe e Corel Draw para publicidade e entretenimento. As
técnicas desta área são responsáveis pela geração de imagens e textos e permitem a introdução de som, movimento e
interatividade;
Animação e efeitos especiais 
Apresentação grá�ca de dados usados em economia, administração e estatística, com o uso dos programas da
Microsoft O�ce;
Apresentação grá�ca de dados 
Visualização de dados tridimensionais produzidos por simulação ou coletados por equipamentos diversos como, por
exemplo, tomógrafos e satélites meteorológicos.
Visualização de dados tridimensionais 
As imagens no campo bidimensional, isto é, representadas em suportes como o papel, monitor do computador, tela da TV,
dentre outros, podem simular duas dimensões: 2D e 3D.
javascript:void(0);
 Objetos 2D: imagens bidimensionais
Objetos 2D: imagens bidimensionais são realizadas em
duas dimensões – altura e comprimento, nos eixos
cartesianos Y (vertical) e Z (horizontal). São �guras planas
que não oferecem uma percepção de profundidade. A
escrita é incluída na forma bidimensional.
Objetos 3D: imagens tridimensionais são construídas em
três dimensões, segundo o tri-eixo cartesiano Y (altura), Z
(comprimento) e X (profundidade). O mundo em que
vivemos é tridimensional e pode ser representado sobre
superfícies planas adotando a geometria descritiva.
Isso quer dizer que adotamos uma técnica que, através da
ilusão ótica, sugere uma profundidade muito próxima da
realidade.
 Objetos 3D: imagens tridimensionais
 Os principais campos da computação grá�ca
 Clique no botão acima.
Graphical user interface - GUI: signi�ca interface grá�ca com o usuário. Dispositivos como mouse, teclado e
principalmente a interface grá�ca das telas dos computadores foram criados para garantir uma interação entre o
homem e a máquina. A primeira máquina com tecnologia GUI foi o MEMEX , criado por Vannevar Bush, em 1945.
 
Traçado interativo de grá�cos e visualizações: visualização de dados através de grá�cos . A visualização de dados
pode ser aplicada de inúmeras formas, desde painéis empresariais até visualizações sobre saúde pública e análises de
tendências de moda.
 
Computer aided design - CAD: permite que os projetistas desenvolvam suas ideias de forma mais rápida e e�caz.
Além de possibilitar algumas simulações, como iluminação, é possível produzir o objeto em impressoras 3D.
 
Realidade virtual: Jaron Lanier, fundador da VPL Research Inc., criou o termo realidade virtual na década de 1980, para
diferenciar as simulações tradicionais feitas por um computador para uma multiplicidade de usuários em um ambiente
compartilhado.
 
É considerada a forma mais avançada de interação homem/ máquina. Trata-se de uma interface que simula um
ambiente real e permite aos participantes interagir com ele, (Latta, 1994) possibilitando às pessoas visualizar,
manipular e interagir com representações extremamente complexas. (Aukstakalnis, 1992)
 
O �lme Matrix é um exemplo do uso da realidade virtual.
   
javascript:void(0);
javascript:void(0);
javascript:void(0);
1940
Automatic calculator (AC) Os primeiros computadores eram calculadoras gigantescas e lentas usadas para �ns militares.
1950
Computadores mais rápidos com o uso da técnica transistor. Em 1951 surge o primeiro computador com computação
grá�ca.1960
Em 1963 o protótipo do primeiro mouse foi criado por Douglas Engelbart, aperfeiçoado pela IBM e comercializado em 1970
pela Telefunken.
1970
Surge o microcomputador e a Apple. Surgimento da cultura digital, com a criação do PC Apple I, personal computer.
1980
Steve Jobs, da Apple, em parceria com a Microsoft, cria o Macintosh, primeiro sistema operacional com interface grá�ca.
Em 1982 é fundada pela Adobe.
Editoração Eletrônica: é a edição de publicações intermediada por computador que oferece um resultado com
qualidade igual ou superior ao processo convencional.
Editoração eletrônica
O desktop publishing - DTP, editoração eletrônica ou diagramação eletrônica, é o campo da computação grá�ca que se dedica à
composição de páginas realizadas no computador.
O DTP surgiu em 1985 com o programa PageMaker, criado pela Aldus Corporation, e com a impressora LaserWriter da Apple
Computer.
Hardware, software e impressora interligados permitiram a criação de layouts vistos no monitor do computador e
imediatamente impressos. Este avanço foi um marco para os pro�ssionais das artes grá�cas, que ganharam rapidez e
realismo em seus projetos.
javascript:void(0);
Com o passar do tempo, os programas grá�cos de editoração eletrônica vêm se tornando mais acessíveis, com interfaces
mais interativas e com soluções grá�cas mais so�sticadas, permitindo que usuários não especialistas possam criar
publicações ou retocar fotogra�as com qualidade pro�ssional.
Atenção
Programas básicos de edição de texto, como os da Microsoft Word, se incluem na editoração eletrônica.
 Shutterstock Por Rawpixel.com
Principais softwares para editoração eletrônica
Photoshop, Illustrator e InDesign são os três principais programas para editoração eletrônica da Adobe, empresa criada em
dezembro de 1982 por Charles Geschke e John Warnock.
A Adobe desenvolve programas de edição de imagem e texto para os sistemas operacionais Windows e OS da Apple. Para
quem está aprendendo, a Adobe disponibiliza tutoriais e guias de usuários.
Clique nos botões para ver as informações.
O Photoshop 1.0 foi lançado comercialmente em 1990 e dependia de um computador com apenas 2MB de Memória RAM.
Em outubro de 2018, foi lançado o Adobe Photoshop CC (20,0) que apresenta, dentre muitas novidades, recursos
avançados para grá�cos 3D e webdesign.
Photoshop 
O Illustrator é o software para o desenvolvimento de grá�cos vetoriais ideal para criar marcas, desenhos, tipogra�as,
layouts e ilustrações. Sua primeira versão surgiu em 1987 e mudou o rumo da Adobe, que até então se ocupava apenas
com o Adobe PostScript.
O �lme The Adobe Illustrator Story Documentary revela que, no início, os críticos diziam que o programa iria acabar com a
carreira dos designers e outros artistas visuais, mas John Warnock e Charles Geschke a�rmaram que o que diferencia o
designer do usuário é a criatividade.
A interface do Illustrator é parecida com a do Photoshop, mas tem recursos especí�cos para a vetorização.
Illustrator 
O InDesign foi lançado em 1999 e substituiu o programa PageMaker, desenvolvido pela Aldus, empresa comprada pela
Adobe em 1994. (SILVA, 2015)
É um software dedicado ao desktop publishing, pois foi totalmente desenvolvido para a criação e a diagramação de
páginas para impressão e mídia digital, podendo criar formulários e livros interativos.
A interface do Indesign é semelhante ao do Photoshop e do Illustrator, mas seu diferencial é trabalhar com páginas
sequenciais lado a lado.
InDesign 
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online