SlideShare une entreprise Scribd logo
1  sur  8
Télécharger pour lire hors ligne
Linguagem digital

          para inclusão Tecnológica e Social




          SOFTWARE LIVRE




      APLICAÇÕES PARA CONTEÚDOS




EDITANDO IMAGEM PARA OUTROS CENÁRIOS

                                  Reinaldo Afonso Mayer
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 )
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.
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.
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.
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.
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.
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 !

Contenu connexe

Tendances

Aula 2 - Photoshop Básico: tratamento da imagem
Aula 2 -  Photoshop Básico: tratamento da imagemAula 2 -  Photoshop Básico: tratamento da imagem
Aula 2 - Photoshop Básico: tratamento da imagem
Oswaldo Hernandez
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
italorns
 
Apostila desenho parte 03
Apostila desenho parte 03Apostila desenho parte 03
Apostila desenho parte 03
arkanjomk
 
Apostila auto cad 2009 2d básico
Apostila auto cad 2009 2d básicoApostila auto cad 2009 2d básico
Apostila auto cad 2009 2d básico
Marcio Nunes
 
Informática básica inserção de imagens
Informática básica   inserção de imagensInformática básica   inserção de imagens
Informática básica inserção de imagens
Carlos Melo
 

Tendances (18)

Gimp2
Gimp2Gimp2
Gimp2
 
Apostila adobe photo shop
Apostila adobe photo shopApostila adobe photo shop
Apostila adobe photo shop
 
Corel7
Corel7Corel7
Corel7
 
Aula 2 - Photoshop Básico: tratamento da imagem
Aula 2 -  Photoshop Básico: tratamento da imagemAula 2 -  Photoshop Básico: tratamento da imagem
Aula 2 - Photoshop Básico: tratamento da imagem
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
 
Apostila desenho parte 03
Apostila desenho parte 03Apostila desenho parte 03
Apostila desenho parte 03
 
Apostila photoshop 7
Apostila photoshop 7Apostila photoshop 7
Apostila photoshop 7
 
Plotagem e cotas autocad
Plotagem e cotas autocadPlotagem e cotas autocad
Plotagem e cotas autocad
 
Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
Modelagem 3 d com blender
Modelagem 3 d com blenderModelagem 3 d com blender
Modelagem 3 d com blender
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Tutorial nave blender 2.5
Tutorial nave blender 2.5Tutorial nave blender 2.5
Tutorial nave blender 2.5
 
Produção Gráfica com Software Livre - Flisol-Jaguaruana/CE - Gimp e Inkscape
Produção Gráfica com Software Livre - Flisol-Jaguaruana/CE - Gimp e InkscapeProdução Gráfica com Software Livre - Flisol-Jaguaruana/CE - Gimp e Inkscape
Produção Gráfica com Software Livre - Flisol-Jaguaruana/CE - Gimp e Inkscape
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
Apostila auto cad 2009 2d básico
Apostila auto cad 2009 2d básicoApostila auto cad 2009 2d básico
Apostila auto cad 2009 2d básico
 
Informática básica inserção de imagens
Informática básica   inserção de imagensInformática básica   inserção de imagens
Informática básica inserção de imagens
 
Photoshop cs6 basico
Photoshop cs6 basicoPhotoshop cs6 basico
Photoshop cs6 basico
 
Editor gimp
Editor gimpEditor gimp
Editor gimp
 

En vedette

Programacion orientada a objetos
Programacion orientada a objetosProgramacion orientada a objetos
Programacion orientada a objetos
mariaisabelmonjita
 
Sustentación proyecto 4
Sustentación proyecto 4Sustentación proyecto 4
Sustentación proyecto 4
Francesca
 
Formación universitaria por medio de la web
Formación universitaria por medio de la webFormación universitaria por medio de la web
Formación universitaria por medio de la web
tauro1982
 
Ad general writing
Ad general writingAd general writing
Ad general writing
libteral
 
Night Heron Fishing (夜鷺抓魚).
Night Heron Fishing (夜鷺抓魚).Night Heron Fishing (夜鷺抓魚).
Night Heron Fishing (夜鷺抓魚).
Chung Yen Chang
 
خرید و فروش آنلاین سهام
خرید و فروش آنلاین سهامخرید و فروش آنلاین سهام
خرید و فروش آنلاین سهام
Nima afzalpour
 

En vedette (18)

Revista ronana rosernadal_juliol09
Revista ronana rosernadal_juliol09Revista ronana rosernadal_juliol09
Revista ronana rosernadal_juliol09
 
Dalle recensioni alle persone - mib, trieste
Dalle recensioni alle persone - mib, triesteDalle recensioni alle persone - mib, trieste
Dalle recensioni alle persone - mib, trieste
 
Programacion orientada a objetos
Programacion orientada a objetosProgramacion orientada a objetos
Programacion orientada a objetos
 
