38660213 Apostila Arte Digital

ESTA OBRA PODE SER REPRODUZIDA E DISTRIBUDA PARCIAL OU INTEGRALMENTE DESDE QUE CITADA A FONTE.

VENDA PROIBIDA

CID COORDENADORIA DE INCLUSO DIGITAL

IDORT INSTITUTO DE ORGANIZAO RACIONAL DO TRABALHO

EQUIPE DE CAPACITAO REA OFICINAS

FERNANDA BENGEZEN

MONICA CONRADO

MARCELO FARIA

EQUIPE DE CAPACITAO REA TCNICA

DANIEL MARTINS

DOUGLAS DINIZ

PAULO BOCCATTO

Site: www.telecentros.sp.gov.brE-mail:[email protected]

ndice

Objetivo .............................................................................. 1

Justificativa .......................................................................... 2

Introduo .......................................................................... 3

Arte Digital .......................................................................... 4

Direitos Autorais ................................................................... 5

Introduo ao KolourPaint ...................................................... 7

Caixa de Cores ..................................................................... 13

Estudo das cores .................................................................. 14

Cores no computador ............................................................ 15

Efeitos de imagem ................................................................ 16

Introduo ao GIMP .............................................................. 22

Seleo Retangular ............................................................... 24

Seleo Elptica .................................................................... 24

Pincel .................................................................................. 24

Borracha .............................................................................. 25

Exerccio proposto ................................................................. 25

Plano de aula........................................................................ 29

Bibliografia ........................................................................... 31

Sites para atividades.............................................................. 32

Introduo Arte Digital 1

Objetivo

Estimular a criao artstica para possibilitar a expresso do

potencial criativo dos participantes permitindo o contato com o mundo

da arte e o uso de ferramentas de manipulao, edio e produo de

imagens digitais. Esta nova perspectiva conta com ferramentas

digitais que fazem o trabalho de um pincel virtual.


Justificativa

Essa oficina foi desenvolvida com intuito de estimular e

desenvolver a criatividade dos profissionais, o senso artstico e a

habilidade em manipular as ferramentas do KolourPaint e as

ferramentas bsicas do GIMP, com a criao de desenhos e atividades

relacionadas.


Introduo

A Arte Digital a ligao de dois conceitos: Arte e Digital.

Refere-se arte que produzida por um meio digital, o computador,

e estende-se a diversas reas das artes.

Segundo BONETTI (COS-PUC/SP, 1997) o desenvolvimento

tcnico atual do computador encontra-se numa fronteira importante

que o desenvolvimento da condio de migrao de um tipo de

imagem para outro, ou seja, da imagem produzida por meio da

pintura, gravura, fotografia, entre outros, para a imagem criada ou

manipulada por meio do computador e a fotografia digital.

Assim, nesta oficina, o conceito de arte digital estar baseado

na manipulao, edio e tratamento de imagens, por meio do uso do

computador e suas ferramentas.


Arte Digital

A palavra ARTE originou-se do vocbulo latino ars, artis, que

vem de gere, e significa agir. A arte tem como uma das funes

documentar os fatos.

Quando falamos sobre valores em Arte logo pensamos em

Esttica, no que Belo. Mas o Belo relativo pois, cada pessoa tem

seu gosto particular e diferenciado. preciso usufruir da riqussima

fonte de expresso que a Arte e deixar de lado o padro a ser

seguido pois, como vimos, o que pode ser bonito para um, pode ser

feio para outro e vice-versa.

Assim como preciso usufruir a Arte Digital, preciso

desfragmentar a idia de que Arte somente palpvel, com texturas

ou sensvel aos olhos. Se a Arte evoluiu de desenhos nas cavernas

para a que temos hoje, por que no podemos fazer a Arte

Digitalmente?

A partir do momento que as pessoas assimilarem as novas

ferramentas criadoras, com certeza a Arte passar a ser imaginativa,

criadora e mais poderosa, como foi a de Picasso, Michelangelo e

outros.

As experincias com a realidade virtual permitiro recriar o

imaginrio, portanto preciso soltar a imaginao! Arte est presente

em todos os momentos de nossas vidas.


Direitos Autorais

muito importante que, antes de utilizar uma imagem, seja

ela de jornal, revista ou Internet, saibamos a quem pertence, e se a

