Editor de Imagens - Agência Digital Celepar

Circuito CELEPAR de Software Livre 2010 ­ GIMP
Gimp
2. 4 . 7
Editor de Imagens
CELEPAR ­ Companhia de Informática do Paraná.
1
GIMP
Circuito CELEPAR de Software Livre 2010 ­ GIMP
GNU Image Manipulation Program é um programa de código aberto. Utilizado na criação ou
manipulação de imagens e fotografias. Seus usos incluem criar gráficos, logotipos,
redimensionar fotos, alterar cores, combinar imagens utilizando camadas, remover partes
indesejadas e converter arquivos entre diferentes formatos de imagem digital.
O formato de arquivo nativo do GIMP é o XCF, que conta com suporte a camadas. Também é
possível editar imagens nos formatos SVG, Ico, BMP, PSD, GIF, JPG, PNG, TIF e diversos
outros.
Desenho Bitmap x Desenho Vetorial
Desenho Bitmap é criado por pontos (pixels), o computador armazena informações e todos os
pontos da imagem, por isto este tipo de arquivo é normalmente grande. Ao ampliar uma
imagem não há como ampliar o numero de pontos, consequentemente há perda na qualidade.
Desenho Vetorial, o computador armazena somente dados matemáticos. Quando desenhamos
uma reta, por exemplo, o computador armazena informações do eixo (x,y) de seus pontos
inicial e final, sua cor, espessura e algumas outras informações.
BITMAP na web
Os formatos de imagens BITMAP mais usados na web: PNG, GIF e JPEG.
Qual formato utilizar?
A escolha do formato não deve de forma nenhuma ser arbitrária. Cada um dos formatos difere
na forma como os dados da imagem são codificados e comprimidos.
Para desenhos, animações, uso de transparência recomenda­se utilizar o GIF ou PNG. O
formato .gif é ideal para imagens com pouca variação de cores, fundos monocromáticos e
desenhos com cores bem definidas e chapadas, pois utiliza­se de somente 256 cores no
máximo. Este é o formato ideal também para a criação dos famosos “gifs animados”.
Desenhos com misturas de cores e muitas variações de tons, fotografia a cores, fotografias
preto e branco (exceto com alto contraste) é melhor utilizar o JPG.
CELEPAR ­ Companhia de Informática do Paraná.
2
Iniciando o GIMP
Circuito CELEPAR de Software Livre 2010 ­ GIMP
a) GIMP: janela principal do
programa, localizada por padrão à
esquerda, composta pelo menu e as
barras de ferramentas. Neste mesma
janela abaixo, mostra as opções das
ferramentas selecionadas.
b) Camadas, Canais e Vetores:
Localizada por padrão a direita. Na
parte superior com quatro abas:
camadas, canais, vetores e histórico.
Abaixo os pinceis, texturas e
degradês.
c) Dica Gimp do dia: exibirá uma
dica a cada vez que o Gimp for
iniciado.
b
a
c
Barra de Ferramentas
Seleção Retangular►
(R)
Seleção Livre►
(F)
Seleção por Cor►
(Shift + O)
Seleção de Frente►
Seleção de Cor►
(O)
Medidas►
(Shift + M)
Alinhamento►
(Q)
Rotacionar►
(Shift + R)
Inclinar►
(Shift + S)
Espelhar►
(Shift + F)
Preenchimento►
(Shift + B)
Lápis►
(N)
Borracha►
(Shift + E)
Tinta►
(K)
Restauração►
(H)
Desfocar/Deixar Nítido►
(Shift + U)
Sub/Super­exposição►
(Shift + D)
CELEPAR ­ Companhia de Informática do Paraná.
◄Seleção Elíptica
(E)
◄Seleção Contígua
(U)
◄Seleção com Tesoura
(I)
◄Vetores
(B)
◄Zoom
(Z)
◄Move
(M)
◄Corte
(Shift + C)
◄Redimensionar
(Shift + T)
◄Perspectiva
(Shift + P)
◄Texto
(T)
◄Mistura
(L)
◄Pincel
(P)
◄Aerógrafo
(A)
◄Clonagem
(C)
◄Clonagem Perspectiva
◄Borrar
(S)
3
Redimensionar Imagem
Circuito CELEPAR de Software Livre 2010 ­ GIMP
1. Abra a imagem "redimensionar.jpg".
2. Menu: Imagem > Redimensionar Imagem...
3
3. Abrirá uma janela, conforme figura acima. Deixe habilitada a proporção.
4. Para valor de largura, 300 (pixels). Clique em Redimensionar.
5. Salve a imagem com outro nome para preservar a original.
Recortar detalhe de Imagem
1. Abra a imagem "recortar.jpg".
2. Selecione a "Ferramenta de Corte" (Shift + c).
3. Clique e arraste para selecionar a flor amarela.
4. Para efetivar o recorte clique no meio da seleção.
5. Salve a imagem com outro nome para não perder a
original.
Veja o antes e depois:
CELEPAR ­ Companhia de Informática do Paraná.
3
4
Níveis
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Este recurso permite reajustar os níveis de cor
da imagem, alterando a definição por canal
(RGB) e o nível de cor.
Pelo Menu: Cores > Níveis. Com isso abrimos
a janela de Níveis.
Ao mover o indicador circulado na imagem
para o lado esquerdo, daremos mais brilho à
imagem.
Ao mover o indicador circulado na imagem
para o lado direito, iremos escurecer a imagem.
Exemplo de antes e depois.
niveis.jpg
Exercício complementar, aplique o recurso de níveis nas imagens abaixo.
niveis_exercicio1.jpg
niveis_exercicio2.jpg
Para obter resultados similares no menu de Cores experimente as ferramentas de
"Brilho e Contraste" e "Curvas". "Brilho e Contraste" é um pouco mais limitado que os
"Níveis" e para efeitos mais aprimorados utilize as "Curvas".
CELEPAR ­ Companhia de Informática do Paraná.
5
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Retocando Imagens
Vamos retirar as antenas da imagem que será manipulada, retoque.jpg.
Utilizaremos a ferramenta. “Carimbo” (ferramenta de clonagem), que pinta usando
texturas ou regiões de imagens. Clique sobre a ferramenta "Carimbo" (C),
nas
propriedades da ferramenta deixe o Alinhamento com "Alinhado".
Na imagem segure a tecla "Ctrl". Capture uma área sem imperfeições da região em que
você irá tratar e clique sobre outra área, como mostrado abaixo:
No círculo vermelho, uma área para ser utilizada. Já a área com o círculo azul é onde
iremos colar o trecho copiado.
Veja abaixo a imagem original e o resultado final do retoque:
retoque.jpg
Exercício complementar, retire as bandeiras da figura abaixo.
retoque_exercicio1.jpg
CELEPAR ­ Companhia de Informática do Paraná.
6
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Correção de Olhos Vermelho, aplicando filtro
1. Abra a imagem "olhos_vermelhos.jpg".
2. Crie seleções elípticas nas áreas vermelhas (pressione o "Shift" para adicionar novas
seleções).
3. No menu: Filtros > Realçar > Remoção de Olho Vermelho... .
4. Para limite deixe valor 50, clique Ok para realizar as alterações.
5. Desfaça as seleções, menu: Seleção > Nada.
6. Abaixo veja a imagem original e a retocada.
Correção de Olhos Vermelho, editando o canal vermelho
1. Abra a imagem "olhos_vermelhos.jpg".
2. Na janela de camadas habilite a aba de canais.
3. Em Canais, trabalhe apenas com a
camada vermelho.
4. Selecione a ferramenta Pincel de Sub­
exposição ou Super­exposição.
Nas opções da ferramenta escolha:
3
Tipo ­­> Super­exposição
Modo ­­> Tons claros
5. Na imagem, use a ferramenta de super­
exposição na pupila.
2
4
A remoção por filtro esta disponível a partir da versão 2.4.
CELEPAR ­ Companhia de Informática do Paraná.
7
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Exercício, foto rasgada
Com os recursos e ferramentas demonstradas, retoque e retire o rasgado da foto abaixo:
retoque_foto_rasgada.jpg
CELEPAR ­ Companhia de Informática do Paraná.
resultado final
8
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Composição de Imagens I, utilizado máscara.
+
=
1 ­ Abra a imagem "composicao_a1.jpg".
2 ­ Na janela da imagem clique em "Arquivo > Abrir como Camadas..." selecione a imagem
"composicao_a2.jpg".
3 ­ Salve essa composição como .xcf, "Arquivo > Salvar Como..." , dê o nome de
"composicao1.xcf".
4 ­ Com a ferramenta de mover (m),
desloque a camada
"composicao_a2.jpg" para a direita.
5 ­ Adicione uma máscara na camada
"composicao_a2.jpg", como o botão direito
do mouse selecione a opção: "Adicionar
Máscara à Camada..." como "Branca
4
(opacidade total)".
6 ­ Altere as cores de frente e fundo para
5
preto e branco.
7 ­ Como a máscara habilitada para a edição
crie um degradê horizontal com a Ferramenta de Mistura,
da
6
esquerda para a direita.
7
8 ­ Nossa Composição esta pronta. Para preservar as camadas e máscaras salve sempre no
formato nativo do GIMP, .xcf. Para publicar essa imagem na internet salve no formato jpg.
Realize mais uma composição com as imagens abaixo. Dica: faça o degradê vertical.
composicao_exercicio1a.jpg
CELEPAR ­ Companhia de Informática do Paraná.
composicao_exercicio1b.jpg
9
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Foto preto e branco com detalhe colorido
1 ­ Abra a imagem "mascara_cores.jpg";
2 ­ Duplique a camada "Fundo", com a camada selecionada botão
3 direito do mouse a opção "Duplicar Camada";
3 ­ Selecione para edição a camada "Fundo";
4 ­ Na janela da imagem a opção "Cores >
Dessaturar", tendo a tonalidade de cinza com base
na Claridade.
5 ­ Adicione uma máscara na camada "cópia de
Fundo", como o botão direito do mouse selecione
a opção: Adicionar Máscara à Camada... como
"Preta (transparência total)";
6 ­ Selecione a ferramente de Lápis;
7 ­ Com a cor de frente com Branco, pinte na
4 máscara a área do cartaz e a do céu;
8 ­ Veja como ficou o antes e depois:
2
5
7
mascara_cores.jpg
Nas imagens abaixo esta demonstrado o resultado desejado, aplique o mesmo efeito nelas.
mascara_cores_exercicio1.jpg
CELEPAR ­ Companhia de Informática do Paraná.
mascara_cores_exercicio2.jpg
10
Circuito CELEPAR de Software Livre 2010 ­ GIMP
Composição de Imagens II
+
=
Abra a imagem "composicao_b2_bloco.jpg". Na janela da imagem, Menu: Arquivo >
Abrir como Camadas... selecione a imagem "composicao_b2_lapis.jpg". Note que na
janela das camadas aparecem duas camadas: composicao_b2_lapis.jpg e Fundo. Para
renomear uma camada basta dar duplo clique no respectivo nome.
Na janela da imagem (janela central), Menu: Arquivo > Salvar como. Dê o nome
composicao_bloco. Clique em Navegar para outras pasta. Abrirá uma caixa listando
seus diretórios. Para escolher a extensão que a imagem será salva, clique em Tipo de
Preenchimento. Escolha a opção: Gimp XCF Image, que é o formato nativo do GIMP.
Ou simplesmente digite a extensão após dar o nome da imagem: ex.:
composicao_bloco.xcf.
Vamos diminuir o tamanho da mão. Clique na ferramenta Redimensionar Camada ou
Seleção (Shift + T). Na opção de Ferramenta, clique em Manter Proporção e depois
clique na imagem.
Na janela Redimensionar é possível alterar o tamanho da imagem através dos valores
numéricos ou clicando na imagem e arrastando até o tamanho desejado. Para aplicar as
alterações, clique em Redimensionar.
Agora vamos mover a camada lapis. Com a ferramenta Mover Camadas ou Seleção,
clique na camada e posicione­a no canto superior esquerdo.
Vamos eliminar o excesso de fundo da camada composicao_b2_lapis.jpg, habilite essa
camada para edição. Clique na ferramenta de Seleção de Regiões Contíguas (Z).
Nas opções dessa ferramenta, habilite "Enevoar
Bordas", para "Raio" digite 2, assim o contorno do
recorte fica suave. Na opção "Encontrando Cores
Similares", digite 40 para "Limite", isto controla a
tolerância de variação cor. Quanto maior o número,
maior será a tolerância para cores semelhantes.
Clique agora na área bege, segure a tecla Shift
(adiciona nova seleção) e vá clicando em outras
variações do fundo até que a seleção separe
completamente a mão / lápis do fundo. Com a seleção feita adicione uma máscara na
camada "composicao_b2_lapis.jpg", como o botão direito do mouse selecione a opção:
CELEPAR ­ Companhia de Informática do Paraná.
11
Circuito CELEPAR de Software Livre 2010 ­ GIMP
"Adicionar Máscara à Camada..." habilite as opções "Seleção" e "Inverter máscara".
Clique agora no Menu: Seleção > Nada (Shift + Ctrl + A) para desabilitar a seleção.
Caso tenha sobrado algum resíduo de fundo utilize a ferramenta de Pincel para retocar
a máscara, com a cor de preenchimento preta você esconde áreas da camada e com a
cor de preenchimento branca as áreas ficam visíveis novamente. Lembre­se de salvar a
imagem (Ctrl + S)
Podemos notar que a mão está muito escura em relação ao fundo. Para corrigir isso,
podemos aumentar o brilho. Na janela da imagem (central) Menu: Cores > Brilho e
Contraste. Em Brilho digite 55 e dê Ok.
Para salvar esta imagem como um arquivo JPG, basta ir em Arquivo > Salvar Como.
Não se esqueça de escrever a extensão. Ex.: arquivo.jpg.
Exercício complementar:
+
CELEPAR ­ Companhia de Informática do Paraná.
=
12
B o t ã o A qua .
Circuito CELEPAR de Software Livre 2010 ­ GIMP
1. Crie um nova imagem com dimensões 200 x 200 pixels.
2. Adicione uma nova camada, com nome Botão.
3. Selecione toda a imagem, pelo menu; Seleção ­­> Tudo (Ctrl + A)
4. Diminua a seleção em 25 pixels; Seleção ­­> Encolher.
5. No menu de seleção clique em Retângulo Arredondado, valor do raio 25.
6. Troque a cor de frente para 007dda e a cor de fundo para d2eeff, selecione a
ferramenta de Gradiente (Preenche com um degrade de cores).
7. Clique e arraste do topo para o inferior da seleção.
6
8. Agora selecione o Menu Script­Fu ­­> Sombra ­­> Sombra Projetada. Para Deslocamento
X: 0, Deslocamento Y: 5, Raio do desfoc: 10 e Opacidade 40, clique OK.
10. Mova a camada Drop­Shadow para baixo da camada Botão.
11. Crie uma nova Camada, nome: Brilho.
12. Selecione a Ferramenta: Selecione regiões elípticas (e).
13
13. Altere o Modo de seleção para Intersecção, clique e arraste do
Topo Esquerdo até o meio da seleção.
14. Preencha
a seleção resultante com Branco (ffffff), altere a
opacidade da camada para 25.
15. Desabilite a seleção, Seleção ­­> Nada (Ctrl + Shift + A).
16. Agora a abra a imagem logo_circuito.png como camada.
17. Troque a ordem das camadas para "Brilho" ficar por primeiro.
Como a mesma técnica crie novos botões, seguem algumas sugestões:
14
CELEPAR ­ Companhia de Informática do Paraná.
13
Circuito CELEPAR de Software Livre 2010 ­ GIMP
CELEPAR ­ Companhia de Informática do Paraná.
14