ilustração digital - gimp

96
ILUSTRAÇÃO DIGITAL - GIMP 50.01.01.94.023.01.0

Upload: carlospolosgmail

Post on 20-Dec-2015

57 views

Category:

Documents


6 download

DESCRIPTION

Ilustração Digital - GIMP

TRANSCRIPT

Page 1: Ilustração Digital - GIMP

ILUSTRAÇÃODIGITAL - GIMP

50.01.01.94.023.01.0

Page 2: Ilustração Digital - GIMP

G o v e r n a d o rG o v e r n a d o rG o v e r n a d o rG o v e r n a d o rG o v e r n a d o r

S e c r e t á r i a d e E s t a d o d e E d u c a ç ã oS e c r e t á r i a d e E s t a d o d e E d u c a ç ã oS e c r e t á r i a d e E s t a d o d e E d u c a ç ã oS e c r e t á r i a d e E s t a d o d e E d u c a ç ã oS e c r e t á r i a d e E s t a d o d e E d u c a ç ã o

S e c r e t á r i o A d j u n t o d e E d u c a ç ã oS e c r e t á r i o A d j u n t o d e E d u c a ç ã oS e c r e t á r i o A d j u n t o d e E d u c a ç ã oS e c r e t á r i o A d j u n t o d e E d u c a ç ã oS e c r e t á r i o A d j u n t o d e E d u c a ç ã o

C h e f e d e G a b i n e t eC h e f e d e G a b i n e t eC h e f e d e G a b i n e t eC h e f e d e G a b i n e t eC h e f e d e G a b i n e t e

S u b s e c r e t á r iS u b s e c r e t á r iS u b s e c r e t á r iS u b s e c r e t á r iS u b s e c r e t á r i aaaaa d e I n f o r m a ç õ e s e T d e I n f o r m a ç õ e s e T d e I n f o r m a ç õ e s e T d e I n f o r m a ç õ e s e T d e I n f o r m a ç õ e s e Te c n o l o g i a s E d u c a c i o n a i se c n o l o g i a s E d u c a c i o n a i se c n o l o g i a s E d u c a c i o n a i se c n o l o g i a s E d u c a c i o n a i se c n o l o g i a s E d u c a c i o n a i s

S u b s e c r e t á r i a d e D e s e n v o l v i m e n t o d a E d u c a ç ã o B á s i c aS u b s e c r e t á r i a d e D e s e n v o l v i m e n t o d a E d u c a ç ã o B á s i c aS u b s e c r e t á r i a d e D e s e n v o l v i m e n t o d a E d u c a ç ã o B á s i c aS u b s e c r e t á r i a d e D e s e n v o l v i m e n t o d a E d u c a ç ã o B á s i c aS u b s e c r e t á r i a d e D e s e n v o l v i m e n t o d a E d u c a ç ã o B á s i c a

S u p e r i n t e n d e n t e d e E n s i n o M é d i o eS u p e r i n t e n d e n t e d e E n s i n o M é d i o eS u p e r i n t e n d e n t e d e E n s i n o M é d i o eS u p e r i n t e n d e n t e d e E n s i n o M é d i o eS u p e r i n t e n d e n t e d e E n s i n o M é d i o e P r o f i s s i o n a lP r o f i s s i o n a lP r o f i s s i o n a lP r o f i s s i o n a lP r o f i s s i o n a l

Aécio Neves da Cunha

Vanessa Guimarães Pinto

João Antônio Filocre Saraiva

Felipe Estábile Morais

Sônia Andère Cruz

Raquel Elizabete de Souza Santos

Joaquim Antônio Gonçalves

COORDENAÇÃO DO PROJETOSuperintendência Educacional Senac Minas

SUPERVISÃO PEDAGÓGICAFlávia Alves de AlmeidaRSC - Gerência de Soluções Corporativas Senac Minas

ELABORAÇÃO DO CONTEÚDOGirlene Moraes de AzevedoAndrea de Cássia S. Couto ( Colaboradora)

REVISÃO TÉCNICAWR3 EAD Consultoria

EDITORAÇÃOSetor de Material Didático - SEMD/Senac Minas

REVISÃO LINGÜÍSTICA/TRATAMENTO METODOLÓGICOSetor de Material Didático - SEMD/Senac Minas

PROJETO GRÁFICOCézar Alves de MarianoRAI-Senac Minas BELO HORIZONTE - 2009

Page 3: Ilustração Digital - GIMP

APRESENTAPRESENTAPRESENTAPRESENTAPRESENTAÇÃOAÇÃOAÇÃOAÇÃOAÇÃO

Considerando a magnitude do contingente de jovens mineiros submetidos a condi-ções adversas de vida que afetam negativamente sua trajetória escolar, tornou-seimperativo ao Governo de Minas elaborar e implementar políticas públicas especi-almente destinadas a eles.

Na educação, o Programa de Educação Profissional de MG (PEP), sintonizado comas vocações econômicas regionais e destinado à preparação dos jovens para en-frentar os desafios do mundo do trabalho, é uma expressão concreta dessas políti-cas. O pressuposto desse Programa é que os jovens são sujeitos de direitos e porta-dores de capacidades e potencialidades das quais a sociedade não pode prescindir.

As altas taxas de abandono e evasão e a baixa taxa de conclusão do ensino médiosão evidências de que a escola está muito longe de corresponder às expectativasdesses jovens. Agregar à sua formação básica a possibilidade de formação profis-sional é uma das medidas indispensáveis para tornar a escola mais alinhada comos seus interesses e necessidades.

A inclusão de cursos de preparação inicial para o trabalho na parte diversificadado currículo do ensino médio é parte desse Programa e constitui um esforço detransformação desse nível de ensino nas escolas estaduais de Minas. Para isso, aSEEMG desenvolveu doze cursos na área de informática, todos com duração de40h cada. São eles: Sistema Operacional Linux (SO Linux), Programação Básica(Java), Projeto e Construção de Web Sites, Gerenciamento de bancos de dados,Editoração Eletrônica, Ilustração (Pintura e Desenho Digitais), ProduçãoFonográfica, Multimídia para a Educação, Modelagem e Animação em 3D, CAD(Projeto auxiliado por computador), Montagem e Manutenção de Computadores,Introdução à Informática.

Os cursos serão ministrados pelos próprios professores das escolas estaduais,das várias disciplinas do currículo, especialmente preparados por um programade capacitação implementado pela SEEMG, o que amplia as suas possibilidadesde trabalho na escola e de desenvolvimento profissional.

Page 4: Ilustração Digital - GIMP
Page 5: Ilustração Digital - GIMP

S U M Á R I OS U M Á R I OS U M Á R I OS U M Á R I OS U M Á R I O

Imagens, 9Imagens, 9Imagens, 9Imagens, 9Imagens, 9Tipos de Imagens, 12

Bitmaps (Gif, JPG), 12

Figuras Ilustrativas (Cliparts), 12

Imagens Digitalizadas, 13

Fontes de Imagens, 13

Web, 13

Scanner, 14

Câmeras Digitais, 14

CDs de Imagens, 14

Exercícios, 14

TTTTTamanho e Ramanho e Ramanho e Ramanho e Ramanho e Resolução de Aresolução de Aresolução de Aresolução de Aresolução de Arquivquivquivquivquivo, 1o, 1o, 1o, 1o, 177777Imagens de Alta Resolução, 19

Imagens de Baixa Resolução, 19

Resolução para Impressão, 20

GIMP: seu Editor de Imagens, 21GIMP: seu Editor de Imagens, 21GIMP: seu Editor de Imagens, 21GIMP: seu Editor de Imagens, 21GIMP: seu Editor de Imagens, 21Iniciando o Gimp, 24

Elementos da Tela do Gimp, 25

Menu de Opções, 26

Caixa de Ferramentas, 27

Seleção de Cor, 27

Pincéis e Preenchimento, 27

Miniatura da Imagem, 27

Janela de Imagem, 27

Exercícios, 28

Page 6: Ilustração Digital - GIMP

Operações com Arquivos, 29

Criando um Arquivo Novo, 29

Salvando um Arquivo, 30

Exercícios, 32

Abrindo um Arquivo, 32

Redimensionando e Girando a Tela de Pintura, 34

Tamanho da Imagem, 35

Edição de Imagens, 3Edição de Imagens, 3Edição de Imagens, 3Edição de Imagens, 3Edição de Imagens, 377777Trabalhando com Seleções, 39

Seleção Retangular, 39

Seleção Elíptica, 40

Seleção à Mão Livre, 41

Regiões Contíguas, 41

Regiões por Cor, 42

Exercícios, 42

TTTTTrabalhando com Camadas, 43rabalhando com Camadas, 43rabalhando com Camadas, 43rabalhando com Camadas, 43rabalhando com Camadas, 43Máscaras, 48

Fusão de Imagens, 49

Exercícios, 49

Máscara a partir de Texto, 50

Pincéis, 51

Canais, 52

Exercícios, 54

Vetores, 54

Exercícios, 56

Page 7: Ilustração Digital - GIMP

Digitalizando Imagens, 57Digitalizando Imagens, 57Digitalizando Imagens, 57Digitalizando Imagens, 57Digitalizando Imagens, 57Exercícios, 60

Cortando e Colando partes da Imagem, 60

Ajustes de Cores na Imagem, 62

Exercícios, 65

Filtros, 66

Exercícios, 68

Impressão, 69

Exercícios, 71

Bibliografia, 72Bibliografia, 72Bibliografia, 72Bibliografia, 72Bibliografia, 72

AnexoAnexoAnexoAnexoAnexo

Page 8: Ilustração Digital - GIMP
Page 9: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

9

IMAGENS

Page 10: Ilustração Digital - GIMP
Page 11: Ilustração Digital - GIMP

11

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

11111CriandoPáginasna WEB

Freqüentemente dizemos que uma imagem vale mais que mil palavras. Entre-tanto, isso é verdade apenas quando mostramos a imagem que queremos e quandonecessitamos.

Através das imagens, podemos nos comunicar de uma forma mais interessante,transmitir mensagens, sentimentos, criando um diálogo ilustrativo.

O computador, através do avanço da tecnologia da informação, é, hoje, um dosmaiores meios de comunicação através do qual a imagem se faz presente. Paraesse tipo de meio, as imagens se apresentam de formas variadas.

Precisamos saber quais são os formatos* mais comuns que o nosso computadorreconhece através dos programas de computação gráfica.

Devido aos novos recursos de captura de imagens (câmeras fotográficas digitais,celulares com câmeras, scanners e os sites de imagens na Internet), osprogramas de tratamento de imagens vêm ganhando mais espaço no mercadode trabalho e estão chamando, cada vez mais, a atenção dos usuários quegostam de fotografia e de outras atividades com imagens.

Seus trabalhos escolares poderão ser apresentados com maior qualidade parasua turma.

Pense como seria interessante você apresentar um conteúdo de Biologia, por exemplo,através do programa ImpressImpressImpressImpressImpress, cujas imagens fossem capturadas, tratadas eeditadas no GimpGimpGimpGimpGimp!

Você pode, ainda, ter o auxílio de outros programas para você apresentar seutrabalho.

*Formatos – Configuração, forma de armazenamento ou estrutura do arquivo na sua apresentação gráfica.

A partir de agora, você mesmo pode melhorar, editar ou fazer monta-gens com suas próprias fotos, usando efeitos bem legais que o programa

GimpGimpGimpGimpGimp oferece!

Page 12: Ilustração Digital - GIMP

12

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

TIPOS DE IMAGENSTIPOS DE IMAGENSTIPOS DE IMAGENSTIPOS DE IMAGENSTIPOS DE IMAGENS

Então, para conhecermos este programa, vamos começar com os grupos ou tiposde imagens digitais mais conhecidos pelos programas de computação gráfica.

BITMAPS (GIFBITMAPS (GIFBITMAPS (GIFBITMAPS (GIFBITMAPS (GIF, JPG), JPG), JPG), JPG), JPG)

Um BitmapBitmapBitmapBitmapBitmap é uma figura armazenada como um conjunto de pixels quecorrespondem à grade de pontos na tela de um computador. Para mostrar a figura,o computador ajusta cada ponto da tela para a cor correspondente ao designadono BitmapBitmapBitmapBitmapBitmap.

FIGURAS ILFIGURAS ILFIGURAS ILFIGURAS ILFIGURAS ILUSTRAUSTRAUSTRAUSTRAUSTRATIVTIVTIVTIVTIVAS (CLIPAS (CLIPAS (CLIPAS (CLIPAS (CLIPARTS)ARTS)ARTS)ARTS)ARTS)

Criar imagens, manualmente, pode consumir tempo. Para economizá-lo, existemvárias bibliotecas de figuras ilustrativas conhecidas pelo nome de ClipartsClipartsClipartsClipartsCliparts, quepodem ser utilizadas em produções multimídia.

Algumas dessas bibliotecas fornecem imagens para utilização gratuita. Porém, agrande maioria trabalha com a opção de compra de um conjunto de ClipartsClipartsClipartsClipartsCliparts

Page 13: Ilustração Digital - GIMP

13

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

para utilização em produções multimídia* comercializadas. As instruções sobre olicenciamento dessas imagens devem ser cuidadosamente lidas e seguidas.

IMAGENS DIGITIMAGENS DIGITIMAGENS DIGITIMAGENS DIGITIMAGENS DIGITALIZADASALIZADASALIZADASALIZADASALIZADAS

Câmeras fotográficas digitais, scanners, câmeras de vídeo conectáveis diretamenteao computador para digitalização são, hoje, formas bastante comuns de obter-mos imagens para utilização em produções multimídia.

Não existe limitação técnica para a utilização de qualquer imagem quepossamos captar, seja pela lente de uma máquina fotográfica, seja da página deum livro ou mesmo através de uma filmadora. Não se esqueça de ter cuidadoespecial para não infringir possíveis direitos autorais de utilização dessas imagens.

FONTES DE IMAGENSFONTES DE IMAGENSFONTES DE IMAGENSFONTES DE IMAGENSFONTES DE IMAGENS

WebWebWebWebWeb

Atualmente é a mais ampla fonte de imagens. Existem, porém, restrições legaisbaseadas nos direitos autorais. Para obter uma imagem na WebWebWebWebWeb:

com o botão direito do mouse, clique sobre a imagem;

no menu exibido, selecione a opção Salvar a ImagemSalvar a ImagemSalvar a ImagemSalvar a ImagemSalvar a Imagem;

defina o local (diretório) em que a imagem será salva e dê um nome aela.

