Ldits integrando imagens

8
Reinaldo Afonso Mayer SOFTWARE LIVRE APLICAÇÕES PARA CONTEÚDOS EDITANDO IMAGEM PARA OUTROS CENÁRIOS Linguagem digital para inclusão Tecnológica e Social

Transcript of Ldits integrando imagens

Page 1: Ldits integrando imagens

Reinaldo Afonso Mayer

SOFTWARE LIVRE

APLICAÇÕES PARA CONTEÚDOS

EDITANDO IMAGEM PARA OUTROS CENÁRIOS

Linguagem digital

para inclusão Tecnológica e Social

Page 2: Ldits integrando imagens

Aplicações – “Linguagem digital para inclusão tecnológica e social “

RECORTANDO IMAGENS E COLOCANDO EM NOVO CENÁRIO

Recortar uma imagem é uma tarefa relativamente simples e, assim como em vários outros

programas, 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 que

nem sempre essa área é exatamente quadrada ou circular.

Vamos falar sobre uma das ferramentas para selecionar áreas de formato irregular: a ferramenta

de vetores.

Há diversas maneiras de se selecionar um "pedaço" de uma imagem: podemos selecionar esse

pedaço através da cor, através de uma seleção quadrada ou circular, através da ferramenta de

seleçã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 e

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

exemplo (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 )

Page 3: Ldits integrando imagens

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 a

camada da imagem e selecione a opção "Adicionar canal alfa", isso nos permite trabalhar com

transparê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 o

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

Page 4: Ldits integrando imagens

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 a

ferramenta de vetores selecionada, adicione os vetores ao redor do objeto a ser recortado (A

NOSSA 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. Procure

posicionar as linhas dos vetores exatamente sobre o contorno da nossa leitora. Veja como deve

ficar:

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

editamos a imagem), clicando no menu Janelas > Diálogos de Encaixe > Vetores.

Page 5: Ldits integrando imagens

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 torno

do nosso carro. Como queremos excluir o fundo e não o carro, devemos inverter a seleção. Para

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

fundo, 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 que

ser eliminado também.

Page 6: Ldits integrando imagens

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 do

Gimp 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.xcf

Agora vamos abrir a imagem chamada Floresta encantanda, que tem o nome de floresta.jpg.

Page 7: Ldits integrando imagens

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.

Page 8: Ldits integrando imagens

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 e

permitir outras formas de comunicação com esta ferramenta gratuita !

USE ESTA DICA COM SEUS ALUNOS, NO LABORATÓRIO !