Trabajo de widows
Trabajo de widowsTrabajo de widows
Trabajo de widows
 
F. couperin, l'art de toucher le clavecin
F. couperin, l'art de toucher le clavecinF. couperin, l'art de toucher le clavecin
F. couperin, l'art de toucher le clavecin
 
Sustentación proyecto 4
Sustentación proyecto 4Sustentación proyecto 4
Sustentación proyecto 4
 
Información relevante para el examen
Información relevante para el examenInformación relevante para el examen
Información relevante para el examen
 
E learning presentación
E learning presentaciónE learning presentación
E learning presentación
 
Bendecido (2)
Bendecido (2)Bendecido (2)
Bendecido (2)
 
Formación universitaria por medio de la web
Formación universitaria por medio de la webFormación universitaria por medio de la web
Formación universitaria por medio de la web
 
Polimeros cuarto medio primera clase
Polimeros cuarto medio primera clasePolimeros cuarto medio primera clase
Polimeros cuarto medio primera clase
 
porto2013
porto2013porto2013
porto2013
 
Ad general writing
Ad general writingAd general writing
Ad general writing
 
Cunqueiro
CunqueiroCunqueiro
Cunqueiro
 
Night Heron Fishing (夜鷺抓魚).
Night Heron Fishing (夜鷺抓魚).Night Heron Fishing (夜鷺抓魚).
Night Heron Fishing (夜鷺抓魚).
 
Aspectos tener encuenta sismo
Aspectos tener encuenta sismoAspectos tener encuenta sismo
Aspectos tener encuenta sismo
 
Arquitetura de Software - Performance, Layers e Domain Layer
Arquitetura de Software - Performance, Layers e Domain LayerArquitetura de Software - Performance, Layers e Domain Layer
Arquitetura de Software - Performance, Layers e Domain Layer
 
خرید و فروش آنلاین سهام
خرید و فروش آنلاین سهامخرید و فروش آنلاین سهام
خرید و فروش آنلاین سهام
 

Similaire à Ldits integrando imagens

Introdução ao corel draw
Introdução ao corel drawIntrodução ao corel draw
Introdução ao corel draw
Dirlei Aparecida
 
Apresentações Electrónicas I I I
Apresentações Electrónicas I I IApresentações Electrónicas I I I
Apresentações Electrónicas I I I
bariom
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
Aguinaldo Silva
 
Apostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacionalApostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacional
Jorge Dantas
 
Guia prático do sketchup 8.0
Guia prático do sketchup 8.0Guia prático do sketchup 8.0
Guia prático do sketchup 8.0
Marcel Claro
 
Revista Digtal Gimp Lab Ed 1
Revista Digtal Gimp Lab Ed 1Revista Digtal Gimp Lab Ed 1
Revista Digtal Gimp Lab Ed 1
Anderson Ramos
 
Usando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitárioUsando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitário
Plugs outros
 

Similaire à Ldits integrando imagens (20)

Introdução ao corel draw
Introdução ao corel drawIntrodução ao corel draw
Introdução ao corel draw
 
Mini curso de flash
Mini curso de flashMini curso de flash
Mini curso de flash
 
Manual inkscape
Manual inkscapeManual inkscape
Manual inkscape
 
Apostila photoshop
Apostila photoshopApostila photoshop
Apostila photoshop
 
Apostila photoshop
Apostila photoshopApostila photoshop
Apostila photoshop
 
Apostila photoshop
Apostila photoshopApostila photoshop
Apostila photoshop
 
Curso de Adobe Page Maker 2015
Curso de Adobe Page Maker 2015Curso de Adobe Page Maker 2015
Curso de Adobe Page Maker 2015
 
Ferramenta quantum gis
Ferramenta quantum gisFerramenta quantum gis
Ferramenta quantum gis
 
Apresentações Electrónicas I I I
Apresentações Electrónicas I I IApresentações Electrónicas I I I
Apresentações Electrónicas I I I
 
Apostila básica de flash 8 0
Apostila básica de flash 8 0Apostila básica de flash 8 0
Apostila básica de flash 8 0
 
Apostila básica de flash 8 0
Apostila básica de flash 8 0Apostila básica de flash 8 0
Apostila básica de flash 8 0
 
Apostila básica de flash 8 0
Apostila básica de flash 8 0Apostila básica de flash 8 0
Apostila básica de flash 8 0
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
 
Flash introdução
Flash introduçãoFlash introdução
Flash introdução
 
09tutorial Camiseta
09tutorial Camiseta09tutorial Camiseta
09tutorial Camiseta
 
Apostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacionalApostila de ferramentas e utilitários no linux educacional
Apostila de ferramentas e utilitários no linux educacional
 
Guia prático do sketchup 8.0
Guia prático do sketchup 8.0Guia prático do sketchup 8.0
Guia prático do sketchup 8.0
 