*Produções Multimídia - Arquivos que reúnem dados do tipo: texto, imagem, áudio e vídeo, efeitos de animação etc.

Page 14: Ilustração Digital - GIMP

14

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

ScannerScannerScannerScannerScanner

Para reproduzir, no computador, uma imagem a partir de uma fotografia oudesenho no papel, é necessário o uso de um digitalizador, ou seja, um scanner.(Leia mais sobre o scanner na apostila de Informática Básica)

Câmeras DigitaisCâmeras DigitaisCâmeras DigitaisCâmeras DigitaisCâmeras Digitais

As câmeras digitais capturam uma imagem digitalmente. Depois de tirada afotografia, ela fica armazenada na memória da câmera. Basta copiá-la para ocomputador e abrir como outro arquivo de imagem qualquer.

CDs de ImagensCDs de ImagensCDs de ImagensCDs de ImagensCDs de Imagens

É um recurso que está à venda em lojas de informática, importadoras ou mesmona WebWebWebWebWeb.

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

Chegou a hora de você preparar, em seu computador, um Cd com umbanco de imagens para serem trabalhadas no GimpGimpGimpGimpGimp.

1. Abra, no Sistema Operacional LinuxSistema Operacional LinuxSistema Operacional LinuxSistema Operacional LinuxSistema Operacional Linux, o Gerenciador de Arquivos –KKKKKonqueronqueronqueronqueronquerororororor.

Visite o site http://www.olhares.com.

Ele oferece acesso livre e as imagens podem ser utilizadas para fazermontagens e praticar as ferramentas que serão estudadas no nosso curso.

Page 15: Ilustração Digital - GIMP

15

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

2. Crie uma pasta com o nome de Banco de ImagensBanco de ImagensBanco de ImagensBanco de ImagensBanco de Imagens. Dentro dela, criesubpastas, indicando os tipos de imagem, como o exemplo a seguir:

3. Em seguida, salve em cada uma das pastas, respectivamente, asimagens capturadas, para que você possa editá-las aqui no GimpGimpGimpGimpGimpfuturamente.

Page 16: Ilustração Digital - GIMP

16

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Page 17: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

17

TAMANHO ERESOLUÇÃO DE

ARQUIVO

Page 18: Ilustração Digital - GIMP
Page 19: Ilustração Digital - GIMP

19

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

O tamanho digital de uma imagem é medido em kilobytes (KB), megabytes (MB)ou gigabytes (GB). O tamanho digital do arquivo é proporcional ao tamanho dopixel da imagem e à sua resolução.

Isso que dizer que os fatores que afetam o tamanho do arquivo são: resolução*,número de cores e dimensão (largura x altura).

O número de cores pode variar de acordo com o modelo de cores com que aimagem foi capturada (RGB, CMYK, tons de cinza etc.)

A dimensão é o tamanho da imagem medido em centímetros. Podemos citaralguns tamanhos profissionais de fotografias como:

10 x 15 cm, 15 x 21 cm, 24 x 30 cm etc.

IMAGENS DE ALIMAGENS DE ALIMAGENS DE ALIMAGENS DE ALIMAGENS DE ALTTTTTA RESOLA RESOLA RESOLA RESOLA RESOLUÇÃOUÇÃOUÇÃOUÇÃOUÇÃO

São imagens com um número maior de pixels e possuem as seguintes caracterís-ticas:

reproduzem mais detalhes e transições mais suaves de cores;

requerem mais espaço em disco, pois geram arquivos maiores;

requerem mais memória e comprometem o tempo de edição eimpressão da imagem;

são indicadas para trabalhos impressos;

tornam lento o processamento para exibição.

IMAGENS DE BAIXA RESOLIMAGENS DE BAIXA RESOLIMAGENS DE BAIXA RESOLIMAGENS DE BAIXA RESOLIMAGENS DE BAIXA RESOLUÇÃOUÇÃOUÇÃOUÇÃOUÇÃO

São imagens com um número menor de pixels e se caracterizam da seguinteforma:

possuem resolução muito baixa para impressão, gerando pixelização,ou seja, a visualização de quadradinhos sobre a imagem;

* Resolução – Qualidade da imagem que é medida a partir do número de pixels ou pontos existentes porpolegada (ppi).

Page 20: Ilustração Digital - GIMP

20

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

são indicadas para a internet ou qualquer tipo de exibição em vídeo,como apresentações eletrônicas;

o arquivo gerado para WebWebWebWebWeb deve ser de baixa resolução para nãoprejudicar o Tempo de Transmissão da Imagem*.

RESOLRESOLRESOLRESOLRESOLUÇÃO PUÇÃO PUÇÃO PUÇÃO PUÇÃO PARA IMPRESSÃOARA IMPRESSÃOARA IMPRESSÃOARA IMPRESSÃOARA IMPRESSÃO

Impressão OffsetImpressão OffsetImpressão OffsetImpressão OffsetImpressão Offset – Usada por gráficas na impressão de materiais profissionais– Resolução 300 dpi e cor CMYK.

Gráfica RápidaGráfica RápidaGráfica RápidaGráfica RápidaGráfica Rápida – Gera resolução de 300 dpi e cor RGB.

Internet ou Vídeo em geralInternet ou Vídeo em geralInternet ou Vídeo em geralInternet ou Vídeo em geralInternet ou Vídeo em geral – Gera resolução de 72 dpi e cor RGB.

Imagens em tons de cinza ou em preto e branco geram arquivos menores.

Quando falamos a respeito de CMYK ou RGB, estamos nos referindo aos modelosde cores que uma imagem pode ter. Veremos isso mais detalhadamente nospróximos capítulos.

*Tempo de Transmissão de Imagem – Prazo de tempo para envio ou acesso da imagem através da Internet.

Page 21: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

21

GIMP:SEU EDITOR DE

IMAGENS

Page 22: Ilustração Digital - GIMP
Page 23: Ilustração Digital - GIMP

23

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

O GimpGimpGimpGimpGimp é um programa para edição e manipulação de imagens, extremamentesofisticado, com recursos bem interessantes, que podem ser usados com muitaspotencialidades em desenhos simples ou para incrementar, ainda mais, fotos eimagens profissionais. Possui filtros ou efeitos dinâmicos de diversos tipos,conversor de formatos de imagem e uma infinidade de recursos, todos para tor-nar suas fotos ou trabalhos escolares ainda mais elaborados.

Podendo ser instalado em sistemas Windows, Unix/Linux e MacOS, o GimpGimpGimpGimpGimp émodular e extensível. É concebido para ser conectado a plug-ins ou ferramentasextras e extensões que possibilitam um imenso campo de potencialidades. Seuscript (estrutura moderna) permite programar rotinas de tratamento de imagenssimples e complexas.

A nova versão 2.2.3 ganhou uma interface ou tela de trabalho mais compacta eobjetiva, deixando de lado as inúmeras janelas de diálogo. Agora, são duasbarras principais: uma com as ferramentas e suas opções, além da paleta decores, e outra com camadas, canais, vetores, histórico, pincéis, texturas etc.

Veja os recursos que o GimpGimpGimpGimpGimp lhe oferece:

criação de gráficos e logotipos;

ajuste em imagens;

alteração de cores;

uso de máscaras, camadas e canais, imagens mapeadas, animaçõese imagens vetoriais;

combinação de imagens.

Além dessas características, o GimpGimpGimpGimpGimp possui ainda:

ferramentas de seleção que incluem: rererereretangulartangulartangulartangulartangular, circircircircircularcularcularcularcular, livrelivrelivrelivrelivre,bezierbezierbezierbezierbezier, “fuzzyfuzzyfuzzyfuzzyfuzzy” e intintintintinteligenteligenteligenteligenteligenteeeee;

sistema de plug-in permitindo a adição de outros formatos dearquivos, filtros etc.;

Page 24: Ilustração Digital - GIMP

24

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

mais de 100 plug-ins disponíveis, ou seja, recursos extras;

número ilimitado de imagens abertas ao mesmo tempo, além de umsuporte aos formatos de arquivos: gifgifgifgifgif, jpgjpgjpgjpgjpg, pngpngpngpngpng, xpmxpmxpmxpmxpm, tiftiftiftiftif, tgatgatgatgatga, mpegmpegmpegmpegmpeg,psdpsdpsdpsdpsd, pdfpdfpdfpdfpdf, pcxpcxpcxpcxpcx e muitos outros;

gestão de memória por região, permitindo trabalhar sobre imagenscuja resolução é limitada apenas pelo espaço de disco disponível;

subpixel sampling para todos os instrumentos de desenho para umanti-serrilhado de alta qualidade;

apoio completo de canal alfa;

layers ou camadas e canais;

múltiplo undo/redo comando desfazer ou voltar, limitado apenas peloespaço do disco;

editor de degradê extremamente potente;

ferramenta para abrir e salvar animações num sistema de formatoem que cada layer representa uma imagem da animação;

instrumentos de transformação como rotação, escala, espelho ereversão.

INICIANDO O GIMPINICIANDO O GIMPINICIANDO O GIMPINICIANDO O GIMPINICIANDO O GIMP

Para iniciar o GimpGimpGimpGimpGimp:

clique no botão AplicativosAplicativosAplicativosAplicativosAplicativos (que fica no canto inferior esquerdo datela principal do LinuxLinuxLinuxLinuxLinux);

em seguida, clique no submenu de programas e selecione o ícone deatalho do GimpGimpGimpGimpGimp.

Page 25: Ilustração Digital - GIMP

25

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Abrirá a tela abaixo:

ELEMENTOS DA TELA DO GIMPELEMENTOS DA TELA DO GIMPELEMENTOS DA TELA DO GIMPELEMENTOS DA TELA DO GIMPELEMENTOS DA TELA DO GIMP

Através da janela principal do GimpGimpGimpGimpGimp é possível acessar e configurar quase todosos itens de funcionalidade do aplicativo. Na janela principal estão localizados ositens de Menu de OpçõesMenu de OpçõesMenu de OpçõesMenu de OpçõesMenu de Opções e da Caixa de FerramentasCaixa de FerramentasCaixa de FerramentasCaixa de FerramentasCaixa de Ferramentas, bem como os ícones:Miniatura da ImagemMiniatura da ImagemMiniatura da ImagemMiniatura da ImagemMiniatura da Imagem, Seleção de CorSeleção de CorSeleção de CorSeleção de CorSeleção de Cor e Pincéis e PreenchimentoPincéis e PreenchimentoPincéis e PreenchimentoPincéis e PreenchimentoPincéis e Preenchimento.

Menu de Opções

Seleção de Cor

Caixa deFerramentas

Pincéis ePreenchimento

Page 26: Ilustração Digital - GIMP

26

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

A tela mais completa apresenta os seguintes elementos:

Você pode personalizar sua área de trabalho dentro do Gimp, de acordo com anecessidade de ferramentas. Através do menu DiálogosDiálogosDiálogosDiálogosDiálogos, podemos acoplar asprincipais paletas de trabalho. Para iniciarmos nosso trabalho vamos ativaralgumas paletas como:

Camadas;

Pincéis;

Histórico de Desfazer

Opções de Ferramentas

MENU DE OPÇÕESMENU DE OPÇÕESMENU DE OPÇÕESMENU DE OPÇÕESMENU DE OPÇÕES

No Menu de OpçõesMenu de OpçõesMenu de OpçõesMenu de OpçõesMenu de Opções temos o item ArquivoArquivoArquivoArquivoArquivo a partir do qual é possível, entreoutras coisas, abrir e salvar arquivos, abrir caixas de diálogos para acesso àsdiversas funcionalidades do programa e customizar as escolhas de interface eoperacionalidade para o usuário, a partir do item PreferênciasPreferênciasPreferênciasPreferênciasPreferências. Além disso, épossível ter acesso a dispositivos como scanner e webcam* através do itemCapturarCapturarCapturarCapturarCapturar.

*Leia mais sobre Scanner e Webcam na apostila de Informática Básica.

Menu de Opçõescom a Caixa

de Ferramentas

Paleta deCamadas e

Pincéis

Page 27: Ilustração Digital - GIMP

27

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

CAIXA DE FERRAMENTCAIXA DE FERRAMENTCAIXA DE FERRAMENTCAIXA DE FERRAMENTCAIXA DE FERRAMENTASASASASAS

Aqui se encontram os ícones que dão acesso aos principais recursos de ferramentasde produção e edição de imagens do programa. Ao passar o mouse por cima decada uma, aparece a funcionalidade.

SELEÇÃO DE CORSELEÇÃO DE CORSELEÇÃO DE CORSELEÇÃO DE CORSELEÇÃO DE COR

Os ícones de seleção de cores dão acesso às caixas de diálogo que possibilitam aescolha das cores de fundo e de frente para serem usadas com as ferramentasapropriadas.

PINCÉIS E PREENCHIMENTOPINCÉIS E PREENCHIMENTOPINCÉIS E PREENCHIMENTOPINCÉIS E PREENCHIMENTOPINCÉIS E PREENCHIMENTO

Os ícones mostram as opções correntes e dão acesso aos modos de utilização depincéis, texturas e degradês de preenchimento de áreas da imagem.

MINIAMINIAMINIAMINIAMINIATURA DA IMAGEMTURA DA IMAGEMTURA DA IMAGEMTURA DA IMAGEMTURA DA IMAGEM

Mostra a imagem em tamanho reduzido em relação àquele que está sendoproduzido ou editado na Janela de ImagemJanela de ImagemJanela de ImagemJanela de ImagemJanela de Imagem.

JANELA DE IMAGEMJANELA DE IMAGEMJANELA DE IMAGEMJANELA DE IMAGEMJANELA DE IMAGEM

A Janela de ImagemJanela de ImagemJanela de ImagemJanela de ImagemJanela de Imagem, como o nome indica, apresenta a imagem atual que estásendo produzida, aberta ou editada. Em sua parte superior, encontra-se a BarraBarraBarraBarraBarrade Títulode Títulode Títulode Títulode Título que mostra o nome da imagem a ser editada, o número da janela queestá aberta, o sistema de cores (RGB, por exemplo), a camada que está sendoeditada e o tamanho da imagem em pixels (largura e altura).

Page 28: Ilustração Digital - GIMP

28

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

O Menu de OpçõesMenu de OpçõesMenu de OpçõesMenu de OpçõesMenu de Opções dá acesso às funções do GimpGimpGimpGimpGimp relacionadas diretamentecom os procedimentos pertinentes à produção e edição da imagem na Janela deJanela deJanela deJanela deJanela deImagemImagemImagemImagemImagem. No canto superior esquerdo da janela, no encontro das réguashorizontal e vertical, há um ícone que dá acesso rápido a todas as funcionalidadesdo GimpGimpGimpGimpGimp. Observe a tela abaixo:

EXERCÍCIOEXERCÍCIOEXERCÍCIOEXERCÍCIOEXERCÍCIO

1. Crie um diretório (utilizando o Konqueror do Linux para ser seu Banco deImagens;

2. No menu Arquivo escolha a opção Capturar e depois a opção CapturarTelas;

3. Capture imagens e grave nas pastas de seu Banco de Imagens.Banco de Imagens.Banco de Imagens.Banco de Imagens.Banco de Imagens.

Page 29: Ilustração Digital - GIMP

29

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

OPERAÇÕES COM ARQUIVOSOPERAÇÕES COM ARQUIVOSOPERAÇÕES COM ARQUIVOSOPERAÇÕES COM ARQUIVOSOPERAÇÕES COM ARQUIVOS

Criando um Arquivo NovoCriando um Arquivo NovoCriando um Arquivo NovoCriando um Arquivo NovoCriando um Arquivo Novo

Para criar um arquivo:

Na Janela PrincipalJanela PrincipalJanela PrincipalJanela PrincipalJanela Principal do GimpGimpGimpGimpGimp, clique na opção de menu ArquivoArquivoArquivoArquivoArquivo eselecione a opção NovoNovoNovoNovoNovo;

ou

digite as teclas de atalho (CTRL + N);

no menu Criar Nova ImagemCriar Nova ImagemCriar Nova ImagemCriar Nova ImagemCriar Nova Imagem digite 640 e 480 nos campos largura ealtura, respectivamente.

Uma janela com espaço para uma imagem de 640 x 480 pixels será criada comresolução de 72 dpi.

Page 30: Ilustração Digital - GIMP

30

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

PIXEL E RESOLUÇÃOPIXEL E RESOLUÇÃOPIXEL E RESOLUÇÃOPIXEL E RESOLUÇÃOPIXEL E RESOLUÇÃO

O pixel (picture element) é a menor parte de informação visual de uma ima-gem digital. A resolução de uma imagem é a quantidade de pixels que sãomostrados por unidade de comprimento. Isso significa que uma imagemcom 72 dpi (dots per inch ou pixels por polegada) terá 72 pixels em umapolegada linear, qualquer que seja o dispositivo de apresentação da ima-gem. Uma imagem em arquivo digital, por exemplo, preparada para serimpressa em uma revista, é produzida geralmente com 300 dpi ou 300pixels por polegada linear. Quanto maior a resolução, maior será a concen-tração de pixels por unidade de medida, que pode ser medida também empixels/cm. As cores de cada pixel podem ser representadas em vários siste-mas de cor.

Normalmente, usamos, na tela, o sistema RGB (red, green e blue). Essaspalavras, em inglês, significam respectivamente: vermelho, verde e azul.Isso significa que cada pixel colorido nesse sistema tem sua cor determina-da por seus componentes de cores primárias aditivas: vermelho (red), verde(green) e azul (blue). Para as cores de impressão é usado o sistema CMYK,cujas letras correspondem, em tradução para o português, ciano, magenta,amarelo e preto.

Salvando um ArquivoSalvando um ArquivoSalvando um ArquivoSalvando um ArquivoSalvando um Arquivo

O GimpGimpGimpGimpGimp permite que as imagens sejam salvas em vários formatos de arquivo.Cada formato tem sua aplicação específica e um conjunto de característicaspróprias. Para salvar uma ilustração com as propriedades de camadas, vetoresetc., que são próprias do GimpGimpGimpGimpGimp, o formato certo tem como extensão .xcf.xcf.xcf.xcf.xcf.

Page 31: Ilustração Digital - GIMP

31

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Na Janela de ImagemJanela de ImagemJanela de ImagemJanela de ImagemJanela de Imagem, clique em ArquivoArquivoArquivoArquivoArquivo e escolha a opção Salvar comoSalvar comoSalvar comoSalvar comoSalvar como,conforme a figura abaixo:

Para o comando Salvar comoSalvar comoSalvar comoSalvar comoSalvar como podemos, também, teclar CTRL+SHIFT+S. Apareceráuma caixa de diálogo com várias opções de salvamento. Entre elas, você poderáescolher o local no qual irá salvar seu arquivo.

clique no ícone “+” ao lado de Navegar em outras pastas Navegar em outras pastas Navegar em outras pastas Navegar em outras pastas Navegar em outras pastas para localizar apasta certa, ou mesmo para criar uma pasta em outro lugar;

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

Os comandos mais comuns nas rotinas de trabalho sempre apresentam suasrespectivas teclas de atalho. À medida que vamos aplicando o programa,automaticamente vamos aperfeiçoando a execução de comandos por meio doteclado. Fique sempre atento às combinações de teclas exibidas através dosmenus de comando.

Page 32: Ilustração Digital - GIMP

32

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

em Tipo de Preenchimento (Por Extensão)Tipo de Preenchimento (Por Extensão)Tipo de Preenchimento (Por Extensão)Tipo de Preenchimento (Por Extensão)Tipo de Preenchimento (Por Extensão), você escolhe o forma-to do arquivo de acordo com a aplicação de sua ilustração (arquivospara serem divulgados na web, arquivos para serem impressos,arquivos de alta qualidade e tamanhos grandes, arquivos comprimidose assim por diante).

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

1. Salve uma imagem da Internet baseando-se no tema meio ambiente.Salve no formato Gif.Gif.Gif.Gif.Gif.

2. Abra a imagem salva dentro do Gimp.

3. Através do menu Imagem comando: Redimensionar imagem.

4. Defina em cm as dimensões (15 largura x 10 altura).

5. Salve determinando como tipo de extensão: Jpg.Jpg.Jpg.Jpg.Jpg.

Abrindo um ArquivoAbrindo um ArquivoAbrindo um ArquivoAbrindo um ArquivoAbrindo um Arquivo

na Janela de ImagemJanela de ImagemJanela de ImagemJanela de ImagemJanela de Imagem, clique em ArquivoArquivoArquivoArquivoArquivo;

escolha a opção AbrirAbrirAbrirAbrirAbrir;

selecione a pasta* e o nome do arquivo que você deseja abrir paraedições.

*Pasta – local reservado em disco para armazenar arquivos.

Page 33: Ilustração Digital - GIMP

33

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Nesse caso, abra o arquivo tttttestestestestesteeeee, salvo no exercício anterior.

É importante lembrar que o GimpGimpGimpGimpGimp abre e salva arquivos de vários formatosgráficos. Dentre eles, os mais comuns são:

.BMP (Arquivo BitmapBitmapBitmapBitmapBitmap padrão do Windows);

.JPG (Joit Photographic Experts Group) - A imagem fica menor; nãoserve para gerar fotolito*. Também usado para publicações na WWWWWebebebebeb eimportação no CorelDraw ou no Draw;

.EPS (Encapsulated PostScript) - É outro formato usado com freqüênciaem editoração eletrônica;

.PSD (Padrão PhotoShop);

.GIF (Graphical Interchange Format) - Indicado para publicação deimagens na WebWebWebWebWeb;

.TIF - É o formato preferido para aplicativos de editoração eletrônica,como o Pagemaker, QuarkXpress e outros.

*Fotolito – É uma película transparente que guarda a imagem através de registro fotográfico. É um processoque ocorre entre a finalização do trabalho no computador até seu envio para a impressora.

Page 34: Ilustração Digital - GIMP

34

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

EDIMENSIONANDO E GIRANDO A TELA DE PINTURAEDIMENSIONANDO E GIRANDO A TELA DE PINTURAEDIMENSIONANDO E GIRANDO A TELA DE PINTURAEDIMENSIONANDO E GIRANDO A TELA DE PINTURAEDIMENSIONANDO E GIRANDO A TELA DE PINTURA

É um comando necessário para explorarmos as áreas externas de uma foto.Podemos aumentar as extremidades da foto para inserir outros elementos comobordas, legendas explicativas, efeitos e para aplicar acabamentos interessantes.Para redimensionar e girar a tela de pintura:

clique no Menu ImagemMenu ImagemMenu ImagemMenu ImagemMenu Imagem e selecione a opção TTTTTamanho da tamanho da tamanho da tamanho da tamanho da telaelaelaelaela;

escolha as unidades de medida e defina as novas medidas;

dê a medida do deslocamento para posicionar a imagem na nova telade pintura.

O GimpGimpGimpGimpGimp permite girar a tela de pintura em várias posições. Para isso:

clique no Menu Imagem Menu Imagem Menu Imagem Menu Imagem Menu Imagem e selecione a opção TTTTTransfransfransfransfransformarormarormarormarormar.

Page 35: Ilustração Digital - GIMP

35

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

TAMANHO DA IMAGEMTAMANHO DA IMAGEMTAMANHO DA IMAGEMTAMANHO DA IMAGEMTAMANHO DA IMAGEM

Para alterar o tamanho da imagem:

no MenuMenuMenuMenuMenu ImagemImagemImagemImagemImagem selecione a opção Redimensionar ImagemRedimensionar ImagemRedimensionar ImagemRedimensionar ImagemRedimensionar Imagem, aodefinir os novos valores redimensionar.

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

Ao aumentar a resolução de uma imagem, espalham-se as informações depixel original por um número maior de pixel, gerando, assim, uma pixelização.Ao reduzir a resolução, informações são excluídas da imagem. O ideal é nãoalterar a resolução durante a edição. A resolução deve ser definida ao fotografarou scanear uma imagem.

A interpolação é uma mudança – ampliação ou redução – na dimensão depixels de uma imagem.

Na ampliação, são criados pixels extras entre os originalmente existentes;na redução, pixels são eliminados. Existem vários algoritmos (métodosmatemáticos) para interpolar uma imagem.

Page 36: Ilustração Digital - GIMP

36

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Page 37: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

37

EDIÇÃO DEIMAGENS

Page 38: Ilustração Digital - GIMP
Page 39: Ilustração Digital - GIMP

39

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

TRABALHANDO COM SELEÇÕESTRABALHANDO COM SELEÇÕESTRABALHANDO COM SELEÇÕESTRABALHANDO COM SELEÇÕESTRABALHANDO COM SELEÇÕES

Precisamos saber que, para fazermos qualquer alteração em umaimagem, precisamos selecionar a área ou mesmo toda a ima-gem que será trabalhada através das ferramentas do GimpGimpGimpGimpGimp.

Por isso, as ações de seleção são partes importantíssimas na cons-trução de delimitação de áreas de aplicação de quaisquer proce-dimentos na produção de uma ilustração. É preciso pensar nes-sas seleções como forma de preservar o resto da imagem quenão queremos interferir.

Existem vários tipos de ferramentas de seleção que podemos uti-lizar: as elípticas, retangulares, laço (seleção à mão livre), vari-nha mágica, seleção por cor e tesoura inteligente. Cada qual seaplica aos mais diversos procedimentos.

Para criar uma boa ilustração, escolher as ferramentas adequadas podesignificar um grande aumento de eficiência e diminuição no consumo de tempo,bem como uma melhoria na qualidade final das áreas selecionadas.

SELEÇÃO RETSELEÇÃO RETSELEÇÃO RETSELEÇÃO RETSELEÇÃO RETANGULANGULANGULANGULANGULARARARARAR

Na caixa de ferramentas GimpGimpGimpGimpGimp, ao ativar a ferramentaseleção retangular, observe, abaixo do painel, as opçõesrelacionadas a essa seleção. Através do ModoModoModoModoModo EnevoamentoEnevoamentoEnevoamentoEnevoamentoEnevoamentoe RaioRaioRaioRaioRaio, é possível criar novas seleções, adicionar ou subtrairalgo da seleção e ainda fazer interseção com a seleção atual.

O EnevoamentoEnevoamentoEnevoamentoEnevoamentoEnevoamento é uma propriedade importante, poissuaviza as bordas ou arestas da área selecionada que seráeditada ou mesmo copiada/recortada para outra imagem.

Page 40: Ilustração Digital - GIMP

40

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Para criar a seleção:

clique com o botão esquerdo do mouse e arraste sobre a área daimagem que se deseja selecionar.

Dessa forma, iremos criar uma seleção retangular. Pode-se alterar a seleção,clicando com o botão direito sobre a seleção em diálogos Ativar o Editor deAtivar o Editor deAtivar o Editor deAtivar o Editor deAtivar o Editor deSeleçõesSeleçõesSeleçõesSeleçõesSeleções.

(CTRL + A) - seleciona tudo;

(CTRL + SHIFT + A) - desfaz a seleção;

(CTRL + V) - seleciona a partir do vetor.

SELEÇÃO ELÍPTICASELEÇÃO ELÍPTICASELEÇÃO ELÍPTICASELEÇÃO ELÍPTICASELEÇÃO ELÍPTICA

Para criar a seleção, basta clicar e arrastar sobre a área da imagem que se desejaselecionar. Dessa forma, iremos criar uma seleção circular, ou seja, de forma regular.

Page 41: Ilustração Digital - GIMP

41

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

SELEÇÃO À MÃO LIVRESELEÇÃO À MÃO LIVRESELEÇÃO À MÃO LIVRESELEÇÃO À MÃO LIVRESELEÇÃO À MÃO LIVRE

Para criar seleções à mão livre, basta ativar a ferramenta LaçoLaçoLaçoLaçoLaço. Com esse recurso,podemos definir o caminho da seleção sobre a imagem. É como se estivéssemosfazendo um desenho com uma caneta. Criam-se formas irregulares ou personali-zadas de seleção.

REGIÕES CONTÍGUASREGIÕES CONTÍGUASREGIÕES CONTÍGUASREGIÕES CONTÍGUASREGIÕES CONTÍGUAS

Para criar seleções contíguas, usamos a ferramenta VVVVVarinhaarinhaarinhaarinhaarinha. Com um único clique,vários pixels da imagem são selecionados. Trata-se de um tipo de seleção maisrápida. Podemos usar o apoio das teclas: SHIFT, para somar à seleção e CRTLpara subtrair da seleção.

Page 42: Ilustração Digital - GIMP

42

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

REGIÕES POR CORREGIÕES POR CORREGIÕES POR CORREGIÕES POR CORREGIÕES POR COR

Podemos selecionar, com apenas um clique, vários pixels, ou seja, ao clicarmosem qualquer local da imagem, o pixel selecionado será a referência da seleção.Com isso, pixels de mesma cor serão selecionados num raio de abrangência queserá pré-configurado nas opções da ferramenta.

Quanto maior o raio, maior o número de pixels de mes-ma cor que serão selecionados, criando, assim, blocosmais precisos de seleção na imagem.

EXERCÍCIOEXERCÍCIOEXERCÍCIOEXERCÍCIOEXERCÍCIO

1. Capture uma imagem caracterizada por uma paisagem. Nela deveconter muitos elementos figurativos como, por exemplo, árvores, animais,nuvens, flores, etc.

2. Exercite com ela os modos de seleção. Salve o arquivo com o nomeefeitoestufaefeitoestufaefeitoestufaefeitoestufaefeitoestufa, conforme padrão do Gimp (xcf)Gimp (xcf)Gimp (xcf)Gimp (xcf)Gimp (xcf).

Page 43: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

43

TRABALHANDOCOM CAMADAS

Page 44: Ilustração Digital - GIMP
Page 45: Ilustração Digital - GIMP

45

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Camadas são pilhas de imagens sobrepostas umas sobre as outras, com áreastransparentes, semitransparentes ou opacas que produzem uma imagem, ou seja,o resultado da soma visual dessas pilhas.

Devemos entendê-las como folhas de seda que são posicionadas sobre a imagemque será editada. Em cada camada, podemos utilizar recursos diferentes,separar propriedades de diversas áreas, além de aplicar uma miscelânea deefeitos que produzem, ao final, um resultado mais satisfatório.

As camadas são utilizadas para organizar a composição da imagem de um modoracional, altamente manipulável e reaproveitável. Cada camada tem seus atributosde modomodomodomodomodo, opacidadeopacidadeopacidadeopacidadeopacidade, máscaramáscaramáscaramáscaramáscara e canaiscanaiscanaiscanaiscanais. As camadas são o coração funcionalde um arquivo GimpGimpGimpGimpGimp com extensão .xcf.xcf.xcf.xcf.xcf. Elas possuem, além das característicasde opacidade diferenciadas por regiões, algumas funcionalidades de modo modo modo modo modo eopacidadeopacidadeopacidadeopacidadeopacidade.

A característica de modomodomodomodomodo diz respeito a como uma camada, em nível superior,pode ser combinada com as camadas inferiores da pilha. Isso significa que oresultado final do valor em RGB de cada pixel da imagem visível é conseqüênciada relação entre o valor em RGB de cada pixel de uma camada selecionada comum modomodomodomodomodo específico e os pixels da mesma coordenada das camadas inferiores.

A característica opacidadeopacidadeopacidadeopacidadeopacidade diz respeito à transparência da camada selecionada,ou seja, à visibilidade de seu conteúdo em relação às camadas inferiores. O valorde 50 significa que o nível de transparência é de 50%. Valores de 100 e 0 signifi-cam, respectivamente, total opacidade e total transparência.

As camadas podem ser criadas, removidas, duplicadas, ocultadas, mescladas eainda podem ter sua posição, na pilha, alterada.

Entre as principais operações com camadas, destacam-se: criar nova camada;

mover ou ordenar camada;

duplicar camada;

Cada “modo” calcula o valor do pixel como resultado de uma funçãoespecífica aplicada às camadas, o que resulta em aparências diferentes.

Page 46: Ilustração Digital - GIMP

46

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

ancorar camada;

deletar camada;

combinar camadas;

achatar imagem.

É importante nomear cada camada de acordo com seu conteúdo. Para isso:

acione o clique duplo sobre o nome temporário da camada;

em seguida, definia um nome apropriado.

Para acessar a Caixa de Diálogo CamadasCaixa de Diálogo CamadasCaixa de Diálogo CamadasCaixa de Diálogo CamadasCaixa de Diálogo Camadas, pode-se:

na Caixa de FerramentasCaixa de FerramentasCaixa de FerramentasCaixa de FerramentasCaixa de Ferramentas, selecionar a opção ArquivoArquivoArquivoArquivoArquivo;

em seguida, clicar em Diálogo Diálogo Diálogo Diálogo Diálogo;

e escolher a opção Camadas Camadas Camadas Camadas Camadas;

ou

usar as teclas de atalho CTRL + L.

Crie camada

Sobe uma posição na pilha

Desce uma posição na pilha

Duplica camada

Ancora camada

Deleta Camada

Page 47: Ilustração Digital - GIMP

47

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

A área contornada indica as camadas existentes em uma imagem. Devemos ficarsempre atentos ao selecionar, editar e aplicar efeitos a uma camada do conjunto.Afinal, em uma única imagem, podemos trabalhar com inúmeras camadas.

Na verdade, é por meio de camadas que todo o processo de edição, montagem erestauração de fotografias é realizado. A todo momento estamos trabalhando emuma camada de conteúdo.

À medida que organizamos os conteúdos, será necessário combinar as camadasde forma que elas se unifiquem até formarem um único bloco. Esse processoreduz significativamente o tamanho do arquivo, pois reduz duas ou maiscamadas a uma.

AchatarAchatarAchatarAchatarAchatar é uma prática executada ao se finalizar o trabalho com camadas. Dessaforma, teremos uma única camada combinando todos os recursos e efeitosutilizados na montagem ou edição de imagem. Trata-se de um comando deconclusão de trabalho, necessário para uma finalização profissional.

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

É importante lembrar que todos os comandos operacionais relacionados àscamadas estão disponíveis em sua própria Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo. Dessa forma,o trabalho fica mais direto e objetivo.

Page 48: Ilustração Digital - GIMP

48

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

MÁSCARASMÁSCARASMÁSCARASMÁSCARASMÁSCARAS

MáscarasMáscarasMáscarasMáscarasMáscaras são áreas relativas às camadas que servem para ocultá-las, total ouparcialmente. Elas não destroem a parte da camada não visível, ao contrário dasáreas subtraídas da visão por meio das ferramentas de SeleçãoSeleçãoSeleçãoSeleçãoSeleção. As MáscarasMáscarasMáscarasMáscarasMáscaraspodem ser convertidas em seleções utilizáveis em outras camadas. Elas sãorecursos muito aplicados à edição de imagens, podendo ficar à disposição dousuário, armazenadas, também, na Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo CanaisCanaisCanaisCanaisCanais.

Para criar uma MáscaraMáscaraMáscaraMáscaraMáscara na Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo CamadasCamadasCamadasCamadasCamadas, em uma camadaespecífica:

clique com o botão direito do mouse sobre a camada e escolha a opçãoAdiciona uma Máscara à CamadaAdiciona uma Máscara à CamadaAdiciona uma Máscara à CamadaAdiciona uma Máscara à CamadaAdiciona uma Máscara à Camada.

Nas MáscarasMáscarasMáscarasMáscarasMáscaras o Canal Alfa de transparência é feito em uma escala que vai dobranco opaco ao preto transparente. Os tons de cinza intermediários representamo grau de transparência proporcional à proximidade do valor de preto.

As MáscarasMáscarasMáscarasMáscarasMáscaras são canais de imagens em tons de cinza (256 tons – 8 bits), comtransparência proporcional ao grau de cinza de cada pixel da máscara. Quantomais próximo do preto, maior o grau de transparência e quanto mais próximo dobranco, mais opaca se torna a imagem mascarada. Se as bordas da seleçãoestivessem enevoadas, a MáscaraMáscaraMáscaraMáscaraMáscara, baseada na seleção, seria composta por umaimagem com bordas relativas ao EnevoamentoEnevoamentoEnevoamentoEnevoamentoEnevoamento em tons de cinza. Issoproduziria uma MáscaraMáscaraMáscaraMáscaraMáscara com contornos suaves.

Através do recurso de MáscaraMáscaraMáscaraMáscaraMáscara de CamadaCamadaCamadaCamadaCamada, pode-se criar a fusão de duas oumais camadas.

Page 49: Ilustração Digital - GIMP

49

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

FUSÃO DE IMAGENSFUSÃO DE IMAGENSFUSÃO DE IMAGENSFUSÃO DE IMAGENSFUSÃO DE IMAGENS

Agora que já aprendemos um pouco a respeito de MáscarasMáscarasMáscarasMáscarasMáscaras, vamos aproveitarpara fundir imagens. Esse efeito é bem interessante, pois nos permite mesclar oureunir várias imagens formando uma só.

Para compreendermos melhor o processo de fusão de imagens, vamos fazer aseqüência seguindo os passos abaixo:

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS1. Abra o arquivo efefefefefeiteiteiteiteitoestufaoestufaoestufaoestufaoestufa, salvo no exercício anterior.

2. Selecione uma imagem e faça uma cópia de forma a posicionar umasobre a outra em camadas separadas. Para isso, trabalhe com oscomandos copiar e colar.

3. Selecione a camada superior que será fundida.

4. Na Janela de CamadasJanela de CamadasJanela de CamadasJanela de CamadasJanela de Camadas, abra o campo ModoModoModoModoModo.

5. Aplique Multiplicação Multiplicação Multiplicação Multiplicação Multiplicação e, em seguida, aplique Luz SuaveLuz SuaveLuz SuaveLuz SuaveLuz Suave.

6. Utilizando, ainda, o arquivo efeitoestufaefeitoestufaefeitoestufaefeitoestufaefeitoestufa:

redimensione e posicione cada imagem em sua camada;

na Paleta de CamadasPaleta de CamadasPaleta de CamadasPaleta de CamadasPaleta de Camadas modifique o modo da imagem que estásobrepondo, ou seja, a camada que está por cima;

crie um efeito personalizado com fusão de imagens;

ao finalizar, achate a imagem;

salve a montagem com o nome fusão_seu nomefusão_seu nomefusão_seu nomefusão_seu nomefusão_seu nome, usando o formatopadrão do GimpGimpGimpGimpGimp.

Outros modos como Luz duraLuz duraLuz duraLuz duraLuz dura, SubexposiçãoSubexposiçãoSubexposiçãoSubexposiçãoSubexposição também podem serusados para criação de efeitos personalizados na fusão.

Page 50: Ilustração Digital - GIMP

50

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

MÁSCARA A PMÁSCARA A PMÁSCARA A PMÁSCARA A PMÁSCARA A PARTIR DE TEXTOARTIR DE TEXTOARTIR DE TEXTOARTIR DE TEXTOARTIR DE TEXTO

Outro efeito bem legal é o uso de MáscaraMáscaraMáscaraMáscaraMáscara para criar uma ilustração diferente:um texto com o fundo preenchido com uma imagem. Para isso, siga os passosabaixo:

crie uma imagem de 640 x 480 com fundo branco;

crie uma nova camada com o nome de TTTTTeeeeextxtxtxtxto como como como como comMáscaraMáscaraMáscaraMáscaraMáscara e preencha com uma textura, usando aferramenta PreencPreencPreencPreencPreencher com uma Cor ou Ther com uma Cor ou Ther com uma Cor ou Ther com uma Cor ou Ther com uma Cor ou Teeeeextu-xtu-xtu-xtu-xtu-rasrasrasrasras. Arraste, com o mouse, uma textura qualquerda CaixCaixCaixCaixCaixa de Diálogo Ta de Diálogo Ta de Diálogo Ta de Diálogo Ta de Diálogo Teeeeexturasxturasxturasxturasxturas;

clique na ferramenta AAAAAdiciona Tdiciona Tdiciona Tdiciona Tdiciona Teeeeextxtxtxtxto à Imagemo à Imagemo à Imagemo à Imagemo à Imagem.Na Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo dela, escolha uma fontemais espessa, em negrito, com corpo de, aproxima-damente, 140 pixels, cor preta;

clique na Janela de ImagemJanela de ImagemJanela de ImagemJanela de ImagemJanela de Imagem e digite um texto de uma disciplina àsua escolha (Biologia, História, Geografia...);

clique na opção Cria VCria VCria VCria VCria Veeeeetttttor a paror a paror a paror a paror a partir do Ttir do Ttir do Ttir do Ttir do Teeeeextxtxtxtxtooooo, na CaixCaixCaixCaixCaixa de Diálogoa de Diálogoa de Diálogoa de Diálogoa de Diálogoda ferramenta selecionada. Será criado um vetor, tendo-se como basea palavra digitada na camada TTTTTeeeeextxtxtxtxtooooo;

na Janela PrincipalJanela PrincipalJanela PrincipalJanela PrincipalJanela Principal clique em ArquivoArquivoArquivoArquivoArquivo, selecione a opção DiálogosDiálogosDiálogosDiálogosDiálogose clique em VetoresVetoresVetoresVetoresVetores. Em Seguida, selecione o vetor e o converta paraSeleçãoSeleçãoSeleçãoSeleçãoSeleção, clicando no ícone Vetor para Seleção Vetor para Seleção Vetor para Seleção Vetor para Seleção Vetor para Seleção da Caixa deCaixa deCaixa deCaixa deCaixa deDiálogoDiálogoDiálogoDiálogoDiálogo VetoresVetoresVetoresVetoresVetores;

com a camada TTTTTeeeeextxtxtxtxto com Máscarao com Máscarao com Máscarao com Máscarao com Máscara selecionada e com a seleçãoativa na camada, clique com o botão direito do mouse sobre acamada selecionada. No Menu de OpçõesMenu de OpçõesMenu de OpçõesMenu de OpçõesMenu de Opções, escolha AdicionaAdicionaAdicionaAdicionaAdicionaMáscara à CamadaMáscara à CamadaMáscara à CamadaMáscara à CamadaMáscara à Camada. Marque a opção SeleçãoSeleçãoSeleçãoSeleçãoSeleção. Desabilite avisibilidade da camada de texto.

A imagem de texto preenchido com textura está pronta!

Page 51: Ilustração Digital - GIMP

51

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

PINCÉISPINCÉISPINCÉISPINCÉISPINCÉIS

Agora, vamos criar traçados ou desenhos artísticos que podem ser combinadoscom as imagens ou fotos no GimpGimpGimpGimpGimp. Primeiramente, vamos entender o que são osPincéisPincéisPincéisPincéisPincéis.

PincéisPincéisPincéisPincéisPincéis são ferramentas que podem simular vários tipos de técnicas de pintura edesenho. Mas, para que essas ferramentas alcancem o máximo de seu desem-penho, é necessário o uso de tabletstabletstabletstabletstablets com canetas sensíveis à pressão.

Podemos considerar como PincéisPincéisPincéisPincéisPincéis, no sentido em que os ilustradores utilizam,os seguintes tipos de ferramentas, simbolizados pelos seus ícones referentes:

Aerógrafo com pressão variada (A): espécie de spray que borrifa tinta naárea selecionada.

Desenha com tinta (K): espécie de caneta que desenha com perfilvariado, produzindo traços como se fosse uma caneta tinteiro.

Pinta com bordas duras (N): espécie de lápis que desenha com ponta maisdura.

Apaga para cor de fundo ou transparência (SHIFT + E): borrachaque pode desmanchar com opacidade e tamanho variados.

Pinta com pinceladas suaves (P): espécie de pincel que pinta comsuavidade.

Borra imagem (S): borra a imagem, produzindo uma suavizaçãoque pode ser comparada ao uso de um esfuminho.

Pincel de subexposição ou superexposição (SHIFT + D): clareia ou escureceparte da imagem na qual é utilizada.

Page 52: Ilustração Digital - GIMP

52

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Desfoca ou deixa nítido (V): interfere na nitidez da imagem, provocandoum enfoque ou desfoque.

Pinta, usando texturas ou regiões de imagens (C): é um clone que estam-pa, na imagem, porções de outras áreas da imagem.

Todas essas ferramentas têm características variadas, segundo as opçõesselecionadas na Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo, referente à sua funcionalidade. Em quasetodas as formas de PincéisPincéisPincéisPincéisPincéis podemos encontrar, na CaixCaixCaixCaixCaixa de Diálogoa de Diálogoa de Diálogoa de Diálogoa de Diálogo, de acordocom a ferramenta escolhida, a opção de Sensibilidade à PressãoSensibilidade à PressãoSensibilidade à PressãoSensibilidade à PressãoSensibilidade à Pressão. Essa opçãocontém itens relativos à opacidade, dureza, tamanho e cor. Isso significa que cadaitem varia conforme a pressão que é configurada na Caixa de OpçõesCaixa de OpçõesCaixa de OpçõesCaixa de OpçõesCaixa de Opções da ferra-menta.

O uso adequado do conjunto dessas ferramentas pode produzir imagens deótima qualidade. É importante ressaltar que o bom aproveitamento de cadaferramenta está ligado às opções feitas nas caixas de diálogo vinculadas a elas.

CANAISCANAISCANAISCANAISCANAIS

Agora, vamos aprender sobre a composição das cores das imagens. Por vezes,desativando algum canal, podemos alterar, consideravelmente, a aparência detons das fotos, possibilitando-nos criar efeitos muito interessantes.

Os canais são um tipo de estrutura. Eles armazenam informações sobre as coresde uma imagem. Funcionam como folhas de papel transparentes sobrepostas,que contêm um canal de cor diferente da imagem. Com esse recurso, é possívelmanipular ou controlar partes específicas de uma imagem relativa a um canal decada vez.

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

É importante lembrar que, no GimpGimpGimpGimpGimp, podemos produzir PincéisPincéisPincéisPincéisPincéis comformatos variados, além de acioná-los via teclado. Fique atento às teclas deatalho!

Page 53: Ilustração Digital - GIMP

53

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Dependendo do modo de cor, uma imagem pode ter até vinte e quatro canais.Podemos adicionar novos canais, exceto no modo BitmapBitmapBitmapBitmapBitmap.

O número de canais varia de acordo com o modo de cor aplicado na imagem:

imagens no modo BitmapBitmapBitmapBitmapBitmap, em tons de cinza, duotônicas e de coresindexadas têm um canal;

imagens CMYK têm quatro canais: um para cada informação de ciano,magenta, amarelo e preto;

imagens RGB têm três canais: um para cada informação de vermelho,verde e azul.

Os canais de cores de uma imagem podem ser visualizados na paleta CanaisCanaisCanaisCanaisCanais.

Page 54: Ilustração Digital - GIMP

54

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

Vamos criar um projeto cujo tema é a PPPPPoluição do aroluição do aroluição do aroluição do aroluição do ar.

1. Capture duas imagens:

a) uma que evidencie uma cena urbana, com muitos carros, ônibus,chaminés com o ar esfumaçado;