mesma est protegida pela lei de direitos autorais.

Neste caso, o uso indevido pode gerar pessoa infratora

desagradveis processos, que podero variar conforme o custo da

imagem violada.

Por isso, muito cuidado para no cometer infraes!!! Na rede,

pesquisando, podemos encontrar bancos de imagens gratuitos, mas

em seu trabalho coloque a citao da fonte ou bibliografia dos

documentos utilizados. Pesquise!!! E bom trabalho!!!

A seguir est disponibilizada a lei de direitos autorais 9.610, de

19 de fevereiro de 1998, que diz:

CAPTULO III

Dos Direitos Patrimoniais do Autor e de sua Durao

Artigo 44. O prazo de proteo aos direitos patrimoniais sobre obras

audiovisuais e fotogrficas ser de setenta anos, a contar de 1 de

janeiro do ano subseqente ao de sua divulgao.


Artigo 45. Alm das obras em relao s quais decorreu o prazo de

proteo aos direitos patrimoniais, pertencem ao domnio pblico:

I - as de autores falecidos que no tenham deixado sucessores;

II - as de autores desconhecidos, ressalvada a proteo legal aos

conhecimentos tnicos e tradicionais.

CAPTULO IV

Da Utilizao da Obra Fotogrfica

Artigo 79. O autor de obra fotogrfica tem direito a reproduzi-la e

coloc-la venda, observadas as restries exposio, reproduo e

venda de retratos, e sem prejuzo dos direitos de autor sobre a obra

fotografada, se de artes plsticas protegidas.

1 A fotografia, quando utilizada por terceiros, indicar de forma

legvel o nome do seu autor.

2 vedada a reproduo de obra fotogrfica que no esteja em

absoluta consonncia com o original, salvo prvia autorizao do

autor.


A Oficina de Arte Digital estimula a manipulao, edio e

tratamento de imagens, por meio do computador e suas ferramentas.

A seguir, trabalharemos com alguns recursos dos Editores de

Imagens, estudos de cores e exerccios propostos.

Introduo ao KolourPaint

O KolourPaint um programa de desenho livre e fcil de usar.

perfeito para as tarefas do dia-a-dia como:

Desenho - desenhar diagramas e pinturas manuais,

Manipulao de Imagens - editar imagens e fotos; aplicar

efeitos,

Edio de cones - desenhar imagens e logotipos com

transparncia.

Uma forma rpida de selecionar uma ferramenta no

KolourPaint pressionar o atalho de teclado associado a ele. Por

exemplo: para selecionar o pincel, clique em Alt+Shift+B ou apenas

em B (quando no estiver escrevendo texto).

Abaixo esto exibidos os detalhes de cada ferramenta e seus

respectivos atalhos.


Pincel (B)

Clique numa das formas para selecionar a forma

geomtrica do pincel. Voc poder usar uma forma

de pincel circular, quadrada, em barra ou em barra

invertida.

O boto esquerdo do mouse desenha com a cor

principal. O boto direto do mouse desenha com a cor

de fundo.

Borracha de Cores (O)

Para atribuir a nova cor de desenho, clique com o boto

esquerdo num pixel. Para atribuir a nova cor de fundo, clique

com o boto direto do mouse num pixel. O KolourPaint ir

ento voltar ferramenta selecionada anteriormente.

Seletor de Cores (C)

Para atribuir a nova cor de desenho, clique com o boto

esquerdo num pixel. Para atribuir a nova cor de fundo, clique

com o boto direto do mouse num pixel. O KolourPaint ir

ento voltar ferramenta selecionada anteriormente.


Linhas Conectadas (N) e Polgonos (G)

Clique e arraste para desenhar linhas conectadas ou

poligonais. A ferramenta do polgono usada da mesma

forma, s que os pontos inicial e final so automaticamente

conectados para formar um polgono.

O boto esquerdo do mouse desenha com a cor principal. O

boto direto do mouse desenha com a cor de fundo e ir

inverter tambm a cor de preenchimento dos polgonos.

Curva (V)

Clique e arraste para desenhar uma linha - isto configura os

pontos inicial e final. Voc poder definir at dois pontos de

controle por arrastamento. Para terminar a curva sem usar

