Vous êtes sur la page 1sur 35

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.br
E-mail:capacitaoficinas@gmail.com

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.
Introduo Arte Digital 2
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 Arte Digital 3
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.
Introduo Arte Digital 4
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.
Introduo Arte Digital
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 !atri"oniais 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.
Introduo Arte Digital $
Artigo 4# 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 %tili&ao da Obra 'otogr(fica
Artigo )*# 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.
Introduo Arte Digital )
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 +olour!aint
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.
Introduo Arte Digital ,
!incel -./
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.
.orrac0a de 1ores -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.
2eletor de 1ores -1/
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.
Introduo Arte Digital *
3in0as 1onectadas -4/ e !ol5gonos -6/
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.
1urva -7/
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.
O boto esquerdo do mouse desenha com a cor principal. O
boto direto do mouse desenha com a cor de fundo.
Introduo Arte Digital 18
9li:se -9/
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.
.orrac0a -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.
!reenc0i"ento -'/
Clique para preencher uma determinada regio.

3in0a -3/
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.
Introduo Arte Digital 11
;rao -!/
Clique para desenhar um ponto ou clique e arraste para
desenhar uma linha livre.
O boto esquerdo do mouse desenha com a cor principal. O
boto direto do mouse desenha com a cor de fundo.
<et=ngulo -</
Clique e arraste para desenhar um retngulo.
<et=ngulo Arredondado -%/
O Retngulo Arredondado um retngulo com os cantos
arredondados.

2eleo -9l5:tica/ -I/> 2eleo -'or"a 3ivre/ -?/ e
2eleo -<etangular/ -2/
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.
Introduo Arte Digital 12
2:ra@ -A/
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.
;eBto -;/
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.
Introduo Arte Digital 13
A 1aiBa de 1ores
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 2eletor de
1ores permite-lhe selecionar uma cor da imagem.
Introduo Arte Digital 14
9studo 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 :ri"(rias, 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 secund(rias, 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.
Introduo Arte Digital 1
1ores no 1o":utador
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),
!"# (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.
Introduo Arte Digital 1$
9feitos de I"agens
Para elaborar imagens com efeitos. Menu $magem %& !ais
efeitos ou Crtl+M. Este dilogo contm os recursos para
.alancea"ento> 6ravar> A:lanar> Inverter> <edu&ir 1ores e
2uavi&ar C Afiar.
.alancea"ento
Introduo Arte Digital 1)
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.
<elevo
Clique em Habilitar para aplicar o efeito de Relevo. Isto reala
os extremos e d imagem ou seleo um "efeito de relevo".
Introduo Arte Digital 1,
Ac0atado
Isto recolore a imagem com tons variados das duas cores
selecionadas.
Introduo Arte Digital 1*
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.
Introduo Arte Digital 28
<edu&ir 1ores
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.
Introduo Arte Digital 21
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.
2uavi&ar C 9ndureci"ento
Use este efeito para suavizar ou afiar os detalhes da imagem.
Introduo Arte Digital 22
Introduo ao 6I?!
O GIMP um software gratuito e de cdigo livre que possibilita
fazer o tratamento de imagens digitais.
O nome GIMP significa GNU $mage !anipulation 'rogram
(Programa de Manipulao de Imagens GNU). Ele possibilita trabalhar
com diversos formatos de imagens. Semelhante ao (dobe 'hotoshop,
o GIMP uma da maiores referncias para o tratamento de imagens
no mundo do software livre.
O 6I?! 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.
Introduo Arte Digital 23
4ovo ArDuivo
1riando u"a 4ova I"age"
Introduo Arte Digital 24
2eleo <etangular

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".
2eleo 9l5:tica
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.
!incel

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.
Introduo Arte Digital 2
.orrac0a
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).
9Berc5cio !ro:osto
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.
?ani:ulao co" i"age"
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:
Introduo Arte Digital 2$
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:
Introduo Arte Digital 2)
Tire a cor da imagem, indo em filtrosEFcoresEF"a:earE
F"a:ear co" degradG. 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:
filtrosEFcoresEF"a:earEF"a:ear co" degradG.
Introduo Arte Digital 2,
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.
Introduo Arte Digital 2*
!lano de aula
1H 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
2H aula
Exerccio 3 Desafio do Ovo.
Apresentao - Atividade: Quem o artista?
Direitos Autorais
3H aula
Dinmica "Desenho coletivo.
Exerccio de criao inspirado em Mondrian
Atividade: Montagem
Interpretao da arte
4H aula
Jogo dos 7 erros
Apresentao do Gimp - ferramentas
Introduo Arte Digital 38
H aula
Exerccio: Alterao cor dos olhos no GIMP.
Exerccio: Praia
$H aula
Atividade: Desenho criativo
Apresentao dos desenhos criados
)H aula
Conhecendo histria em quadrinhos
Sites para criao da HQ
Relembrando editor de texto
Elaborando Gibi
,H aula
Valorizando o trabalho adicionar plano de fundo ou outros
recursos para enriquecer as histrias dos alunos
*H aula
Finalizao do gibi
Apresentao do gibi
18H aula
Atividade: Exerccio de finalizao
Apresentao das histrias dos grupos da mesma maneira
que foi apresentado o gibi anterior.
Introduo Arte Digital 31
.ibliografia
3ivro consultadoI
BONETTI, Marco A. DigitalJgico e Ananal K $n, Revista 1 Jornada
CEPE. So Paulo: COS-PUC/SP, 1997.
www.ufpel.edu.br/lpd/ferra"entas/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
Introduo Arte Digital 32
2ites indicados :ara atividadesI
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