b) e outra que mostre a mesma cena urbana, porém com menosveículos nas ruas e sem o ar esfumaçado.

2. Salve as imagens no computador com o nome de poluição.xcfpoluição.xcfpoluição.xcfpoluição.xcfpoluição.xcf.

3. Mude as cores dos elementos da primeira imagem.

a) transforme em tons de cinza os elementos que colaboram para apoluição;

b) coloque em vermelho os escapamentos e as chaminés.

4. Na segunda imagem, use cores alegres e vivas.

5. Salve as alterações para armazenar a foto com seus novos efeitos decanais.

VETORESVETORESVETORESVETORESVETORES

O GimpGimpGimpGimpGimp tem, como principal recurso, a edição de BitmapBitmapBitmapBitmapBitmap, ou seja, de fotos digitais.Embora não seja seu forte, também podemos criar desenhos precisos em formade linhas ou figuras geométricas, confeccionando um desenho artístico ou atémesmo profissional como um logotipo, representação gráfica do nome de umaempresa.

VetoresVetoresVetoresVetoresVetores são linhas editáveis que podem ser transformadas em seleções e servi-rem de caminho para pinceladas de formatos diferentes de PincéisPincéisPincéisPincéisPincéis. Um vetor, nocontexto da ilustração digital, é uma linha reta ou curva descrita por modelosmatemáticos. Os mapas de bits ou BitmapsBitmapsBitmapsBitmapsBitmaps são descrições de imagens ponto aponto, ou pixel a pixel. Os VetoresVetoresVetoresVetoresVetores requerem menos espaço de memória para

