TRATAMENTO DE IMAGEM GIMP IMP

GIMP

INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP Apresentando o GIMP

O GNU Image Manipulation Program ou GIMP um editor de imagens bitmap, um programa para criao e edio de imagens de bitmap. Tambm tem suporte a formatos de imagem vetorial. Na primeira vez que o GIMP for aberto voc ser levado ao ambiente de trabalho padro. Este ambiente de trabalho totalmente customizvel. Veja exemplo: Abas e janelas Janelas nada mais so do que as caixas de dilogo utilizadas pelos programas para selecionar opes e utilizar os seus mais diversos recursos. Um interessante recurso, muito comum em programas de cdigo aberto, so as abas. Elas tm basicamente a mesma funo das janelas, mas facilitam muito o trabalho a ser executado, pois voc no precisa minimizar um menu em uso para abrir outro caso precise de espao no desktop ou simplesmente prefira um ambiente mais limpo e organizado. Por padro, o GIMP j vem com o recurso de abas ativo. Assim sendo, os menus se abriro diretamente no mesmo espao que abriga o menu principal. Para tornar este menu uma janela, bastar arrast-lo para fora do menu principal do GIMP.

Abrindo uma nova imagem Ao clicar em "Arquivo" vemos o menu mostrado na Figura.

Clicando em "Novo", ser aberta a caixa de dilogo "Criar uma Nova Imagem", mostrada na Figura.

CURSO DE INFORMTICA E APRIMORAMENTO

TRATAMENTO DE IMAGEM GIMP IMP

Nele podemos alterar os aspectos bsicos do nosso trabalho, como tamanho, se ele ser em formato de paisagem ou retrato, entre outras coisas. No menu de opes avanadas podemos setar ainda a resoluo, sistema de cores e at mesmo escrever comentrios que podero ser lidos como uma assinatura digital quando se v as propriedades do arquivo, como pode ser visto na Figura.

Abrindo uma imagem j existente O procedimento parecido com o anterior. Ao clicar em "Arquivo", navegue at a opo "Abrir" e clique nela. Aparecer um menu onde voc dever navegar pelos diretrios at encontrar a imagem desejada. Quando a encontrar, basta clicar em "OK". Capturando tela Uma das coisas mais prticas no GIMP a facilidade de se capturar uma imagem da sua rea de trabalho ou de uma janela especfica. Para tanto, basta navegar pelo menu aberto quando se clica em "Arquivos" at a opo "Capturar", depois clique em "Capturar tela". Fazendo isto voc ser levado a um menu similar mostrado na Figura.

INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP Canais

O trabalho com canais no complicado; geralmente, o seu uso freqente quando queremos mexer com alguma das cores primrias ou simplesmente retirar alguma delas para dar um novo efeito a um trabalho.

Duplicando um canal obtemos reforo da cor primria desejada na figura. Para duplicar um canal, basta clicar com o boto direito sobre ele e selecionar a opo Duplicar canal.

Clicando com o boto direito sobre a opo Observe que nas figuras abaixo h diferena entre ambas:

Imagem normal fraca

Imagem reforada destaque, sutiumente

CURSO DE INFORMTICA E APRIMORAMENTO

TRATAMENTO DE IMAGEM GIMP IMP Brushes

Pincel, aergrafro, pincel suave. Esta ferramenta tambm conhecida por estes nomes citados e muito outros, mas para facilitar o aprendizado vamos cham-las pelo seu nome mais conhecido no mundo do design, ou seja, brush (pincel, em ingls). Abra uma nova imagem. Agora cole ou desenhe o que desejar na imagem, como visto na Figura. Agora selecione a ferramenta Aergrafo ou Ferramenta pincel ,e escolha dentre o menu de brushes algum que voc tenha criado ou outro de sua preferncia. V aplicando e desenhando sobre a imagem. Observe os efeitos causados por estas ferramentas. Para retornar no estado original, basta usar CTRL +Z que o efeito desfeito.

