APLICAES GRFICAS Apresentao da Disciplina e Conceitos Iniciais

Prof. Eudis Teixeira

eudis.oliveira@ifsertao-pe.edu.br

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
2

A lio dos Gansos

Objetivo: Vivncia em Grupo; Disposio: Equipes (5); Texto A lio dos Gansos Tempo esperado: 10min

Lies ?

Reflexes extradas; Associaes com relaes humanas; Consenso do grupo; Relaes individuais;
o o

At que ponto buscamos a mesma direo, quando em grupo? Que tipo de relao estabeleo com os que lideram?

Apresente-se!

Nome?. Desenvolve alguma atividade extra classe? Experincia com designer grfico? Perspectivas quanto disciplina?

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
6

Descrio da Disciplina

A disciplina Aplicaes Grficas objetiva preparar os alunos da Licenciatura em Computao em conceitos bsicos e prticas de design (vetorial e matricial) centrado no usurio, utilizando softwares livres. Disciplina ministrada em aulas de 4 crditos, divididas em tericas, prticas e de resolues de aulas atividade, sendo estas ministradas ao final de cada aula e/ou tema.

Disciplina em 60 horas/aulas, com durao mdia de 45 minutos cada. Dvidas podero ser postadas via grupo da Disciplina no Facebook ou no decorrer das aulas. Sugesto : comear a estudar e praticar ferramentas livres de design como Inkscape | Gimp e Proprietrias Corel Draw | Photoshop.
7

Descrio da Disciplina
METODOLOGIA

Aulas expositivas;

Aulas Atividade;
Seminrios e Projetos; Atividades Assncronas.

RECURSOS DIDTICOS
Utilizao de quadro branco; Computador (Internet); Projetor multimdia; Materiais de Papelaria.
8

Descrio da Disciplina
INSTRUMENTOS E CRITRIOS AVALIATIVOS

Avaliao Formativa;
Avaliao Somativa; Interao Assncrona. DAMASCENO, Anielle. Webdesign: Teoria e Prtica. Florianpolis: Visual Books, 2003;

REFERNCIAS BSICAS

MILANI, Andr. Gimp: Guia do Usurio. 2. ed. Novatec Editora, 2008;

MARTINS, Jonsue Trapp; PESSOA, Patrcia Nunes; MARTINS, Walter. Inkscape: Usurio Iniciante.

CELEPAR, 2008. Disponvel em: <www.celepar.pr.gov.br/>. Aceso em: 03 jan.

2009.
9

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar? Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
10

Contedo Programtico Linha do Tempo

11

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar? Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
12

Como estudar?

Nvel de Conhecimento Evolutivo (sem especializao no incio)

13

Como estudar?

Nvel de Conhecimento Evolutivo (Nvel 1)

14

Como estudar?

Nvel de Conhecimento Evolutivo (Nvel 2)

15

Como estudar?

Nvel de Conhecimento Evolutivo (Nvel 3)

16

Como estudar?

Nvel de Conhecimento Evolutivo (Nvel 4)

17

Como estudar?

Nvel de Conhecimento Evolutivo (Nvel 5)

18

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
19

Histrico das Aplicaes Grficas

A computao grfica estuda a transformao de dados em imagens. A CG nasce no incio dos anos 60 com um potencial imenso, porm, condicionada por:
o o o

Custos iniciais elevados (computao e hardware); Incompreenso dos processos associados gerao de imagens; Complexidade de softwares aplicativos e de sistema.

Marcos
o o o o

Vrias fundaes pr-histrica de destaque; Desenvolvimento da Tecnologia dos TRC (1885); Construo da 1 Televiso (1926); Construo do 1 Computador (1930);
20

Histrico das Aplicaes Grficas

Marcos (cont.)
o o

Sistema de Televiso cores (1938); O MIT faz 1 Ligao de um ecr com capacidades grficas ao computador de mdio porte TX-1 (1958);

o o o o o o

Primeiro jogo de computador (1961); Primeiros efeitos especiais para filme (1961); Primeiro sistema de desenho interativo usando primitivas grficas 2D (1963); Inveno do Mouse (1963); Primeiro anncio comercial baseado em tcnicas de CG (1969); A dcada de 60 ficou marcada pelo grande atividade de pesquisa em

algoritmos, mtodos e tcnicas para CG;