qualquer um dos pontos de controle, clique com o outro

boto do mouse. A ferramenta de curvas desenha uma

Bezier Cbica.


boto direto do mouse desenha com a cor de fundo.


Elipse (E)


boto direto do mouse desenha com a cor de fundo e ir

inverter tambm a cor de preenchimento.

Borracha (A)

Clique e arraste a borracha para apagar os erros. Ao

contrrio das outras ferramentas, as borrachas desenham

com a cor de fundo. Para desenhar com a cor principal, use o

boto direto do mouse.

Preenchimento (F)

Clique para preencher uma determinada regio.

Linha (L)

Clique e arraste para desenhar uma linha.

O boto esquerdo do mouse desenha com a cor principal.

O boto direto do mouse desenha com a cor de fundo.


Trao (P)

Clique para desenhar um ponto ou clique e arraste para

desenhar uma linha livre.


boto direto do mouse desenha com a cor de fundo.

Retngulo (R)

Clique e arraste para desenhar um retngulo.

Retngulo Arredondado (U)

O Retngulo Arredondado um retngulo com os cantos

arredondados.

Seleo (Elptica) (I), Seleo (Forma Livre) (M) e

Seleo (Retangular) (S)

Use as ferramentas de seleo para definir o contorno de

uma seleo. Para mover a seleo, clique e arraste-a. A

janela principal se deslocar para lhe permitir mover a

seleo para uma parte da imagem que no esteja visvel

atualmente.


Spray (Y)

Clique e arraste para fazer grafites com 'spray'.

Mantenha o boto do mouse pressionado para um

'spray' mais concentrado.

Clique numa das formas para selecionar o

tamanho do 'spray'. Voc poder selecionar os

tamanhos de 'spray' 9x9, 17x17 e 29x29.

Texto (T)

Clique e arraste uma rea na qual ir escrever algum texto.

Clique e arraste o contorno para o mudar de posio. Voc

poder redimensionar a rea de texto, arrastando pontos de

redimensionamento.


A Caixa de Cores

A Caixa de Cores possui trs sees principais: a Tabela de

Cores, a Paleta de Cores e o Seletor de Semelhana de Cores.

A Tabela de Cores mostra a cor principal atual como um

quadrado por cima de outro quadrado que representa a cor de fundo

atual. Ao desenhar com o boto esquerdo do mouse, usada a cor

principal e, ao desenhar com o boto direto do mouse, usada a cor

de fundo (exceto nas Borrachas). Voc poder clicar na seta de duas

pontas para trocar as cores.

A Paleta de Cores mostra uma seleo de cores onde voc

poder escolher a cor a usar. A pirmide translcida representa a cor

transparente. Clique com o boto esquerdo do mouse para definir a

cor principal e com o boto direto do mouse para definir a cor de

fundo. Voc poder tambm arrastar e soltar qualquer cor opaca nos

quadrados da Tabela de Cores. Para editar uma cor na Tabela ou na

Paleta de Cores, faa duplo-clique nela. A ferramenta Seletor de

Cores permite-lhe selecionar uma cor da imagem.


Estudo de cores

A cor um fenmeno fsico da luz que captada pelo olho

humano. Portanto, onde no h luz no h cor. As cores se dividem

em classes.

A primeira classe a das cores primrias, composta pelo

vermelho, amarelo e azul. So chamadas cores primrias pois no h

como faz-las atravs de outras misturas. A segunda classe a das

cores secundrias, originadas pela mistura de duas cores primrias.

Assim, a mistura do vermelho e do amarelo resulta no laranja; o azul

e amarelo, no verde; o vermelho e o azul, no roxo. As cores tercirias

so o resultado da mistura de uma cor secundria com uma cor

primria, por exemplo, um verde com uma amarelo.


Cores no Computador

Em computao grfica as cores usadas so chamadas de

modelo de cor e cada modelo tem uma apresentao e medio da

cor. So eles: HSV (hue, saturation, value), RGB (red, blue, green),

CMYK (cyan, magenta, yellow, black).

O modelo HSV o usado pelo programa Gpaint. As cores

podem ser definidas pelo usurio conforme o valor por ele controlado.

O modelo RGB o usado nos monitores que mostram as imagens

atravs da mistura das trs cores primrias da luz: vermelho, verde e