Page 55: Ilustração Digital - GIMP

55

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

serem armazenados, na medida em que somente a sua descrição matemática éarmazenada.

Os BitmapsBitmapsBitmapsBitmapsBitmaps precisam guardar as informações de cada ponto da imagem.

Para acessar os Vetores Vetores Vetores Vetores Vetores:

na Janela Principal Janela Principal Janela Principal Janela Principal Janela Principal selecione a opção ArquivosArquivosArquivosArquivosArquivos;

clique no menu Diálogos > VetoresDiálogos > VetoresDiálogos > VetoresDiálogos > VetoresDiálogos > Vetores.

Os VetoresVetoresVetoresVetoresVetores são formas mais maleáveis ou manipuláveis, e fáceis de seremeditadas do que as Seleções SimplesSeleções SimplesSeleções SimplesSeleções SimplesSeleções Simples. Eles podem ser desenhados comopolígonos e como linhas curvas.

Para desenhar VetoresVetoresVetoresVetoresVetores, como polígonos:

selecione na tela principal do GimpGimpGimpGimpGimp a Ferramenta de Vetores;

na Caixa de Diálogo Caixa de Diálogo Caixa de Diálogo Caixa de Diálogo Caixa de Diálogo referente à ferramenta de vetores, marque aopção PoligonalPoligonalPoligonalPoligonalPoligonal.

Dessa forma, as linhas traçadas serão retas. A Caixa de Diálogo VetoresCaixa de Diálogo VetoresCaixa de Diálogo VetoresCaixa de Diálogo VetoresCaixa de Diálogo Vetorespermite várias opções como criação, conversão em seleção, desenho de linha,exclusão e manipulação dentro das camadas da pilha de vetores.

Page 56: Ilustração Digital - GIMP

56

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Vetorizando uma casa, através de vetores na Janela de CamadasJanela de CamadasJanela de CamadasJanela de CamadasJanela de Camadas:

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

1. Crie um arquivo novo, tamanho 640 x 480 pixels, RGB, com cor de fundobranca.

2. Com a ferramenta de desenho de vetores (B), selecione a opção PoligonalPoligonalPoligonalPoligonalPoligonal. Desenhe o esboço de um coração em uma camada específica.

3. Em uma nova camada, desenhe um coração.

4. Em uma nova camada, desenhe uma maçã.

5. Trabalhe com ferramentas de PinturaPinturaPinturaPinturaPintura, PincéisPincéisPincéisPincéisPincéis, Lata de TintaLata de TintaLata de TintaLata de TintaLata de Tinta,DegradêsDegradêsDegradêsDegradêsDegradês.

ExemploExemploExemploExemploExemplo

Page 57: Ilustração Digital - GIMP

G I M PG I M PG I M PG I M PG I M PILILILILILUSTRUSTRUSTRUSTRUSTRAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITAÇÃO DIGITALALALALAL

57

DIGITALIZANDOIMAGENS

Page 58: Ilustração Digital - GIMP
Page 59: Ilustração Digital - GIMP

59

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Chegou o momento de aprendermos a manipular nosso ScannerScannerScannerScannerScanner, considerado,hoje, um dos principais meios de digitalização de fotos antigas ou qualquerimagem já impressa.

Você pode sugerir à sua turma ou ao seu professor scanear fotos antigas de família,para restaurá-las ou modificá-las no GimpGimpGimpGimpGimp. Para acessar o ScannerScannerScannerScannerScanner através doGimpGimpGimpGimpGimp:

na Janela PrincipalJanela PrincipalJanela PrincipalJanela PrincipalJanela Principal, selecione a opção ArquivoArquivoArquivoArquivoArquivo;

clique em CapturarCapturarCapturarCapturarCapturar e escolha a opção Scanner/Câmera.

Aparecerá uma Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo com todos os dispositivos de aquisição deimagem disponíveis no seu sistema.

Page 60: Ilustração Digital - GIMP

60

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

1. Utilizando o ScannerScannerScannerScannerScanner digitalize uma foto antiga de sua cidade.

2. Digitalize a imagem no modo colorido, com resolução de 300 dpi.

3. Salve a imagem escaneada no formato.jpg.jpg.jpg.jpg.jpg.

CORTCORTCORTCORTCORTANDO E COLANDO E COLANDO E COLANDO E COLANDO E COLANDO ANDO ANDO ANDO ANDO PARTES DA IMAGEMPARTES DA IMAGEMPARTES DA IMAGEMPARTES DA IMAGEMPARTES DA IMAGEM

Esse processo é muito utilizado no GimpGimpGimpGimpGimp, pois, através dele, podemos fazer mon-tagens bem legais. Você pode copiar um objeto de uma imagem e transferir paraoutra. Você pode se inserir num cenário virtual ou imaginário, causando um resul-tado bem interessante.

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

Ao digitalizar, fique atento para estas dicas:

72 dpi: indicado para imagens que serão exibidas somente na telaem geral, exibição na WebWebWebWebWeb e em imagens que serão reduzidaspara inclusão em documentos;

200 dpi: para realizar OCR (reconhecimento óptico de caracteres);

300 dpi: indicado para ótima qualidade de impressão. Paragravação de fotolito e impressão offset, 300dpi (preto e branco)para obter melhor resultado OCR;

mais de 300 dpi: o tamanho do arquivo pode ocupar um grandeespaço no disco rígido. Uma fotografia de 8 x 13 cm, digitalizadaem 2400 dpi, colorida, ocupará mais de 240 MB.

Page 61: Ilustração Digital - GIMP

61

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

Para cortar a imagem em uma camada atual, é preciso utilizar várias ferramen-tas de seleção. Para realizar essa operação, escolha uma imagem ou fotografiaque tenha sido scaneada em sala de aula. Normalmente, a imagem é formadapor cores bem diferentes, ou seja, a composição de pixels é bem diversificada. Porisso, podemos fazer a seleção da área de interesse através de seleção de cores ouda VVVVVarinha Mágicaarinha Mágicaarinha Mágicaarinha Mágicaarinha Mágica. Para isso:

abra uma imagem que já está escaneada;

duplique a camada da imagem do original para não correr o perigo deperdê-lo;

clique na ferramenta de Seleções ContíguasSeleções ContíguasSeleções ContíguasSeleções ContíguasSeleções Contíguas ou VVVVVarinha Mágicaarinha Mágicaarinha Mágicaarinha Mágicaarinha Mágica;

em sua Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo configure a opção Limite Limite Limite Limite Limite para o valor de30. Deixe a opção Suavizar Suavizar Suavizar Suavizar Suavizar marcada. Caso a sua imagem esteja comum fundo bem uniforme, o valor pode ser menor. Esse valor indica aextensão da seleção de área em função da proximidade de cor do pixelclicado. Quanto maior o valor, maior será o intervalo de cor da áreaselecionada.

Se for preciso adicionar mais áreas à seleção, tecle SHIFT e indique as áreas dese-jadas. Na verdade, selecionar é fundamental, pois utilizaremos comandos da áreade transferência (copiar e colar), CopiarCopiarCopiarCopiarCopiar (CTRL + C) e ColarColarColarColarColar (CTRL + V).

Vamos redimensionar a camada com a figura com contorno transparente paraque possamos colocar um clone atrás dessa imagem:

selecione a camada na Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo CamadasCamadasCamadasCamadasCamadas.

Para redimensionar a figura:

na Caixa de FerramentaCaixa de FerramentaCaixa de FerramentaCaixa de FerramentaCaixa de Ferramenta clique na Janela PrincipalJanela PrincipalJanela PrincipalJanela PrincipalJanela Principal e, em segui-da, na ferramenta Redimensiona a Camada Redimensiona a Camada Redimensiona a Camada Redimensiona a Camada Redimensiona a Camada ou Seleção Seleção Seleção Seleção Seleção;

clique na camada para redimensionar.

Page 62: Ilustração Digital - GIMP

62

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Aparecerá uma Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo com a opção de entrada do novo tamanhoatravés de valores. Mas você pode simplesmente clicar em um ponto de controlenas quinas da seleção e arrastar o mouse até que a figura tenha o tamanhodesejado. Para manter a proporção da figura é necessário que, na Caixa deCaixa deCaixa deCaixa deCaixa deDiálogoDiálogoDiálogoDiálogoDiálogo da ferramenta, a opção Manter ProporçãoManter ProporçãoManter ProporçãoManter ProporçãoManter Proporção esteja marcada, ou searraste o mouse com a combinação de teclas (CTRL + ALT) pressionada.

Agora, vamos duplicar a camada com comandos bem comuns de aplicativosgráficos como copiarcopiarcopiarcopiarcopiar e colarcolarcolarcolarcolar:

usando a ferramenta de Seleção RSeleção RSeleção RSeleção RSeleção Reeeeetangulartangulartangulartangulartangular, selecione a camada aser copiada;

Para copiar a seleção, tecle CTRL + C. Para colar, CTRL + V.

Ao colar a imagem, aparecerá uma Seleção FlutuanteSeleção FlutuanteSeleção FlutuanteSeleção FlutuanteSeleção Flutuante cujo objetivo é preservara integridade da imagem a ser colada, permitindo seu correto posicionamentoantes que seja ancorada.