21

Histrico das Aplicaes Grficas

Marcos (cont.)
o o o

Dcada de 70: Criao das empresas Microsoft e Aplle; Progressos na visualizao 3D; Criao de Animaes Curtas em 3D;

o
o o o o o o

Novos hardwares grficos so criados;

Dcada de 80: Computador Pessoal (PC); Animaes 3D realistas;

Diversas Empresas (Pixar, Lucas Film, SGI, Adobe);

Surgimento dos Processadores Grficos; Dcada de 90: Estaes Grficas de Trabalho e WWW; Lanamento de Filmes (Terminator II, Jurassic Parc, Toy Story) e Consoles (Play Station);
22

Histrico das Aplicaes Grficas

Marcos (cont.)
o

Lanamento de Filmes (Terminator II, Jurassic Parc, Toy Story) e Consoles (Play Station e Nintendo64); Surgimento de empresas dedicadas ao hardwares grfico (IBM, ATI, 3dfx, Nvidia,

etc);
o o o

Anos 2000: Plataforma comum para CG o PC; ... (filmes, consoles, hardwares e softwares aperfeioados)

Contexto Atual da CG: Congregao de Indstrias

Cinema, Vdeo, Lazer, etc.

Fontes:

Foley et al; Introduction to Computer Graphics; AW; 1994;

Costa, A. Cardoso; Histria da Computao Grfica, ISEP/IPP.
23

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
24

Contextualizao

Quanto Grade Curricular

o

Esta disciplina apresenta-se no 4 semestre do curso de Licenciatura em Computao do IF Serto PE, tendo por objetivo o domnio dos

conceitos e ferramentas bsicas vetoriais e matriciais.

Quanto ao Mercado de Trabalho

o

Design de produtos, softwares, mdias para educao, Publicidade, etc.

Quanto rea de Pesquisa

o

uma rea que oferece diversas possibilidades de pesquisa, geralmente em conjunto com outras reas e cincias como : IA, Bancos de Dados, IHC, Sistemas Digitais, Publicidade, etc.
25

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
26

Conceitos Iniciais | Aplicaes Grficas

Definio | Informao Visual Dimensional

27

Conceitos Iniciais | Aplicaes Grficas

COMPUTAO GRFICA
o

rea da Cincia da Computao que estuda a transformao dos dados em imagem. Esta aplicao estende-se recriao visual do mundo real

por intermdio de frmulas matemticas e algoritmos complexos.

Algumas aplicaes Grficas:

o o

Criao e Edio de Imagens Vetoriais e Matriciais.

Criao e Edio de Interfaces

Aplicativos (desktop e web).

Grficas para Softwares

Bsicos e

Artes, Arquitetura, Design de Produto, Animaes, Jogos, Cinema, Engenharia, Geoprocessamento, Medicina e Design Visual.
28

Conceitos Iniciais | Aplicaes Grficas

IMAGEM | Informao visual dimensional, podendo ser um desenho ou uma fotografia, tambm pode ser capturada por IHC como tambm pelo olho humano.

PIXEL | Picture Element (contido em imagens digitais), menor elemento

de uma imagem digital sintetizadas visualmente num dispositivo de

exibio, representados em forma de matrizes.

DPI | Dotch Per Inch, Pontos por polegada, nmero de pontos individuais
que existem em uma polegada da superfcie da imagem. RENDERIZAO | Processo de gerar uma imagem a partir de modelos em um mundo tridimensional.
29

Conceitos Iniciais | Imagens Geradas Totalmente por Computao Grfica

30

Conceitos Iniciais | Aplicativos Grficos

Desenho Vetorial | Ilustrator, Corel Draw e Inkscape. Desenho Matricial | Adobe Photoshop, Corel Photo Paint e Gimp.

Visualizadores | XnView, IrfanView e Ulead Photo Explorer.

CAD | AutoCad, FreeCad, Qcad, DataCAD e Corel Designer.

Edio de Vdeo | After Effects, VirtualDub, Adobe Premiere,

Sony Vegas, Cinelerra e Final Cut. Modeladores e Animadores 3D | SolidWorks, SketchUp, Blender, 3D Studio MAX, Cinema 4D e Maya.
31

Conceitos Iniciais | Sistemas de Cores

Os Sistemas de cores (padres) mais utilizados em Aplicativos Grficos:

RGB CMYK

32

Conceitos Iniciais | Modelo de Cor RGB

Conhecido como modelo de cor da luz, composto por trs cores primrias. R (Red) G (Green)

B (Blue) Pode variar entre os 256 nveis de cada cor

33

Conceitos Iniciais | Modelo de Cor CMYK

Utilizado na Indstria Grfica para os diversos processos de Impresses.

C (Cian)
M (Margenta) Y (Yelow) K (Black) Pode variar de 0 a 100% da aplicao de cada cor
34

Imagens Vetoriais
FORMATOS DE IMAGEM

SVG Scalable Vectorial Graphics.

Formato padro do Inkscape, utilizado para descrio

vetorial de desenhos e grficos bidimensionais.

Imagens Vetoriais
FORMATOS DE IMAGEM

JPG Joint Photographic Experts Group.

Formato de armazenamento de imagens, principalmente

fotografias, com at 17 milhes de cores.

Imagens Vetoriais
FORMATOS DE IMAGEM

PNG Portable Network Graphics .

Formato de armazenamento de imagens que substituiu o

formato GIF.

APLICATIVOS GRFICOS Formatos de Dados Grficos

Formato Matricial

Formato Vetorial

Formatos Bsicos
O formato vetorial utilizado, em geral, para descrever a

estrutura geomtrica dos objetos grficos, enquanto o

formato matricial esta frequentemente associado a

imagem digital.

Formato Vetorial
No formato vetorial, os dados so representados por

unidades

bsicas

de

informao

descritas

por

coordenadas em um espao vetorial.

Figura: Formato Vetorial

Exemplos Imagens Vetoriais

Ferramenta Utilizada | Inkscape

O Inkscape um software livre, que serve para editorao

de imagens vetoriais. Ele derivado do Sodipodi, que foi

um dos primeiros Softwares Livre para editorao de

vetores.

Interface Grfica - Inkscape

Formato Matricial
No formato Matricial trabalhamos com as imagens digitais.

Uma imagem digital uma matrix M x N onde cada elemento

da matriz e um elemento de um espao vetorial V

Figura: Mapa de Bits

Exemplos Imagens Matriciais

Ferramenta Utilizada | Gimp

O Gimp um Software Livre (GNU GPL) utilizado para

manipulao de imagens digitais (matriciais)

Interface Grfica - Gimp

Ferramenta Auxiliares

Corel Draw Photoshop

Corel Draw
CorelDraw um programa de desenho vetorial

bidimensional para design grfico Desenvolvido pela Corel

Corporation, Canad.

um aplicativo de ilustrao vetorial e layout de pgina

que possibilita a criao e a manipulao de imagens.

Interface | Corel Draw

Photoshop
Adobe Photoshop um software para edio de imagens

bidimensionais do tipo matricial desenvolvido pela Adobe

Systems. considerado o lder no mercado dos editores de

imagem profissionais.

Interface | Photoshop

O que Software Livre

O que Software?

Cdigo Fonte X Cdigo Executvel

Software Livre

Razes na livre troca de Conhecimentos e pensamentos

Caracterizado por quatro Liberdades:

Executar o Software para qualquer uso Estudar o funcionamento e adapt-lo s suas necessidades Redistribuir cpias Melhorar o Software e tornar as modificaes pblicas para o benefcio da comunidade

Concluindo
O Futuro Livre!!!

PROGRAMAO

Quem sou eu! Descrio da Disciplina.

Contedo Programtico.
Como estudar?. Histrico das Aplicaes Grficas. Contextualizao em Licenciatura em Computao. Conceitos Iniciais Aula Atividade.
56

Aula Atividade 1 | COD: ATAG001

1. Retrospecto da CG dcada a dcada em imagens (60...) e pequeno relato da origem, passado, presente e futuro da CG; 2. 3. 4. 5. O que uma imagem Defina Pixel e DPI Fale sobre os padres RGB e CMYK? Cite, conceitue e exemplifique o uso de quatro formatos de imagem que voc conhece 6. 7. Conceitue e exemplifique imagem Vetorial? Conceitue e exemplifique imagem Matricial

8.
9.

O que um Software Livre?

Pequeno histrico de uso do Software Livre Inkscape?

10. Pequeno histrico de uso do Software Livre Gimp?