azul. O modelo CMYK o usado na impresso. Freqentemente, essas

cores so chamadas de cor pigmento, e atravs da mistura de

pigmentos ciano, magenta, amarelo e preto que conseguimos outras

cores.


Efeitos de Imagens

Para elaborar imagens com efeitos. Menu Imagem -> Mais

efeitos ou Crtl+M. Este dilogo contm os recursos para

Balanceamento, Gravar, Aplanar, Inverter, Reduzir Cores e

Suavizar & Afiar.

Balanceamento


Este recurso permite definir o brilho, o contraste e o fator

gama da imagem ou da rea selecionada. A medida mais comum do

gama (um valor decimal de 0,10 a 10,00) est localizada entre o

campo incremental Gama e o boto Limpar.

Relevo

Clique em Habilitar para aplicar o efeito de Relevo. Isto reala

os extremos e d imagem ou seleo um "efeito de relevo".


Achatado

Isto recolore a imagem com tons variados das duas cores

selecionadas.


Inverter

Este recurso permite inverter um ou mais canais RGB na

imagem ou na seleo. Selecione Tudo para mudar uma foto para o

seu negativo e vice-versa. Isto normalmente cria um efeito bastante

engraado.

Para inverter rapidamente todos os canais, voc no precisa de

usar este dilogo. Voc poder acessar em alternativa ao item

Inverter Cores do menu Imagem ou Seleo.


Reduzir Cores

Isto reduz o nmero de cores usado pela imagem ou pela

seleo, com ou sem rasterizao.

A rasterizao oferece normalmente melhores resultados de

qualidade, contudo, poder querer desativ-la para efeitos artsticos;

por exemplo ao usar o Monocromtico em vez do Monocromtico

(Rasterizado) ir dar um efeito de silhueta.


Outra distino importante que, enquanto o Monocromtico

(Rasterizado) ir reduzir sempre a imagem inteira ou a seleo para

preto-e-branco, o Monocromtico s far isso se a imagem ou a

seleo tiver mais de 2 cores.

Suavizar & Endurecimento

Use este efeito para suavizar ou afiar os detalhes da imagem.


Introduo ao GIMP

O GIMP um software gratuito e de cdigo livre que possibilita

fazer o tratamento de imagens digitais.

O nome GIMP significa GNU Image Manipulation Program

(Programa de Manipulao de Imagens GNU). Ele possibilita trabalhar

com diversos formatos de imagens. Semelhante ao Adobe Photoshop,

o GIMP uma da maiores referncias para o tratamento de imagens

no mundo do software livre.

O GIMP possui duas reas de trabalho. Na primeira rea

exibida a barra de ferramentas e tambm as configuraes do GIMP.

Na segunda rea exibida a rea de trabalho da imagem. Estas duas

reas podem ser trabalhadas em conjunto.


Novo Arquivo

Criando uma Nova Imagem


Seleo Retangular

A primeira ferramenta na caixa, e, at a verso 2.0, a

ferramenta padro do GIMP a Seleo Retangular. Para se

criar uma nova seleo retangular, basta, na janela da imagem, clicar

no que ser um dos cantos do retngulo, e arrastar o mouse -com o

boto pressionado at a extremidade oposta do retngulo. A nova

seleo indicada por um contorno tracejado intermitente, por vezes

chamado de "Formigas Marchantes".

Seleo Elptica

A ferramenta de Seleo Elptica usa as mesmas opes

que a ferramenta de Seleo Retangular, s que desenha

uma elipse inscrita em retngulo imaginrio que vai do ponto em que

se comea a desenhar a seleo at a posio atual do cursor.

Pincel

A ferramenta padro "de fato" para desenhar a mo livre

no GIMP. Funciona em tudo como a ferramenta lpis, mas quase

todos os pincis se beneficiam de se mesclarem com a transparncia

em menor ou maior grau em suas bordas - eliminando o efeito de

"aliasing" - as escadinhas de pixels.


Borracha

Esta ferramenta "apaga" partes do desenho. Em camadas

que tenham transparncia, ela apaga para transparncia -

na verdade ela diminui a opacidade nos pontos em que o pincel

utilizado preto (os mesmos pontos em que as outras ferramentas

deixam a tinta passar).

Exerccio Proposto