Para colar a imagem em uma nova camada:

com o botão direito do mouse, clique sobre a seleção flutuante e esco-lha a opção Nova CamadaNova CamadaNova CamadaNova CamadaNova Camada.

Essa é a opção mais indicada, pois, colando o conteúdo em uma camada inde-pendente, teremos mais flexibilidade para alterar seu conteúdo.

AJUSTES DE CORES NA IMAGEMAJUSTES DE CORES NA IMAGEMAJUSTES DE CORES NA IMAGEMAJUSTES DE CORES NA IMAGEMAJUSTES DE CORES NA IMAGEM

Para que possamos fazer ajustes de cores nas imagens abertas dentro do Gimp,podemos clicar no menu: FFFFFerramentas > Ferramentas > Ferramentas > Ferramentas > Ferramentas > Ferramentas de Corerramentas de Corerramentas de Corerramentas de Corerramentas de Cor.....

O ajuste de cores e tons controla os efeitos de sombra, tons, luzes, brilho, intensi-dade, iluminação e o escurecimento. Além disso:

restaura os detalhes perdidos em sombras ou luzes;

corrige subexposição ou superexposição;

melhora a qualidade das imagens.

Page 63: Ilustração Digital - GIMP

63

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

VVVVVamos altamos altamos altamos altamos alterarerarerarerarerar, inicialment, inicialment, inicialment, inicialment, inicialmente, ajuste, ajuste, ajuste, ajuste, ajustes de brilho e contrastes de brilho e contrastes de brilho e contrastes de brilho e contrastes de brilho e contrasteeeee

Brilho e Contraste fazem ajustes simples em uma escala de tons da imagem.Aplica correção ao longo da imagem ou da área selecionada. Funciona como ocontrole de imagem de uma TV. Ajusta os valores de todos os pixels da imagemde uma só vez, realces, sombras e tons médios.

Page 64: Ilustração Digital - GIMP

64

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Ajustar Matiz/Luminosidade/SaturaçãoAjustar Matiz/Luminosidade/SaturaçãoAjustar Matiz/Luminosidade/SaturaçãoAjustar Matiz/Luminosidade/SaturaçãoAjustar Matiz/Luminosidade/Saturação

Este recurso permite ajustar o matiz (as cores da imagem) e a saturação (a inten-sidade e pureza das cores), mas também fornece controle sobre o brilho de com-ponentes de cor individual de uma imagem.

Correção geral das cores: embora possa ser usado, selecionando apenas parte deuma imagem para ser alterada, esse recurso desloca os valores de cores de umaimagem entre as primárias (RGB) e secundárias (CMYK).

Page 65: Ilustração Digital - GIMP

65

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

Vamos fazer uma montagem copiando e colando imagens.

Veja no exemplo abaixo:

Essa montagem poderá ser utilizada como capa de um trabalho de biologiarelacionado ao meio ambiente.

1. Para esse exercício, você precisará selecionar três imagens: um parque ecoló-gico, um pássaro e algumas crianças.

2. A imagem do parque será o nosso cenário de fundo. Por isso, comece com ela:faça ajustes de cores, brilho, contraste e saturação.

3. Agora, abra a imagem das crianças e selecione somente o necessário, casohaja outros elementos de fundo. Copie a área e cole sobre a imagem do par-que ecológico.

4. Abra a imagem do pássaro e, ao selecioná-lo, também copie para cima daimagem do parque ecológico, redimensionando-a e ajustando-a na imagem.Aplique o efeito de Camada Brilho ExternoCamada Brilho ExternoCamada Brilho ExternoCamada Brilho ExternoCamada Brilho Externo na cor azul claro.

5. Ao finalizar a montagem, achate a imagem.

6. Crie uma seleção retangular sobre a imagem, inverta a seleção e aplique umadifusão 20 px.

7. Selecione a cor amarela como plano de fundo e delete.

8. Salve seu arquivo como montagemmontagemmontagemmontagemmontagem, conforme padrão do GimpGimpGimpGimpGimp.

Page 66: Ilustração Digital - GIMP

66

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

FILFILFILFILFILTROSTROSTROSTROSTROS

FiltrosFiltrosFiltrosFiltrosFiltros são efeitos especiais que vêm com o GimpGimpGimpGimpGimp, usados na ilustração paraproduzir impacto e aparência especiais. Os FiltrosFiltrosFiltrosFiltrosFiltros são procedimentos matemáti-cos aplicados à imagem através de algoritmos (rotinas de programação) específi-cos. É um tipo de recurso que enriquece as imagens.

Não existe uma regra geral para o uso dos FiltrosFiltrosFiltrosFiltrosFiltros. A maioria deles tem suaspróprias especificidades. Assim, através da Caixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de DiálogoCaixa de Diálogo, podemos perso-nalizar os parâmetros que são assimilados facilmente com a prática.

Os arquivos de imagens fotográficas, geralmente, são salvos em formatos .jpgjpgjpgjpgjpgcom compressão de informação. Isso se deve à necessidade de espaço no cartãode memória das máquinas.

Agora, vamos conhecer alguns filtros interessantes. Como existem muitos filtros,vamos indicar alguns mais utilizados e à medida que você for praticando exploreoutros tipos. Observe que o Gimp nos oferece um menu chamado Filtros (que ficana tela de edição de imagens):

Filtro de Desfoque GaussianoFiltro de Desfoque GaussianoFiltro de Desfoque GaussianoFiltro de Desfoque GaussianoFiltro de Desfoque Gaussiano

Page 67: Ilustração Digital - GIMP

67

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

FiltrFiltrFiltrFiltrFiltro Aro Aro Aro Aro Artístico de Ttístico de Ttístico de Ttístico de Ttístico de Teeeeextura de Txtura de Txtura de Txtura de Txtura de Telaelaelaelaela

Agora aplicaremos um filtro do grupo ArArArArArtístico>Ttístico>Ttístico>Ttístico>Ttístico>Teeeeexturas de Txturas de Txturas de Txturas de Txturas de Tela.ela.ela.ela.ela.

Page 68: Ilustração Digital - GIMP

68

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Filtro Detectar BordasFiltro Detectar BordasFiltro Detectar BordasFiltro Detectar BordasFiltro Detectar Bordas

Agora aplicaremos um filtro do grupo de Detecção de Borda > Borda.Detecção de Borda > Borda.Detecção de Borda > Borda.Detecção de Borda > Borda.Detecção de Borda > Borda.

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

1. Crie, usando os recursos do GimpGimpGimpGimpGimp, um Banner para a próxima feira deciências que, supostamente, vai apresentar a vida selvagem dos ani-mais na Floresta Amazônica. Observe a sugestão a seguir e, com muitacriatividade, desenvolva o trabalho com alguns colegas da sua sala. Vocêpode montar um grupo para que, juntos, possam desenvolver um traba-lho final ainda melhor.

Page 69: Ilustração Digital - GIMP

69

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

2. Utilize, no mínimo, quatro imagens diferentes.

3. Escolha um cenário bem bonito, como por exemplo, um pôr-do-sol.

4. Selecione alguns animais selvagens e copie-os para esse cenário.

5. Posicione-os como achar melhor.

6. Você pode utilizar recursos de filtros, camada de cores para trabalhar,brilho, contraste, saturação, níveis etc.

7. Não se esqueça de achatar a imagem ao concluir a montagem.

8. Salve o arquivo no formato .jpg.jpg.jpg.jpg.jpg ao finalizar o trabalho.

IMPRESSÃOIMPRESSÃOIMPRESSÃOIMPRESSÃOIMPRESSÃO

No momento de preparar as atividades para impressão, temos alguns pontosimportantes a serem observados.

Além da resolução, a qualidade da impressão também é influenciada pelo tipode papel empregado. A impressão em um papel de baixa qualidade nunca seráboa porque ele é poroso e fibroso, de modo que a tinta irá se espalhar, transfor-mando o ponto num borrão que se mistura aos pontos vizinhos. Para acessar ocomando de configuração para impressão:

clique em Menu ArquivoMenu ArquivoMenu ArquivoMenu ArquivoMenu Arquivo;

selecione a opção Configurar Página Configurar Página Configurar Página Configurar Página Configurar Página.

Page 70: Ilustração Digital - GIMP

70

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

Aparecerá a tela abaixo:

Na janela de pré-visualização de impressão, definimos as principais proprieda-des como:

tamanho de mídia de saída;

dimensões da imagem;

número de cópias e orientação do papel, além do posicionamento daimagem no papel.

Ao definir as opções desejadas, basta acionar o comando ImprimirImprimirImprimirImprimirImprimir.

AAAAATENÇÃOTENÇÃOTENÇÃOTENÇÃOTENÇÃO

É importante lembrar que os trabalhos de impressão fotográfica normalmentesão encaminhados para laboratórios especializados ou gráficas que oferecemrecursos de impressão digital.

Page 71: Ilustração Digital - GIMP

71

I L U S T R A Ç Ã O D I G I T A L - G I M PG I M PG I M PG I M PG I M P

EXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOSEXERCÍCIOS

1. Selecione alguns dos trabalhos realizados ao longo do curso de Gimpe proponha ao seu professor que faça uma exposição com todas asimagens que você e seus colegas “trataram” a partir deste programa.

2. Compare o antes e o depois dos trabalhos que foram elaborados atravésda montagem de imagens.

3. Selecione um trabalho finalizado e faça impressão.

A partir de agora, explore ao máximo os recursos que o Gimp Gimp Gimp Gimp Gimp lhe oferece.Esperamos ter ensinado a você as operações básicas e necessárias para

trabalhar com esse aplicativo.

Esse tipo de software é muito rico e pode conter atualizações constante-mente. Fique de olho nas novidades que poderão surgir daqui para frente.

Pratique bastante e procure fazer desse programa uma ferramenta deapoio em sua vida como estudante e até mesmo como profissional. Esteja

sempre pronto para aprender novas ferramentas.

Page 72: Ilustração Digital - GIMP

72

F O R M A Ç Ã O I N I C I A L P A R A O T R A B A L H O

BIBLIOGRAFIABIBLIOGRAFIABIBLIOGRAFIABIBLIOGRAFIABIBLIOGRAFIA

MARINHO, Francisco Carlos de Carvalho. CurCurCurCurCurso de ilustração digitalso de ilustração digitalso de ilustração digitalso de ilustração digitalso de ilustração digital. ProjetoEscolas – Referência, 2005.

MILANI, André. GIMP: Guia do usuárioGIMP: Guia do usuárioGIMP: Guia do usuárioGIMP: Guia do usuárioGIMP: Guia do usuário. Editora: Novatec, 2005. Edição: 1.

SILVA, Maria Tereza Xavier da. PhoPhoPhoPhoPhotttttoshop7oshop7oshop7oshop7oshop7: fundament: fundament: fundament: fundament: fundamentososososos. Belo Horizonte:SENAC/MG/SEMD, 2005.

http://www.dicas-I.com.br/

http://pt.wikipedia.org/wiki/GIMP

Sites pesquisados:Sites pesquisados:Sites pesquisados:Sites pesquisados:Sites pesquisados:

www.openoffice.org.br

www.softwarelivreparana.org.br

www.apostilando.com

www.inema.com.br

http://pt.wikipedia.org/wiki/Fotografia_digital

http://www.gimp.com.br/joomla/smf/

Page 73: Ilustração Digital - GIMP

ANEXANEXANEXANEXANEXOOOOO

73

PLANO DETRABALHO GIMP

Page 74: Ilustração Digital - GIMP
Page 75: Ilustração Digital - GIMP

Caro professor,

Você está participando de um projeto da Secretaria de Educação, que tem comoobjetivo apresentar as possibilidades da informática na educação, fazendo comque você se familiarize com diferentes aplicativos e utilize-os em sala de aula,buscando tornar as suas aulas mais interessantes, criativas e de fácil entendi-mento.

Várias ferramentas serão trabalhadas nesse projeto. Nesse momento, você apren-derá a editar, tratar, além de melhorar e fazer montagens com fotografias, utili-zando o programa Gimp. Quando concluí-lo, você estará apto a modificar diversostipos de imagens em suas aulas e multiplicar esse curso a seus alunos, ensinan-do-os a preparar as imagens necessárias para os seus trabalhos de forma muitomais direcionada.

Procure utilizar o computador para planejar as suas aulas, organizar e apresentarconteúdos em sala, para pesquisas, elaboração de material didático etc. Quantomais utilizá-lo, mais estará familiarizado com o recurso e descobrirá, cada vezmais, possibilidades de aplicação.

É importante que, ao utilizar a informática nas suas aulas, as orientações repas-sadas aos alunos sejam bem claras e as atividades bem direcionadas. Defina ostemas, objetivos, o tempo de trabalho e a metodologia. Em caso de pesquisas nainternet, faça uma relação de sites de busca, de temas específicos, imagens etc, eresultados esperados, evitando dispersão da turma e garantindo objetividade notrabalho.

A seguir, foi disponibilizado um “Plano de Trabalho” para orientá-lo no repasse docurso aos seus alunos. Nele, constam os conteúdos que devem ser abordados,sugestão de carga horária, dicas de metodologia e recursos didáticos.

Durante o curso, podem surgir várias idéias de utilização da ferramenta em salade aula. Não deixe de anotá-las e discutir outras possibilidades com seus colegas.

Aproveite o curso!

Sucesso!

Page 76: Ilustração Digital - GIMP

QUADRO 01QUADRO 01QUADRO 01QUADRO 01QUADRO 01

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

1. Apresentação do Instrutor1. Apresentação do Instrutor1. Apresentação do Instrutor1. Apresentação do Instrutor1. Apresentação do Instrutore Alunose Alunose Alunose Alunose Alunos

2. Apresentação Geral do2. Apresentação Geral do2. Apresentação Geral do2. Apresentação Geral do2. Apresentação Geral doCursoCursoCursoCursoCurso

– Metodologia de trabalho adotada no curso

– Critérios de Aprovação no curso

1h

3h

– Exposição dialogada

– Dinâmica deapresentação

– Exposição dialogada:

avaliação

diagnóstica para

verificar o nível de

conhecimento da

turma sobre o tema.

– Demonstração: O

instrutor deve

demonstrar todos os

procedimentos

necessários.

– Prática Supervisiona-

da: Todos os alunos

devem colocar em

prática os procedi-

mentos abordados,

sob a supervisão do

instrutor.

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila:Informática Básica

– Peças de hardwarepara demonstraçãoao aluno, comofuncionam oprocessador,memória RAM e HD.