Camadas
Camadas, tambm conhecidas como layers, podem dividir um trabalho em diversos setores diferentes sendo que a mesma pode ter o seu nvel de opacidade ajustado a seu gosto e/ou at mesmo transparente, no esquecendo dos efeitos dinmicos que podem alterar a sua perspectiva com relao figura que estamos fazendo. Efeitos de Camadas Vamos abir uma imagem existente. V at Arquivo + Abrir. Sabemos que essa imagem passa a ser a camada oficial. Agora vamos ver na prtica como os efeitos ligados as camadas podem afetar diretamente um trabalho. Abra uma nova imagem de tamanho qualquer, clique na camada oficial com o boto direito, escolha a opo Arquivo + abrir como camadas. Veja exemplo abaixo: Agora observe criadas: abaixo as camadas

INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Observe agora que o efeito que foi colocado sobre a camada sobreposta: 1Para chegar nessa textura, ou seja sobreposta, utilizou-se a ferramenta no modo sobrepor.

2-

Observe o exemplo da sobre posio da imagem alien.jpg para o fundo.

3Agora se desejarmos mais ainda, podemos literalmente juntar todas as camadas e fazer com que toda a figura sofra modificaes sem preocupaes com setor, basta mesclar todas as camadas e selecionar a transparncia, Para tanto, clique com o boto direito no menu de camadas e escolha a opo: Combinar camadas visveis e Cortada para o tamanho da imagem.

Retirando olhos vermelhos A diversos estilos para retirar olhos vermelhos, um deles voc ir aprender agora, veja: Isso costuma ocorrer devido aos flashes distribudos pela camara digital ou mecnica. No painel do GIMP, utilize a ferramenta Seleo elptica. Selecione o contorno da cor vermelha. Veja:

CURSO DE INFORMTICA E APRIMORAMENTO

TRATAMENTO DE IMAGEM GIMP IMP

V at ao menu Cores + matriz saturao.

Selecione a cor primria para modificar, observe a figura ao lado.

Utilize as linha de correo, na parte de saturao deixa-a com -63, conforme exemplo ao lado.

Observe em sua figura ou foto que o contorno de vermelho ficou natural. Existem outras tcnicas para retirar esse defeito dos Olhos vermelhos. Procure definir sobre qual ir optar. Colorindo olhos Uma tcnica muita interessante, nesse caso voc poder utilizar de uma certa opo para demonstrar sua variedade. Veja: Abra uma imagem. Nesse caso abriremos uma que contenha os olhos para definir cores, em principio de cor preta ou castanho. Iremos colocar os olhos azuis. Para abrir uma imagem v para: Arquivo + abrir.

INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Para selecionar iremos utilizar a ferramenta seleo livre, veja:

Aps escolher a ferramenta, posicione sobre a imagem. Seguro o cursor com o mouse. Segure e comece a contornar no entorno do olho para definir onde ir alterar a cor dos olhos.

Agora, iremos colorizar, nesse caso iremos deixa-la completamente cinza, pois nesse momento que a cor poder ficar mais viva: para regra segue: Menu Cores + colorizar veja exemplo abaixo: No altere nada, apenas deixe como est e clique em Ok! Agora iremos dar mais vida nesse olho: V at o menu Cores + ajustar curvas Veja:

Deixe conforme as alteraes do modelo acima.

Observe que os olhos esto mais vivos

CURSO DE INFORMTICA E APRIMORAMENTO

TRATAMENTO DE IMAGEM GIMP IMP

Nesse momento iremos optar por colocao da cor Azul nos olhos. V at menu Cores + equilbrio de cores. Observe que dever est com as configuraes igual ao exemplo abaixo.

Para confirmar a mudana utilize o seguinte: Shift + Ctrl + A. Assim ficar fixa as mudanas.

Nesse momento para dar maior qualidade iremos colocar o globo ocular mais ntido ou faz-lo proporcional cor dos olhos. Selecione o globo ocular com a ferramente Seleo Elptica, veja exemplo abaixo: Agora nesse momento, utilizaremos a ferramenta Brilho e contraste. V at o menu Cores + brilho e contraste. Deixe as configuraes conforme exemplo abaixo:

Fixe a mudana utilizando Shift +Ctrl + A . Depois observe que os olhos ficaram com exatido da mudana. Observao: tal como foi feito nas alteraes dos olhos, voc poder exercitar tambm as mudanas para colorao do cabelo e tambm maquiar conforme sua necessidade. Utilize o mesmo processo dos exerccios anteriores.

INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP Escrevendo e configurando texto

Escrevendo texto Para editar uma palavra, ou um texto, primeiro abra uma nova camada. Depois clique na ferramenta de texto:

Observe que uma janela abre e voc define o que ir digitar: veja exemplo abaixo:

Texto digitado por aqui.

Voc poder aumentar o tamanho do seu texto usando a mesma janela acima, ou seja, basta selecionar o que est dentro da janela digitado para depois ir ao painel do GIMP e alterar. Veja:

As alteraes podero ser utilizadas conforme sua necessidade. Observe que existe itens deste painel. Exercite um pouco para verificar como fica seu texto.

CURSO DE INFORMTICA E APRIMORAMENTO

10

TRATAMENTO DE IMAGEM GIMP IMP

Para mover o seu texto sempre use a ferramenta movimento que se encontra no painel do GIMP. Veja: Ferramenta Seleo, posicione sobre o texto e movimente para qualquer lugar da camada. Exercitando com o GIMP. Criando imagens: Abra uma imagem que voc salvou. Nesse caso ela dever ser trabalhada. Veja como: Esta ser a imagem que voc dever trabalhar. Iremos dar uma qualidade inferior ao rosto. Nesse caso voc ter que adicionar uma outra camada, porm abrindo um tipo de textura que poder dar o efeito desejado. V para arquivo + abrir como camada. Veja que uma outra camada com um outro tipo de imagem foi adicionado.

Note que as camadas esto prontas para que sejam trabalhadas.

Primeiro iremos trabalhar com os olhos de sua personagem, iremos dar uma colorao avermelhada nesse imagem. Veja: Primeiro d um zoom nos olhos veja: V at a ferramenta elptica, veja pgina 08. e faa o contorno dos olhos.

11 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Aps isso utilize o pincel para dar o contorno desejado.

Basta posicionar o pincel no interior do crculo e comear dar a colorao avermelhada..veja exemplo abaixo!

Para dar um efeito utilize a ferramenta superexposio. V aplicando dentro da parte avermelhada. Voc notar que essa opo estar clareando aos poucos. Iremos neste momento dar uma piorada nesse rostinho lindo. Ento faremos a utilizao do filtro. Como? V at o menu filtro + escupir. D a qualidade conforme exemplo: Utilize as configuraes abaixo:

Agora iremos utilizar a outra camada. Essa camada ser para o corpo ou o local desejado ao qual voc poder trabalhar. Utilize agora a camada disposta. Veja:

Selecione esta camada. E v arrastando para a parte desejada. Depois no setor opacidade defina como melhor adaptar.

CURSO DE INFORMTICA E APRIMORAMENTO

12

TRATAMENTO DE IMAGEM GIMP IMP

Agora pegue a ferramenta borracha e v delineando somente as partes que no devero receber a textura. Veja:

comece contornando a parte que voc no ir deixar a textura. Note que nesse exemplo o biquine mais os ombros e braos a textura ficou definida. O restante foi apagado pela borracha.

Novamente iremos pegar outra imagem, novamente v at menu Arquivo + abrir como camadas, note que uma terceira apareceu. E ser esta terceira camada que trabalharemos. Observe exemplo abaixo:

Mais uma camada ao qual voc dever trabalhar.

Agora abra a imagem que est sobreposta a sua outra imagem, e comece a trabalhar, v dimensionando utilizando as ferramentas dimensionadoras veja.:

13 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Use e abuse das ferramentas, principalmente sabendo em qual camada est atuante..veja exemplo abaixo como ficou nossa candidata:

Bela (antes)

A fera (depois)

Script-fu
Script-fu so scripts do GIMP que ajudam voc a criar efeitos radicais em logomarcas, botes de sites, criar novas texturas e muito outros efeitos. Vamos ver agora efeitos bsicos que podem ser feitos sem nenhum esforo, de forma que possam ser rapidamente memorizados. Logomarca com efeito degrad Esse efeito simples, aliado sua criatividade, pode poupar muito tempo quando se precisa de um trabalho simples mas bem feito. Faamos assim: Na interface do GIMP, clique em Extras e navegue pelo menu Logos at a opo desejada. Ns optamos por uma bem legal que foi a Escupido veja:

CURSO DE INFORMTICA E APRIMORAMENTO

14

TRATAMENTO DE IMAGEM GIMP IMP

Observe ao lado dessa figura, que as configuraes j aprecem configuradas para os layouts. O que voc dever modificar poder ser o seu Texto, ou a Imagem de fundo. Aps isso basta clicar no boto ok.

Observe que a forma da letra est prefeita, conforme a escolha do nosso layout. Ou seja, existem vrios estilos de trabalho para melhor design.

Texto livre Nessa parte voc ir trabalhar o texto individualmente. Daremos um efeito no seu texto diferente dos exemplos acima. Primeiro abra uma camada nova. Menu Arquivo + Novo. Digite um nome, no exemplo abaixo digitamos Marcos. O estilo de fonte fica livre para voc escolher, a cor tambm no tem muita importncia, levando em considerao das modificaes que iremos fazer.

15 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Clique com o boto direito sobre a camada Marcos e duplique: teremos duas camadas com os nomes. Porm na camada criada voc dar uma colorao verde.

Escolha uma cor clicando sobre o painel depois d ok. Agora sobreponha a imagem criada (texto) dando a impresso de serem duas: veja:

Existe um efeito bem legal. Bem nesse momento iremos aplicar um filtro. Este filtro ir dar uma outra qualidade. Veja:

Note que a camada escolhida estar em destaque para que voc no confunda qual dever trabalhar. Agora v at o Menu Filtro + mapear + iluso. Observe a configurao abaixo:

Note que houve uma alterao. Existe uma forma bem interessante na palavra.

CURSO DE INFORMTICA E APRIMORAMENTO

16

TRATAMENTO DE IMAGEM GIMP IMP

Animando suas imagens Sabe aquela montagem que fizemos da pgina 10 pgina 13? Ento nessas imagens que iremos trabalhar. Ento abra a imagem limpa sem ser trabalhada. Menu arquivo + abrir. Veja:

A partir desta imagem, iremos duplicar em camadas, ento v at Menu camada + Duplicar camadas veja abaixo:

Agora abra a outra imagem, porm deve ser a imagem que voc modificou, v at menu Abrir + abrir como camadas. Veja agora:

Agora voc tem uma seqncia de trs imagens. Isto porque para trabalhar com movimento ou transformao o GIMP, precisa de no mnimo de 03 seqncias. Selecione a camada do meio cpia de fundo e torne-a cinza para depois modificarmos esta camada.

17 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Tornando a camada cinza, faa assim: v at o Menu Cores + Dessaturar, veja a configurao abaixo:

A imagem definida na camada ficar toda cinza. Continuando. Nesse momento v para o Menu filtro + pixelizar: e deixe conforme configurao abaixo, isso dar um pequeno desfoque na imagem.

Agora posicione suas imagens (camadas) iguais as seqncias abaixo: isso dar uma melhor movimentao de transformao de quadro. Ok?

Escala trabalhada

Escala original Escala cinza

Vamos dar animao. V at menu Filtro + animao + transio. Mantenha conforme a configurao abaixo: Depois da imagem tratada, v novamente at o Menu Filtro + reproduzir. Mas para que a imagem fique com a transio mais lenta. Clique com o boto direito sobre a reproduo e utiliza mais lenta. E depois salve como sendo arquivo com extenso .Gif.

