Ldits integrando imagens

356 visualizações

Publicada em

Usando recursos do GIMP para integrar imagens.

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
356
No SlideShare
0
A partir de incorporações
0
Número de incorporações
167
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Ldits integrando imagens

  1. 1. Linguagem digital para inclusão Tecnológica e Social SOFTWARE LIVRE APLICAÇÕES PARA CONTEÚDOSEDITANDO IMAGEM PARA OUTROS CENÁRIOS Reinaldo Afonso Mayer
  2. 2. Aplicações – “Linguagem digital para inclusão tecnológica e social “ RECORTANDO IMAGENS E COLOCANDO EM NOVO CENÁRIORecortar uma imagem é uma tarefa relativamente simples e, assim como em vários outrosprogramas, tudo o que temos a fazer é selecionar o trecho a ser recortado e teclar "Ctrl + X".A grande dificuldade encontra-se em selecionar a área da imagem a ser recortada, uma vez quenem sempre essa área é exatamente quadrada ou circular.Vamos falar sobre uma das ferramentas para selecionar áreas de formato irregular: a ferramentade vetores.Há diversas maneiras de se selecionar um "pedaço" de uma imagem: podemos selecionar essepedaço através da cor, através de uma seleção quadrada ou circular, através da ferramenta deseleção livre ou de seleção contígua, dentre outras formas.O que define qual ferramentas devemos usar para selecionar a área a ser recortada, é única eexclusivamente a imagem e a área da imagem que queremos selecionar. Abra com o Gimp a figura que deseja recortar. ( nossos exemplos estão na biblioteca )Se precisar de uma para treinar um pouco, pode utilizar a figura abaixo. Vamos usá-la para oexemplo (encontrei na busca de imagens do Google). O arquivo se chama magica_do_livro.jpg. A ideia aqui é a seguinte: retirar o fundo deixando somente a leitora. Para começar, faça o download da imagem na INTERNET e abra ela com o Gimp. (arquivo abrir, selecione a imagem )
  3. 3. Aplicações – “Linguagem digital para inclusão tecnológica e social “Em seguida, na janela de camadas (Ctrl + L), clique com o botão direito do mouse sobre acamada da imagem e selecione a opção "Adicionar canal alfa", isso nos permite trabalhar comtransparências nas imagens.Na caixa de ferramentas (Ctrl + B), selecione a ferramenta de vetores ou simplesmente tecle "b": Vamos entender melhor o funcionamento da ferramenta:Com ela selecionada, podemos adicionar pontos (vetores) sobre a imagem, desenhando ocontorno que desejamos recortar.Veja alguns controles da ferramenta:  Clique simples: adiciona um vetor (o vetor seguinte será ligado ao anterior por uma linha reta);  Clicar e arrastar: adiciona uma curva com seus respectivos controles;  Segurar a tecla CTRL, clicar sobre um ponto (vetor) e arrastar: transforma a linha reta em uma curva (um controle quadrado surge quando arrastamos).  Segurar a tecla ALT, clicar sobre um vetor e arrastar: move toda a seleção.  Segurar Shift e clicar com o botão direito: adiciona um vetor sem ligação com o anterior (sem a linha);  Pressionar Ctrl + Shift e clicar sobre um vetor: exclui o vetor;  Pressionar Ctrl + Shift e clicar sobre um controle: exclui o controle.Veja um pequeno exemplo:Na imagem temos o exemplo de como são os vetores:  Os pontos circulares escuros são vetores "inativos", isso é, que não estão em modo de edição.  O ponto circular claro é o vetor "ativo", isso é, que está sendo editado no momento.
  4. 4. Aplicações – “Linguagem digital para inclusão tecnológica e social “  Os quadrados são os pontos de controle do vetor. Eles só aparecem quando usamos curvas, uma vez que é através deles que definimos o tamanho e a direção de cada curva (basta arrastá-los).  Cada vetor tem dois pontos de controle para as curvas (basta pressionar Ctrl e clicar sobre eles para arrastar).  Podemos passar qualquer vetor para o modo de edição, para isso, basta clicar sobre ele.Com tudo bem explicado, vamos ao que interessa: de volta à IMAGEM ESCOLHIDA e com aferramenta de vetores selecionada, adicione os vetores ao redor do objeto a ser recortado (ANOSSA LEITORA) de forma que todo o seu contorno seja preenchido.Faça com calma e adicione quantos pontos achar necessário. Se for preciso, aumente o zoom(tecla "+" do teclado numérico) para ajudar a visualizar a área a ser contornada. Procureposicionar as linhas dos vetores exatamente sobre o contorno da nossa leitora. Veja como deveficar: Note na imagem acima (clique para ampliar) que os vetores envolvem A IMAGEM. Agora que envolvemos o objeto a ser recortado, vamos selecioná-lo:Caso a janela de vetores não esteja disponível, abra ela através da janela principal (ondeeditamos a imagem), clicando no menu Janelas > Diálogos de Encaixe > Vetores.
  5. 5. Aplicações – “Linguagem digital para inclusão tecnológica e social “Nessa nova janela poderemos transformar nossos vetores em uma seleção pressionando o botão"Vetor para seleção" (destacado na imagem).Feito isso, as linhas que desenhamos com os vetores se transformarão em uma seleção em tornodo nosso carro. Como queremos excluir o fundo e não o carro, devemos inverter a seleção. Parafazer isso, basta teclar "CTRL + I", ou através do menu Seleção > Inverter.O tracejado da seleção envolverá todo o fundo da imagem e bastará teclar "Ctrl + x" para cortar ofundo, mantendo apenas a leitora, como era pretendido desde o início.CUIDADO: pode acontecer com algumas imagens o caso em que é recortado “parte da imagem”,mas ainda fica uma “tela branca”, que na verdade, é o fundo, que é fica BRANCO e então tem queser eliminado também.
  6. 6. Aplicações – “Linguagem digital para inclusão tecnológica e social “ Neste caso, vamos usar um artifício de “adicionar um canal” para a eliminação:Veja:Feito isto, podemos aplicar novamente o CTRL + X para o resultado esperado:Não se espante com o fundo quadriculado, ele nada mais é do que o fundo da área de trabalho doGimp e mostra que tudo o que está em volta da leitora está transparente. SALVE O SEU ARQUIVO COM O NOVO NOME: leitora.xcf e escolha ARQUIVO, fechar.Lembrando, para salvar a imagem: 1. Para editá-la ou usá-la posteriormente, vamos aceitar o formato, com o nome leitora.xcfAgora vamos abrir a imagem chamada Floresta encantanda, que tem o nome de floresta.jpg.
  7. 7. Aplicações – “Linguagem digital para inclusão tecnológica e social “1. Podemos agora usar a imagem da leitora, escolhendo ARQUIVO, ABRIR COMO CAMADA, escolhendo o arquivo leitora.xcf.2. Use a ferramenta redimensionar para adequar a imagem da Leitora ao contexto da Floresta Encantada.
  8. 8. Aplicações – “Linguagem digital para inclusão tecnológica e social “ NOSSO RESULTADO FINAL DEVE TER ESTA APARÊNCIA:O QUE ESTÁ FALTANDO AGORA? ( não se preocupe com o pontilhado ): 1. Para editá-la ou usá-la posteriormente, vamos aceitar o formato, com o nome leitura_encantada. xcf 2. Para poder usar o seu resultado em outro trabalho, escolha ARQUIVO, EXPORTAR, salve sua exportação novamente com o nome Leitura_encantada.jpg, para poder aproveitá-la como apoio de sua produção.A intenção desta dica é produzir transformações em imagens para valorizar epermitir outras formas de comunicação com esta ferramenta gratuita ! USE ESTA DICA COM SEUS ALUNOS, NO LABORATÓRIO !

×