3. Informática Básica3. Informática Básica3. Informática Básica3. Informática Básica3. Informática Básica

– Na era da informatização

– Componentes do computador

Periféricos

Modem / Fax-modem

Estabilizador

Nobreak

– Sistema Operacional

Conceitos e convenções

Arquivos e pastas (visão geral)

Armazenando dados em umcomputador

– Rede

– Internet

– Metasys

Iniciando os aplicativos doMetasys

Introdução ao OpenOfficeWriter

Introdução ao OpenOffice Calc

– Soluções para alguns problemas da informática

– Qualidade de vida no trabalho

– Equipamentos

Page 77: Ilustração Digital - GIMP

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Antes de iniciar a sua aula de informática, verifique:

O laboratório está em condições adequadas?

O número de computadores é suficiente para a turma?

O programa está instalado e funcionando adequadamente?

O material didático está disponível para a turma?

Há giz/pincel e apagador disponível?

Item 1 - Apresentação do Instrutor e Alunos

Cumprimente a turma e se apresente, dizendo o seu nome, em queárea atua, quais disciplinas ministra. Isso facilita a relação com aturma e diminui a distância entre vocês.

Para a apresentação dos alunos, peça à turma que forme duplas. Dêa eles um tempo aproximado de 5 minutos para se conhecerem.Posteriormente, peça que um apresente o outro.

DicaDicaDicaDicaDica

Não se esqueça de planejar a sua aula! Pense em atividades extraspara aqueles alunos com melhor desempenho. Talvez eles possamatuar como “monitores”, ajudando os outros colegas nas atividadese tirando dúvidas.

Page 78: Ilustração Digital - GIMP

Item 2 - Apresentação geral do curso Fale sobre o curso que irá ministrar (Gimp) Editor de ImagensEditor de ImagensEditor de ImagensEditor de ImagensEditor de Imagens, fa-

zendo um breve resumo a respeito das suas funções e do que é possí-vel criar utilizando esse software. Você pode perguntar à turma sealguém já teve a experiência de tratar imagens ou mesmo de fazermontagens com fotografias, buscando identificar o nível de conheci-mento dos participantes sobre o assunto.

Conte aos alunos como será o curso, as formas que utilizará para ensi-nar. Diga que é imprescindível que tenham disciplina e se envolvamnas atividades propostas.

Diga, também, que haverá momentos em que a exposição dialogadaserá necessária, que haverá muita prática e resolução de exercícios,buscando aplicar o software à realidade vivenciada em sala de aula.

Fale a respeito das facilidades do programa, sempre reforçando a ne-cessidade de colocar em prática tudo o que será ministrado durante ocurso, afinal, programa aplicativo é para ser aplicado, para não es-quecermos como se utilizam as ferramentas.

Diga que a participação nas aulas é imprescindível para que realmen-te ocorra o aprendizado e que, quando houver dúvidas, basta solicitaro seu auxílio.

É importante informar que somente serão aprovados e receberão ocertificado de conclusão do curso aqueles alunos se obtiverem freqüên-cia mínima de 75% (caso aplicável).

Item 3 – Informática Básica Faça um levantamento na turma das pessoas que têm conhecimen-

tos de informática, perguntando se já fizeram algum tipo de curso, sesabem utilizar o computador, buscando identificar o grau de conheci-mento para iniciar o assunto.

Aproveite a oportunidade e verifique se os alunos conhecem o Gimpou Photoshop, se já observaram alguma montagem ou melhoriassignificativas em alguma fotografia. Converse com eles sobre assituações em que podem ser utilizadas as funcionalidades do Gimp epeça-os que selecionem algumas imagens como sugestões detrabalho para desenvolvimento de atividades durante o curso.

Page 79: Ilustração Digital - GIMP

Fale sobre os conceitos básicos da informática, apresentando as par-tes do computador (CPU, monitor, teclado, mouse etc.), procurandodemonstrar como deve ser a sua utilização. Mostre aos alunos como ocomputador deve ser ligado e desligado, como se faz para abrir e criarpastas, abrir programas, acessar sites etc., permitindo a eles que exer-citem todos os procedimentos. Procure nivelar os conhecimentos daturma, esclarecendo as dúvidas que surgirem durante a aula.

Mostre as peças do hardware para que eles possam visualizar ondeficam armazenados os dados e o que faz o computador processar asinformações.

Explore os dispositivos de entrada e saída e a importância deles nodia-a-dia do professor.

Fale sobre as dificuldades que normalmente encontramos na utlizaçãodo computador e seus periféricos.

Destaque a utilização dos aplicativos metasys.

Faça um esquema explicativo no quadro, focando principalmente nosdispositivos de saída, vídeo, dataShow e Tv, mostrando a facilidade dese exibir uma imagem depois de modificá-la. Fale sobre as aplicaçõesque o usuário final pode fazer com essa imagem, como: apresentá-laem um slide para um grupo de pessoas numa sala de aula ou mesmoem um evento maior e utilizá-la em trabalhos de publicidade comorevistas, banners, outdoors etc. Fale sobre a facilidade e dinamismocom que profissionais como fotógrafos, professores e alunos podempersonalizar suas imagens, preparando-as para impressão.

Demonstre, se possível, algumas montagens com fotografiaspré-selecionadas com efeitos de filtros; reúna os alunos em grupos,usando o espaço da sala de aula em que irão trabalhar; faça comdinamismo, de forma a despertar o interesse dos alunos em trabalharcom imagens que podem enriquecer, graficamente, daqui por dianteseus trabalhos escolares.

Demonstre todos os procedimentos aos alunos e não se esqueça dedeixá-los praticar, pois a prática é imprescindível para que o aprendi-zado realmente aconteça.

Page 80: Ilustração Digital - GIMP

QUADRO 02QUADRO 02QUADRO 02QUADRO 02QUADRO 02

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

4. Imagem4. Imagem4. Imagem4. Imagem4. Imagem

– Bitmaps (GIF, JPG)

– Figuras Ilustrativas (Cliparts)

– Imagens Digitalizadas

– Fontes de Imagens

Web

Scanner

Câmeras Digitais

Cds de Imagens

5. T5. T5. T5. T5. Tamanho e Ramanho e Ramanho e Ramanho e Ramanho e Resolução deesolução deesolução deesolução deesolução deArquivoArquivoArquivoArquivoArquivo

– Imagens de Alta Resolução

– Imagens de Baixa Resolução

– Resolução para Impressão

6. Gimp: seu editor de6. Gimp: seu editor de6. Gimp: seu editor de6. Gimp: seu editor de6. Gimp: seu editor deimagensimagensimagensimagensimagens

– Elementos da tela do Gimp

– Menu de Opções

– Caixa de Ferramentas

– Seleção de Cores

– Pincéis e Preenchimento

– Miniatura da Imagem

– Janela da Imagem

2h

1h

– Exposição dialogada

– Demonstração

– PráticaSupervisonada

– Resolução deexercícios naapostila

– Exposição dialogada

– Demonstração

– Exposição dialogada

– Demonstração

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Desejável equipa-mento para projeção(DataShow, TV)

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Desejável equipa-mento para projeção(DataShow, TV)

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Desejável equipa-mento para projeção(DataShow, TV)

– Apostila de Gimp

1h

Page 81: Ilustração Digital - GIMP

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Oriente os alunos:

Quanto à utilização e seleção de imagens que serão trabalhadasdurante o curso.

Só serão permitidas imagens indicadas pelo instrutor ou previamenteavaliadas por ele. Imagens que não se adequarem ao conteúdo nãopoderão ser utilizadas.

É proibido o uso de imagens sensuais, eróticas ou de qualquer tipodessa natureza.

Imagens de Internet somente poderão ser utilizadas aquelas de domí-nio público. Fique atento às questões de direitos autorais sobre ima-gens.

Prefira bancos de imagens adquiridos por meio de CDs.

Procure mesclar a utilização das ferramentas do Gimp com as demaisdisciplinas que os alunos estejam cursando. Exemplo: eles podem tratarum mapa para um trabalho de geografia; melhorar imagens quepodem ser scaneadas de livros de biologia, história, química; criarconvites, foto-mensagem em artes etc.

Item 4 - Imagem

Fale sobre o principal instrumento de trabalho com o Gimp, ou seja, asImagens. Imagens. Imagens. Imagens. Imagens. Comece apresentando os tipos de imagens que podem sereditadas no programa. Explique, detalhadamente, o que é um Bitmape os tipos mais comuns: jpg, gif, bmp.

Faça um comparativo com os cliparts que também são desenhos quepodemos tratar dentro do Gimp.

Fale a respeito das imagens digitalizadas, da necessidade de se trans-formar uma imagem impressa em uma digital. Por meio do scannerpodemos digitalizar qualquer tipo de imagem impressa ou revelada.

Page 82: Ilustração Digital - GIMP

É importante relatar, detalhadamente, as possíveis fontes de imagens,desde a Web, scanner, câmeras digitais e os bancos de imagensatravés de cd, que podem ser comprados em livrarias ou em bancasde jornais.

Selecione algumas imagens que possam exemplificar cada uma dasorigens. Você também pode sugerir aos alunos que selecionem algu-mas imagens através da Web, indicando o site: www.olhares.com.www.olhares.com.www.olhares.com.www.olhares.com.www.olhares.com.Distribua alguns bancos de imagens através de cd e peça aos alunosque preparem uma estrutura de pastas para armazenar as imagensque eles irão utilizar durante o curso. Execute a prática de prepararum banco de imagens direcionado para o curso. Desta forma, os alu-nos ficarão envolvidos com o conteúdo desde o início do curso.

Item 5 - Tamanho e Resolução de Arquivo

Explique as principais características dos arquivos de imagens: forma-to, resolução e dimensão. Fale que esses elementos são os responsá-veis pela qualidade final do trabalho. Você pode citar algumas situa-ções comuns: imagens que serão impressas deverão ser em alta reso-lução 300 dpi, imagens que serão exibidas na tela, deverão ser embaixa resolução 72 dpi.

Faça um comparativo mostrando imagens que precisam ser impres-sas como montagens fotográficas. Essas precisam de alta resolução.

Imagens para Web já não precisam de alta resolução, pois, normal-mente, são para visualização e devem ter baixa resolução para quepossam ser acessadas mais rapidamente.

Item 6 - Gimp: Seu Editor de Imagens

Descreva as características do software e faça uma apresentação a respeitodo aplicativo: para que serve, em que tipo de trabalho pode ser utilizado etc.Destaque as principais ferramentas de seleção e edição de imagens.

Fale um pouco a respeito dos softwares livres, comparando o Gimpcom o Adobe Photoshop.

Page 83: Ilustração Digital - GIMP

Explique para os alunos como é feita a instalação do aplicativo, desdeo download até sua execução no disco rígido.

Explique como iniciar o programa e comece apresentando todos oselementos da área de trabalho do aplicativo.

Fale sobre a estrutura do Gimp, da tela principal e de todos os itens:Menu de Opções, Caixa de Ferramentas, Seleção de Cores, Pincéis ePreenchimento e a própria Janela da Imagem. Para isso, peça aosalunos que acompanhem em seus computadores, cada um identifi-cando os itens através de sua tela de trabalho.

Sugira que utilizem, também, a apostila como material de referênciae consulta que poderá orientá-los sobre os elementos da tela efamiliarização com o software.

Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !

Desenvolva com seus alunos atividades específicas ligadas aosconteúdos da disciplina que você ministra. A adequação daferramenta à disciplina é imprescindível.

Page 84: Ilustração Digital - GIMP

QUADRO 03QUADRO 03QUADRO 03QUADRO 03QUADRO 03

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Para executar com os alunos os comandos de familiarização comoArquivo Novo, inicie com um arquivo em branco indicando uma ativi-dade de foto montagem. Selecione algumas imagens já previamenteindicadas.

Desta forma, automaticamente os alunos irão praticar o comando Abrir.Lembre-se de indicar aos alunos que executem, com freqüência, o co-mando Salvar.

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

77777. Operações com Ar. Operações com Ar. Operações com Ar. Operações com Ar. Operações com Arquivquivquivquivquivososososos

– Criando um Arquivo Novo - Pixel e Resolução

– Salvando um Arquivo

– Abrindo um Arquivo

8. Redimensionar e Girar a8. Redimensionar e Girar a8. Redimensionar e Girar a8. Redimensionar e Girar a8. Redimensionar e Girar aTTTTTela de pinturaela de pinturaela de pinturaela de pinturaela de pintura

– Tamanho da Imagem

1h

1h

– Exposição dialogada

– Demonstração

– Exposição dialogada

– Demonstração

– Prática supervisiona-da: Todos os alunosdevem colocar emprática os procedi-mentos abordados,conforme descriçãona apostila, sob asupervisão doinstrutor.

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

Page 85: Ilustração Digital - GIMP

Para realizar operações de tamanho e rotação de imagens, indiquevários tipos de imagens disponibilizados previamente aos alunos.Fique atento às imagens abertas por eles para evitar que utilizem fotose imagens não autorizadas. Neste momento, seria interessanteindicar que todos abram a mesma imagem.

Item 7 – Operações com Arquivos Indique uma atividade inicial com montagem de imagens. Para isso,

use as mesmas imagens, de forma que todos possam acompanhar aexplicação. Comece um arquivo novo preparando uma nova tela parainserir outras imagens.

Sugira que os alunos abram várias imagens previamente indicadas.Neste primeiro momento, é muito importante nivelar o conhecimentoe monitorar todos os alunos.

Oriente para que salvem, com freqüência, todos os trabalhosproduzidos durante as aulas e sempre indique o nome e a pasta ondeas atividades serão salvas.

Reforce algumas definições importantes no que diz respeito aosformatos de arquivos que podem ser abertos e salvos através do Gimp.De acordo com a apostila podemos trabalhar com vários formatos,dentre eles: .jpg, .tif, .bmp etc.

Item 8 – Redimensionar e Girar a Tela de Pintura Explique, detalhadamente, a janela de comando para alterar o

tamanho e a rotação das imagens.

Indique alguns tamanhos comuns na escala altura x largura como:10 x 15, 15 x 21 etc.

Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !

Desenvolva com seus alunos atividades específicas, ligadas aosconteúdos da disciplina que você ministra. A adequação daferramenta à disciplina é imprescindível.

Page 86: Ilustração Digital - GIMP

QUADRO 04QUADRO 04QUADRO 04QUADRO 04QUADRO 04

ConteúdosConteúdosConteúdosConteúdosConteúdos PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

