introdução ao gimp

36
Secretaria Municipal de Educação de Volta Redonda Programa de Informática Aplicada à Educação - VRlivre Núcleo de Tecnologia Educacional Municipal – NTMVR Núcleo de Tecnologia Educacional – NTEVR Introdução ao GIMP Introdução ao GIMP

Upload: donguyet

Post on 08-Jan-2017

242 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Introdução ao GIMPIntrodução ao GIMP

Page 2: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Máscara Digital com Máscara Digital com deformação Interativadeformação Interativa

Page 3: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Page 4: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

““Se concordamos que a função da Educação é a preparação de pessoas para o seu Se concordamos que a função da Educação é a preparação de pessoas para o seu futuro (e não para seu passado), então uma visão através do para-brisa será mais futuro (e não para seu passado), então uma visão através do para-brisa será mais

útil que aquela vista pelo espelho retrovisor.” útil que aquela vista pelo espelho retrovisor.” Litto (1998, p.15)Litto (1998, p.15)

Page 5: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Criado em 1995, por Spencer Kimball e Peter Mattis, como um projeto para a faculdade. Atualmente, ele é mantido por um grupo de voluntários e licenciado sob a GNU General Public License.O GNU Image Manipulation Program- GIMP, é o editor de imagens open source mais famoso do mundo e alternativa para o ADOBE PHOTOSHOP .

O que é o GIMP?O que é o GIMP?

Page 6: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

● Criar gráficos;● Logotipos;● Redimensionar fotos;● Alterar cores;● Combinar imagens utilizando camadas;● Remover partes indesejadas;● Converter arquivos entre diferentes formatos de imagem digital.

O uso do GIMPO uso do GIMP

Page 7: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

A opção nativa para o modo de visualização em

janela única.

O GIMP 2.8O GIMP 2.8

Page 8: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

● Agrupar camadas;● menu Janelas > Modo Janela-Única;● Suporte à multicolunas;● Arquivo > Exportar ou Ctrl + Shift + E● Bordas editadas ganha mais suavidade;● Múltiplo desfazer/refazer, limitados apenas pelo espaço livre em disco;● Camadas de texto editáveis;● É possível gerar animações... Fonte:http://www.baixaki.com.br/download/the-gimp.htm

Novidades do GIMP 2.8Novidades do GIMP 2.8

Page 9: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Na versão 2.8 temos a opção janela única!

Iniciando o GIMPIniciando o GIMP

Vá em “Aplicativos” > “Gráficos” > “Editor de imagens GIMP”.

Page 10: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Abrindo uma ImagemAbrindo uma Imagem

Page 11: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Caixa de FerramentasCaixa de Ferramentas

Selecionado!

Exibe as opções!

Camadas

Pincéis

Page 12: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criação de uma máscara...Começando a criação de uma máscara...

Com a de seleção retangular (destaque

em vermelho), faça um retângulo, como mostra a figura ao lado e aperte

a tecla delete!

Page 13: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe que o fundo da imagem está branco.

Assim não será possível fazer a máscara. Use o Crtl+Z, para desfazer a ação anterior (deletar).

Page 14: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe que o fundo da imagem está branco. Assim não será possível fazer a máscara. Use o Crtl+Z, para desfazer a ação.

Criando o fundo transparente: Clique na área branca (seta

vermelha) com botão direito do mouse e escolha “Adicionar canal alfa (transparência)”

Page 15: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Delete novamente a seleção e observe o

resultado. O fundo branco foi

substituído pelo fundo transparente.

Page 16: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Delete agora a seleção e observe o resultado.

O fundo branco foi substituído pela transparência.

Page 17: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Dê um zoom segurando a tecla “Ctrl” e girando

a botão do meio do mouse (rodinha).

Observe que fizemos um corte reto.

Page 18: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Todas ferramenta possuem diversas

configurações. Podemos usar a opção

“enevoar” para realizar um corte mais

suave. Menos uniforme.

Page 19: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe que o corte ficou mais suave. Menos

uniforme e com um efeito de névoa.

Page 20: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Vamos trabalhar com filtros > distorções >

deformação interativa. Temos que selecionar o pedação e/ou a figura

inteira.

Page 21: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe as configurações que você pode estar criando. É como se a imagem

fosse tinta... Teste as possibilidades.

Clique em “Restaurar” para voltar ao normal

ou “OK” para executar as deformações criadas.

Page 22: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Você pode aplicar outros filtros,

combinando-os. Use de sua criatividade!

Vamos abrir outra imagem.

Page 23: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe que temos duas imagens na aba.Veja o tamanho das

imagens. Ex.: 1024X640Vamos criar uma

imagem nova maior que aquelas que você irá

trabalhar.

Page 24: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara..Começando a criar a máscara..

Criaremos uma imagem nova 1800X1600

Isso facilitará o trabalho.

Page 25: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Veja as três imagens que iremos trabalhar.

Vamos copiar a imagem do esquilo e colarmos na imagem nova em

branco.

Page 26: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Cole a imagem do esquilo. Você poderá

utilizar da ferramentas redimensionar, mover...Depois copie a máscara

e cole.A máscara sempre fica

por cima.

Page 27: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Observe que você poderá usar as ferramentas

mover, redimensionar. Clique numa área branca

após terminar de posicioná-la conforme sua

necessidade.

Page 28: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Selecione a imagem que você irá utilizar.

Page 29: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Vá em imagem > cortar para seleção. Será excluído

tudo que estiver fora da seleção.

Page 30: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Veja o resultado e observe o tamanho da imagem. Agora vá em arquivo >

exportar como .png

Page 31: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Localize a pasta e dê o “nome_do_arquivo.png”

Clique em exportar.

Page 32: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Clique em exportar.

Page 33: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Quando exportamos .png, temos uma imagem para

ser visualizada em qualquer computador. Quando salvamos no

formato.xcf, este arquivo só abrirá no GIMP.

Page 34: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Começando a criar a máscara...Começando a criar a máscara...

Veja o resultado! Use sua criatividade. Trabalhar com deformação interativa serve para criar caricaturas e/ou “melhorar alguns probleminhas”

Page 35: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Page 36: Introdução ao GIMP

Secretaria Municipal de Educação de Volta RedondaPrograma de Informática Aplicada à Educação - VRlivreNúcleo de Tecnologia Educacional Municipal – NTMVR

Núcleo de Tecnologia Educacional – NTEVR

Giany [email protected]

Sergio Graç[email protected]

Suellem [email protected]

Theodoro [email protected]

Portal dos Implementadoreshttp://www.iaesmevr.orgTel.: (24) 3356-7000