Em uma imagem com a medida de 640x480px desenhar um

tringulo sobre um quadrado e o quadrado sobre um retngulo. Cada

forma geomtrica ter uma cor diferente das outras. Salvar a imagem

como JPG.

Manipulao com imagem

Faremos um princpio de manipulao com imagem, faremos a

alterao de cor de ris.

Primeiro, escolha a imagem que voc vai querer modificar, No

caso ns utilizamos essa:


Em seguida, faa a seleo da parte colorida do olho com sua

ferramenta de seleo preferida. E faa o possvel para retirar os

reflexos de luz da seleo. Assim:


Tire a cor da imagem, indo em filtros->cores->mapear-

>mapear com degrad. Isso vai deixar a seleo branca e preta, se

voc no tiver mexido nas cores de frente e de fundo. Sua imgem

dever ficar deste modo:

Escolha uma cor clara, e deixe como cor de fundo. Como cor

de frente deixe preto, Agora mapeie novamente com o degrad em:

filtros->cores->mapear->mapear com degrad.


Pegue a ferramenta desfoca ou deixa ntido, e deixe as opes

conforme a imagem abaixo:

Em seguida, passe em volta da parte colorida do olho, para

tirar essas bordas duras.


Plano de aula

1 aula

Apresentao pessoal Dinmica da Integrao Carto Postal

ou Revista.

Apresentao do contedo da Oficina.

KolourPaint Levantamento do conhecimento

Exerccio 1 criao de uma imagem utilizando as formas e

ferramentas bsicas e cores primrias

Exerccio 2 - Tema Autoimagem

2 aula

Exerccio 3 Desafio do Ovo.

Apresentao - Atividade: Quem o artista?

Direitos Autorais

3 aula

Dinmica Desenho coletivo.

Exerccio de criao inspirado em Mondrian

Atividade: Montagem

Interpretao da arte

4 aula

Jogo dos 7 erros

Apresentao do Gimp - ferramentas


5 aula

Exerccio: Alterao cor dos olhos no GIMP.

Exerccio: Praia

6 aula

Atividade: Desenho criativo

Apresentao dos desenhos criados

7 aula

Conhecendo histria em quadrinhos

Sites para criao da HQ

Relembrando editor de texto

Elaborando Gibi

8 aula

Valorizando o trabalho adicionar plano de fundo ou outros

recursos para enriquecer as histrias dos alunos

9 aula

Finalizao do gibi

Apresentao do gibi

10 aula

Atividade: Exerccio de finalizao

Apresentao das histrias dos grupos da mesma maneira

que foi apresentado o gibi anterior.


Bibliografia

Livro consultado:

BONETTI, Marco A. Digitalgico e Ananal In, Revista 1 Jornada

CEPE. So Paulo: COS-PUC/SP, 1997.

www.ufpel.edu.br/lpd/ferramentas/gimp.pdf acessado em

09/07/08 - 8h

http://cppcb.vilabol.uol.com.br/manifestocult2000.html acessado

em 10/07/08 9h

http://docs.kde.org/stable/pt_BR/kdegraphics/kolourpaint/introductio

n.html acessado em 10/07/08 - 9h30min

http://www.historiadaarte.com.br/ - acessado em 21/07/08 -

11h30min

http://www.quattro.com.br/passage/artedigi.htm acessado em

12/08/08 - 11h40min

http://jus2.uol.com.br/pecas/texto.asp?id=692 acessado em

12/08/08 11h40min

http://www.planalto.gov.br/ccivil_03/leis/19610.htm acessado em

08/09/08 - 14h33min


Sites indicados para atividades:

www.meugibi.com

http://pixton.com/br

http://flashface.ctapt.de

www.momo-1.com/monoface/main.html

www.makebeliefscomix.com/Comix

www.aniboom.com

www4.liftmagic.com/liftmagic/lift.php?id=

www.hairmixer.com

http://picascii.com

www.photovisi.com

www.pixisnap.com

www.photofunia.com

www.faceinhole.com

www.imaginationcubed.com

www.cyberartes.com.br

http://www.brincandoseaprende.com.br/artes.php?area=Artes

Efeitos de Imagens

38660213 Apostila Arte Digital

Documents

Transcript of 38660213 Apostila Arte Digital