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