Revista Digtal Gimp Lab Ed 1
Revista Digtal Gimp Lab Ed 1Revista Digtal Gimp Lab Ed 1
Revista Digtal Gimp Lab Ed 1
 
Usando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitárioUsando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitário
 
tutorial tattoo
tutorial tattootutorial tattoo
tutorial tattoo
 

Plus de Reinaldo Afonso Mayer

Plus de Reinaldo Afonso Mayer (20)

Reinaldo mayer luziasantos_conex_2015
Reinaldo mayer luziasantos_conex_2015Reinaldo mayer luziasantos_conex_2015
Reinaldo mayer luziasantos_conex_2015
 
Reinaldo mayer artigo_livro3_inovações
Reinaldo mayer artigo_livro3_inovaçõesReinaldo mayer artigo_livro3_inovações
Reinaldo mayer artigo_livro3_inovações
 
Reinaldo mayerguialegalprojetos
Reinaldo mayerguialegalprojetosReinaldo mayerguialegalprojetos
Reinaldo mayerguialegalprojetos
 
Reinaldo mayer ensaio_expectativas e ideias ingênuas
Reinaldo mayer ensaio_expectativas e ideias ingênuasReinaldo mayer ensaio_expectativas e ideias ingênuas
Reinaldo mayer ensaio_expectativas e ideias ingênuas
 
Reinaldo mayer usandoartefatos_de_um_rea
Reinaldo mayer usandoartefatos_de_um_reaReinaldo mayer usandoartefatos_de_um_rea
Reinaldo mayer usandoartefatos_de_um_rea
 
Projeto aprendendo com selos e práticas digitais
Projeto aprendendo com selos e práticas digitaisProjeto aprendendo com selos e práticas digitais
Projeto aprendendo com selos e práticas digitais
 
Aprend selo01
Aprend selo01Aprend selo01
Aprend selo01
 
Aorpg painel aniv_3_rcc_2015
Aorpg painel aniv_3_rcc_2015Aorpg painel aniv_3_rcc_2015
Aorpg painel aniv_3_rcc_2015
 
Aorpg painel dia_soldadopg_2015
Aorpg painel dia_soldadopg_2015Aorpg painel dia_soldadopg_2015
Aorpg painel dia_soldadopg_2015
 
Aorpg painel guararapes2015
Aorpg painel guararapes2015Aorpg painel guararapes2015
Aorpg painel guararapes2015
 
Aorpg painel 7_setembro
Aorpg painel 7_setembroAorpg painel 7_setembro
Aorpg painel 7_setembro
 
Aorpg painel reuniao_cnor_2015
Aorpg painel reuniao_cnor_2015Aorpg painel reuniao_cnor_2015
Aorpg painel reuniao_cnor_2015
 
Reinaldo mayer aulainterativa_textoquadrinhos
Reinaldo mayer aulainterativa_textoquadrinhosReinaldo mayer aulainterativa_textoquadrinhos
Reinaldo mayer aulainterativa_textoquadrinhos
 
Reinaldo mayer aulainterativa_livrodigital
Reinaldo mayer aulainterativa_livrodigitalReinaldo mayer aulainterativa_livrodigital
Reinaldo mayer aulainterativa_livrodigital
 
Reinaldo aprendendo com-selos
Reinaldo aprendendo com-selosReinaldo aprendendo com-selos
Reinaldo aprendendo com-selos
 
Indios
IndiosIndios
Indios
 
Reinaldo mayer aulainterativa_mapaconceitual
Reinaldo mayer aulainterativa_mapaconceitualReinaldo mayer aulainterativa_mapaconceitual
Reinaldo mayer aulainterativa_mapaconceitual
 
Reinaldo mayer arte_novobatel
Reinaldo mayer arte_novobatelReinaldo mayer arte_novobatel
Reinaldo mayer arte_novobatel
 
Reinaldo mayer aulainterativa_livrodigital
Reinaldo mayer aulainterativa_livrodigitalReinaldo mayer aulainterativa_livrodigital
Reinaldo mayer aulainterativa_livrodigital
 
Mayer usando tablet
Mayer usando tabletMayer usando tablet
Mayer usando tablet
 

Dernier

Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
azulassessoria9
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
Autonoma
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 

Dernier (20)

aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
Falando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introdFalando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introd
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidadeAcessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidade
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 

Ldits integrando imagens

  • 1. Linguagem digital para inclusão Tecnológica e Social SOFTWARE LIVRE APLICAÇÕES PARA CONTEÚDOS EDITANDO IMAGEM PARA OUTROS CENÁRIOS Reinaldo Afonso Mayer
  • 2. 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 )
  • 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 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.
  • 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 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.
  • 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 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.
  • 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 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.
  • 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. 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 !