CURSO DE INFORMTICA E APRIMORAMENTO

18

TRATAMENTO DE IMAGEM GIMP IMP

Utilizando para marketing
Texto cromado Nesse instante iremos comear a entrar nesse campo que o marketing. Primeiro voc deve sempre perguntar como e onde comear. Ento comearemos com um efeito cromado. Veja: 1 etapa Mas antes, abra um novo documento com as seguintes configuraes:

Escreva um texto preto. Depois duplique a camada de texto

Camadas duplicadas

Agora use as cores bfbfbf para frente e 939393 para o fundo.

Cor de frente configurao, bfbfbf

usando

Cor de fundo usando configurao, 939393

19 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Na camada de texto clique com o boto direito do mouse e v em alfa para seleo. Veja figura abaixo:

Note que o contorno do seu texto estar como que selecionado. Nesse momento que iremos comear a trabalhar.

Antes, caso precisar inverter o sentido das camadas, clique na primeira camada segure e arraste para o lugar da segunda e solte, isso voc poder fazer depois. Use a ferramenta de gradiente desse modo.

ferramenta de gradiente

Arrastando com a ferramenta gradiente, diagonalmente.

Depois vai em Filtros + Desfocar + Desfoque Gaussiano. Veja configuraes abaixo.

CURSO DE INFORMTICA E APRIMORAMENTO

20

TRATAMENTO DE IMAGEM GIMP IMP

Agora vai em Filtros + mapear + mapear relevo. Coloquem do jeito que esta aqui:

Seu texto comea a tomar forma de metlico. Porm ainda no momento para euforia.

Falta agora deixar o texto metlico, e para isso v em Menu cores + curvas. Use as curvas do jeito que est aqui:

Parabns sua imagem poder estar melhor, ou ter que treinar bastante.. Para desmarcar v at o Menu Seleo + nada.

21 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Texto saindo de algo Uma opo bem legal voc fazer uma bela textura, ou que possa chamar ateno de algo. Vejamos agora como uma bela propaganda poderia dar esse efeito: 1 Abra uma camada, o tamanho voc poder definir. Agora v para opo degrad para buscar um efeito. Veja:

Clique 02 vezes nesta opo degrad.

Escolha o degrad que lhe agradar. Depois clica na ferramenta degrad.

2 Veja a procedncia.

Segure na parte superior. Depois arraste at a parte final da imagem. Aps isso, solte e ver o efeito traado. Veja exemplo abaixo:

3 Escreva o texto. V at a ferramenta Texto

Veja que o posicionamento voc quem decide.

CURSO DE INFORMTICA E APRIMORAMENTO

22

TRATAMENTO DE IMAGEM GIMP IMP

4 Duplique o seu texto: V para ferramenta Camada + Duplicar camadas. Altera a cor dessa camada texto para cor Branca.

3 altere a cor para branco

1 selecione o texto nesta caixa.

2 aumente o tamanho desejado.

5 Agora iremos desfocar as duas imagens. Ou seja , iremos desfocar os dois textos. Para isso utilize o menu Filtro + Desfocar + Desfocagem Gaussiana. Para desfocar, importante utilizar uma camada de cada vez, ou seja, clique numa camada e faa a alterao e depois a mesma operao na outra. Depois veja o resultado. Mas agora veja as configurao para cada camada, abaixo:

Utilize estas configuraes para a camada infoco de cor negra.

Utilize estas configuraes para a camada infoco de cor Branca.

23 INFOCO INFORMTICA 3211 6594

TRATAMENTO DE IMAGEM GIMP IMP

Observe o exemplo abaixo: veja como ficou nossa textura: A imagem fundi-se, parecendo que est saindo de uma parede.

Colocamos uma imagem fundindo ao nome da instituio. Fica bem legal se voc der uma misturada e ver como fica. As imagens esto bem sutis.

Este trabalho ainda poder se estender, portanto aguarde para maiores detalhes..ok? Abraos Professor Eurpedes Marccos

CURSO DE INFORMTICA E APRIMORAMENTO

24