Circuito CELEPAR de Software Livre 2010 GIMP Editor de Imagens. CELEPAR Companhia de Informática do Paraná.

Transcrição

1 Gimp Editor de Imagens 1

2 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. 2

3 Iniciando o 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) 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

4 Redimensionar Imagem 1. Abra a imagem "redimensionar.jpg". 2. Menu: Imagem > Redimensionar Imagem 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: 3 4

5 Níveis 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". 5

6 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 6

7 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 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

8 Exercício, foto rasgada Com os recursos e ferramentas demonstradas, retoque e retire o rasgado da foto abaixo: retoque_foto_rasgada.jpg resultado final 8

9 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 composicao_exercicio1b.jpg 9

10 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: mascara_cores.jpg Nas imagens abaixo esta demonstrado o resultado desejado, aplique o mesmo efeito nelas. mascara_cores_exercicio1.jpg mascara_cores_exercicio2.jpg 10

11 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: 11

12 "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: + = 12

13 B o t ã o A qua. 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 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 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) 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 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 13

14 14