9. Edição de Imagens9. Edição de Imagens9. Edição de Imagens9. Edição de Imagens9. Edição de Imagens

– Trabalhando com seleções:

Seleção Retangular

Seleção Elíptica

Seleção à mão livre

Regiões Contíguas

Regiões por cor

111110. T0. T0. T0. T0. Trabalhando com Camadasrabalhando com Camadasrabalhando com Camadasrabalhando com Camadasrabalhando com Camadas

11. Máscaras11. Máscaras11. Máscaras11. Máscaras11. Máscaras

– Fusão de Imagens

– Máscara a partir de texto

2h

4h

– Exposição dialogada

– Demonstração

– Resolução deexercício na apostila

– Exposição dialogada

– Demonstração

– Prática Supervisio-nada: Resolução deexercício na apostilacom utilização detodos os recursosvistos até o momento.

– Exposição dialogada

– Demonstração

– Resolução deexercício na apostilacom utilização derecursos para fusãode imagens.

– Todos os alunosdevem colocar emprática os procedi-mentos abordados,sob a supervisão doinstrutor.

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

2h

Page 87: Ilustração Digital - GIMP

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Trabalhe com os alunos de forma bem detalhada na seleção dasimagens, pois todas as operações dependem de uma seleção bemprecisa. Explore todas as formas possíveis de selecionar uma imagemou parte dela.

Escolha várias imagens diferentes e peça aos alunos que treinem oprocesso de seleção.

Faça uma introdução sobre camadas e, em seguida, explique todasas operações que podem ser realizadas com elas, desde criar, mover,duplicar, ordenar, combinar, apagar, achatar etc. Esses comandosdevem ficar bem claros, pois todas as operações, daqui por diante,dependem de camadas.

Sugira exercícios práticos da apostila e crie, invente novas propostasde atividades que possam motivar e incentivar os alunos a produzi-rem resultados cada vez mais surpreendentes. É importante que osalunos também possam desenvolver atividades por meio de suaprópria criatividade.

Item 9 – Edição de Imagens

Toda edição de imagem depende de uma seleção, por isso mostre aosalunos todas as possíveis formas de se criar seleções rápidas eprecisas; explore as ferramentas de seleção em diversas imagens.

Faça um paralelo com a necessidade de se criar seleções em cama-das. Explique, detalhadamente, todas as operações que podem serexecutadas através das camadas. É o momento de mostrar aosalunos o conceito principal do programa “trabalhar com camadas”.

Explique o conceito de máscara e solicite que façam um exercício comfusão de imagens. Escolha, no mínimo, duas imagens para que todosfaçam, junto com você, o passo-a-passo de fusão das duas. Emseguida, sugira um exercício de fixação, no qual os alunos poderãoselecionar suas próprias imagens.

Page 88: Ilustração Digital - GIMP

Sugira que tragam imagens e fotos de casa para escanearem em salade aula. Essa atividade desperta interesse nos alunos, pois, cada umpode usar suas próprias fotos para exercitarem.

Explique o processo de criação de textos preenchidos com imagens,siga o passo-a-passo da apostila e, em seguida, peça aos alunos parapraticarem.

Não se esqueça de demonstrar cada procedimento. Permita que osalunos pratiquem e fiquem à vontade para tirar dúvida.

Você pode incentivar os alunos a proporem atividades diferentes ouenriquecerem o exercício sugerido na apostila. A atividade é ummomento de aprendizagem, troca de conhecimento e espaço parademonstração de criatividade.

Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !Atenção Professor !

Desenvolva com seus alunos atividades específicas ligadas aos con-teúdos da disciplina que você ministra. A adequação da ferramen-ta à disciplina é imprescindível.

Page 89: Ilustração Digital - GIMP

QUADRO 05QUADRO 05QUADRO 05QUADRO 05QUADRO 05

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

12. 12. 12. 12. 12. PincéisPincéisPincéisPincéisPincéis

13. 13. 13. 13. 13. CanaisCanaisCanaisCanaisCanais

14. 14. 14. 14. 14. VetoresVetoresVetoresVetoresVetores

2h

2h

– Exposição dialogada

– Demonstração

– Prática Supervisio-nada: Resolução deexercício na apostila

– Todos os alunosdevem colocar emprática os procedi-mentos abordados,sob a supervisão doinstrutor.

– Exposição dialogada

– Demonstração

– Prática Supervisio-nada: Resolução deexercício na apostila

– Todos os alunosdevem colocar emprática os procedi-mentos abordados,sob a supervisão doinstrutor.

– Exposição dialogada

– Demonstração

– Resolução deexercício na apostila.

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Desejável equipa-mento de projeção(TV ou Datashow)

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Desejável equipa-mento de projeção(TV ou Datashow)

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Desejável equipa-mento de projeção(TV ou Datashow)

3h

Page 90: Ilustração Digital - GIMP

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Neste momento você pode comparar o Gimp com aplicativos dedesenho como Draw e CorelDraw. Explique que também é possívelfazer desenhos simétricos dentro do Gimp, embora o foco do curso sejaedição de imagens e não criação de desenhos.

Instrua aos alunos que aproveitem a possibilidade de importar para oGimp desenhos em outros formatos gráficos. Desta forma, podem abrirdiversos tipos de imagens e fazer desenhos a partir delas.

Disponibilize em sua rede local de trabalho bancos de imagens pormeio de Cds que serão pré-selecionados com imagens diversas, desdecliparts, fotografias e gráficos, para que os alunos possam explorar ospincéis de desenho do Gimp.

Lembre-se que você, professor, também pode utilizar os recursos doGimp para tornar as suas aulas mais interessantes e dinâmicas. Mostreaos alunos a possibilidade de aplicação do programa em disciplinasque estejam cursando; faça uma interdisciplinaridade por meio dasferramentas que o Gimp oferece.

Item 12 – Pincéis

Apresente, detalhadamente, os tipos mais comuns da ferramentapincel, que nos permite combinar traços bem interessantes comdiversas imagens. Detalhe e peça aos alunos que testem os pincéis:aerógrafo, de bordas duras, pincéis suaves.

Pratique com os alunos o pincel de subexposição e superexposiçãopara clarear ou escurecer áreas da imagem, pincel de desfoque e,principalmente, o pincel de clonagem.

A clonagem deve ser trabalhada em diversas imagens, pois é umadas melhores técnicas para corrigir pequenas imperfeições.

Page 91: Ilustração Digital - GIMP

Em relação aos canais de cores, detalhe a paleta de canais, peça aosalunos para abrirem vários tipos de imagens e verificarem as transfor-mações que ocorrem quando ativamos ou desativamos um canal decores. Com esse recurso, podemos criar efeitos interessantes de cores,bastando acionar ou não um canal de cor.

Peça aos alunos que pratiquem os exercícios da apostila, referentes acanais e mudança de cores na imagem. Incentive-os a fazerem todosos exercícios e seja criativo, invente novas atividades relacionadas aostópicos da sua disciplina.

Detalhe a respeito de vetores, ou seja, desenhos simétricos que podemser criados no Gimp. Não se esqueça de atribuir esse tipo de trabalhoaos programas do tipo Draw e CorelDraw. Reforce o conceito dado noinício do curso de que nosso foco, dentro do Gimp, é editar imagens,mas por ser um recurso interessante, vamos aprender mais a respeitoda ferramenta de desenho.

Explique a paleta Vetores, desde os comandos básicos como: criar,mover, duplicar, deletar e desenhar contornos de vetores.

Sugira que vetorizem uma casa ou outras formas básicas, comocoração, losango etc. Você pode abrir um espaço nesse momento, como“Tema Livre”, para que os alunos possam criar desenhos simples ouartes personalizadas.

Aplique atividades práticas da apostila, motivando os alunos aexplorarem, cada vez mais, as ferramentas do gimp, pois quanto maispraticarem, mais técnicas serão adquiridas com o aplicativo.

Page 92: Ilustração Digital - GIMP

QUADRO 06QUADRO 06QUADRO 06QUADRO 06QUADRO 06

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

15. 15. 15. 15. 15. Digitalizando ImagensDigitalizando ImagensDigitalizando ImagensDigitalizando ImagensDigitalizando Imagens

16. 16. 16. 16. 16. Cortando e Colando Cortando e Colando Cortando e Colando Cortando e Colando Cortando e Colando

partes da Imagempartes da Imagempartes da Imagempartes da Imagempartes da Imagem

1111177777. . . . . Ajust Ajust Ajust Ajust Ajuste de Cores nae de Cores nae de Cores nae de Cores nae de Cores na

Imagem Imagem Imagem Imagem Imagem

3h

3h

– Exposição dialogada

– Demonstração

– Prática Supervisio-nada: Resolução deexercício na apostilacom utilização detodos os recursos.

– Todos os alunosdevem colocar emprática os procedi-mentos abordados,sob a supervisão doinstrutor.

– Exposição dialogada

– Demonstração

– Resolução deexercício na apostila.

– Exposição dialogada

– Demonstração

– Resolução deexercício na apostilacom utilização detodos os recursosvistos.

– Laboratório deInformática comLinux e Gimpinstalados

– Scanner

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

3h

Page 93: Ilustração Digital - GIMP

ORIENTORIENTORIENTORIENTORIENTAÇÕES PAÇÕES PAÇÕES PAÇÕES PAÇÕES PARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSORARA O PROFESSOR

Combine anteriormente com os alunos que tragam de casa fotos pessoais.Pode ser foto de família, foto antiga que precisa ser restaurada oumesmo de jornais ou revistas.

Reúna todos os alunos e faça uma demonstração de como se opera oscanner através do Gimp. Use o micro do instrutor, chame todos osalunos para acompanharem sua explicação diretamente do seu equipa-mento e peça a eles que ajudem a preparar o scanner para utilização.

Após demonstração detalhada, disponibilize o equipamento de formaque todos os alunos, individualmente, possam utilizá-lo. É importanteque todos possam scanear suas imagens, pois muito alunos nuncativeram contato com esse tipo de recurso.

Procure acompanhar atentamente todos os alunos. Enquanto um estátrabalhando com o scanner indique uma atividade prática para quetodos tenham exercícios para resolver. Nunca deixe os alunos ociosossem atividade prática em sala de aula.

Item 15 – Digitalizando Imagens

Chegou o momento de colocar a turma para trabalhar com o scanner.Como temos apenas um equipamento disponível, reúna toda a turmae faça uma demonstração detalhada de como ele funciona.

Use o próprio Gimp para capturar a imagem. Através do menu Arquivoexplore o comando Capturar, seguindo os passos da apostila paraexplicar todo o processo.

Ao digitalizar, é imprescindível orientar os alunos quanto à resoluçãodas imagens: 72 dpi, indicada para imagens que serão exibidassomente na tela e 300 dpi, indicada para impressão. Logo, mais de300 dpi é inviável, pois gera arquivos muito grandes.

Page 94: Ilustração Digital - GIMP

Item 16 – Cortando e Colando partes da Imagem

Ao terminar o processo de digitalização, vamos começar o processo demontagem. Essa atividade exige muita criatividade e participação dosalunos. Ensine os comandos recortar, copiar e colar, trabalhando, aomesmo tempo, com as ferramentas de seleção, pois, desta forma, osalunos trabalham com diversas imagens selecionando e copiando áre-as, elaborando uma montagem.

Sugira os exercícios de montagens com imagens da apostila. Você podedisponibilizar novas imagens para os alunos ou indicar que trabalhemcom as imagens que foram anteriormente digitalizadas.

Item 17 – Ajuste de Cores na Imagem

Aproveitando as imagens scaneadas ensine também como se faz ajustesnas cores, aplique os comandos de brilho, contraste, matiz, saturação,etc., pois todos eles permitem melhorias significativas nas imagens.

Page 95: Ilustração Digital - GIMP

QUADRO 07QUADRO 07QUADRO 07QUADRO 07QUADRO 07

Item 18 – Filtros

Explore o menu filtros explicando aos alunos que são vários os tipos de efeitosespeciais que o Gimp nos oferece. Siga as sugestões de filtros da apostila:desfoque gaussiano, artístico de textura, detectar bordas, etc.

Oriente os alunos a utilizarem o máximo de fotos que tiverem, e, em cadauma aplicarem um filtro diferente.

Sugira exercícios da apostila que trabalhem com montagem e aplicação defiltros para acabamento.

CONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOSCONTEÚDOS PROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOSPROCEDIMENTOS

METODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOSMETODOLÓGICOS

RECURSOSRECURSOSRECURSOSRECURSOSRECURSOS

DIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOSDIDÁTICOS

PREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DEPREVISÃO DE

CARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIACARGA HORÁRIA

18. Filtros18. Filtros18. Filtros18. Filtros18. Filtros

19. Impressão19. Impressão19. Impressão19. Impressão19. Impressão

Encerramento do cursoEncerramento do cursoEncerramento do cursoEncerramento do cursoEncerramento do curso– Avaliação do curso.

4h

1h

– Exposição dialogada

– Demonstração

– Prática Supervisio-nada: Resolução deexercício na apostilacom utilização detodos os recursos.

– Todos os alunosdevem colocar emprática os procedi-mentos abordados,sob a supervisão doinstrutor.

– Exposição dialogada

– Demonstração

– Impressos deavaliação do cursoou feedback aoinstrutor e verifica-ção de atendimentoàs expectativas.

– Laboratório deInformática comLinux e Gimpinstalados

– Quadro branco/negro

– Pincéis

– Apostila de Gimp

– Impressora

– Apostila de Gimp

– Impressos deAvaliação

1h

Page 96: Ilustração Digital - GIMP

Item 19 – Impressão

Quanto à impressão, normalmente não realizadas em sala de aula,pois trabalhos gráficos com fotografias exigem um equipamento dealta definição, ou seja, uma impressora adequada, explique aosalunos o comando impressão de forma resumida.

Indique que façam impressões dos trabalhos em gráficas ou laboratóriosfotográficos, pois, desta forma, o resultado impresso terá melhorqualidade.

Explique que as impressoras jato de tinta ou a laser não são as maisindicadas para impressão de fotografias; até podemos utilizá-las, masresultados profissionais somente são obtidos com equipamentosespecializados.

Item 20 – Encerramento do Curso

Termine o curso agradecendo aos alunos pela atenção e destacando obom trabalho realizado e o desempenho deles.

Estimule a aplicação da ferramenta, pois um programa aplicativo, senão for aplicado, será esquecido. Diga ainda que, com a prática,vamos, cada vez mais, aprimorando e melhorando nosso desempenho.