Tecnologias Livres para educadores/as/Encontro 2

Encontro 2: Tecnologias Livres para edição de imagens

1. Imagens Bitmap x Imagens Vetoriais (15 min)

Antes de iniciarmos a exploração dos softwares precisamos entender a diferença entre imagens bitmap e imagens vetoriais, porque o processo de criação e edição delas é diferente um do outro.

As imagens bitmap são formadas por pixels (pequenos pontos) que juntos formam aquilo que vemos. Ao ampliar uma imagem bitmap, percebemos que existe perda de qualidade e definição. Alguns formatos comuns de imagens bitmap são .bmp, jpeg e .png. Imagens com grandes variações de cores e tonalidades como as fotos que tiramos, são imagens bitmap. O software livre que usaremos para editar essas imagens é o Gimp!

Foto bitmap no formato jpg.

Zoom no olho do cachorro

Diferente das imagens bitmap, as imagens vetoriais são formadas por expressões matemáticas, instruções inseridas que produzem linhas, curvas e formas preenchidas. Geralmente, é a imagem de elaboração de logotipos, cartazes e folders. São imagens que costumam ter um tamanho (em bytes) menor e ao ampliá-la não perdemos definição ou qualidade. Alguns formatos comuns são .svg, .cdr, .eps e pdf. Os softwares mais utilizados para sua edição são o Adober Illustrator, Corel Draw e Inkscape que usaremos. Um detalhe importante é que podemos incorporar imagens bitmap dentro de imagens vetoriais. Nesse caso, os objetos (imagens) bitmap permanecerão com seus pixels, apesar de compor uma imagem maior onde os demais componentes são vetoriais.

Logo vetorial da Wikimedia.

2. Tecnologias Livres para edição de Imagens - Demonstração (1h)

GIMP

Tela do Gimp

O GIMP (GNU Image Manipulation Program) foi criado pelos universitários Spencer e Peter em 1995 na Universidade de Berkeley. Seu concorrente "proprietário" é o conhecido PhotoShop. O núcleo de desenvolvimento da comunidade que o mantém tem aproximadamente 90 pessoas entre desenvolvedores, tradutores e designers. Ele pode ser utilizado tanto no Linux como Windows e Mac. É o principal software livre atualmente para edição de imagens bitmap

• Site do projeto: https://www.gimp.org/
• Instruções: Para instalar em seu computador, a) entre no site, b) clique em Download, c) selecione a versão do seu sistema operacional e logo depois de finalizar o download, d) execute o arquivo baixado. Ele te guiará no processo de instalação.
• Utilização: Em aula presencial, um roteiro que costumamos seguir para demonstrar o GIMP é o seguinte:

1. Como mudar aparência, ou seja, o tema?
2. Como a tela está organizada?
3. Como abrir para edição uma foto/imagem já salva em seu computador?
4. Como criar uma imagem em branco?
5. Como criar a partir da área de transferência?

   

   Ferramentas do Gimp

6. Algumas ferramentas básicas:
   1. Mover;
   2. Seleção retangular, Circular e Livre
   3. Seleção “inteligente”
   4. Redimensionar
   5. Transformar
   6. Lapis, borracha e aerografo
7. Demonstração sobre como misturar duas imagens para uma montagem

• Tutoriais: Vou sugerir aqui alguns tutoriais de demonstram a utilização do GIMP
  • Demonstração básica do GIMP em 2021: https://eduplay.rnp.br/app/video/gimp
  • Gravação de duas aulas online sobre GIMP na Pós-Graduação em Educações e Tecnologias Digitais do IFSP-Capivari:
    • Encontro 1: https://eduplay.rnp.br/app/video/educahacker-sincrono05
    • Encontro 2: https://eduplay.rnp.br/app/video/gimp02
  • Demonstração de como criar um GIF com o GIMP: https://eduplay.rnp.br/app/video/gimp-gif

Inkscape

Tela do Inkscape

O inkscape foi lançado em 2003 por Bryce, MenTaLguY, Nathan e Ted. Tinham como objetivo criar uma alternativa livre para softwares de edição vetorial como Adobe Illustrator e CorelDraw. Hoje é utilizado tanto para criações de cartazes, banners, logos e outros elementos do tipo, como também para corte a laser e outras operações em Makerspaces.

• Site do projeto: https://inkscape.org
• Instruções: Para instalar em seu computador, a) entre no site, b) clique em Download Now, c) selecione a versão do seu sistema operacional e logo depois de finalizar o download, d) execute o arquivo baixado. Ele te guiará no processo de instalação.
• Utilização: Em aula presencial, um roteiro que costumamos seguir para demonstrar o Inkscape é o seguinte:

1. Como mudar de tema?
2. Como a tela está organizada?
3. Como abrir uma imagem .svg ou .pdf?
4. Operações básicas:
   1. Desenho de figuras básicas
   2. Preenchimento e contorno
   3. Movendo e girando objetos
   4. Criando um traço reto
   5. Usando a função Clip
   6. Operação entre objetos (União, Diferença, Intersecção, Exclusão)
   7. Editando vetor ponto a ponto
   8. Transformando bitmap em imagem vetorial!
   9. Salvando e exportando!
5. Demonstrando a criação de um infográfico ou cartaz

• Tutoriais: Alguns tutoriais preparados para cursos anteriores
  • Demonstração básica do Inkscape - Criação de banners: https://eduplay.rnp.br/app/video/inkscape
  • Gravação de aula online sobre Inkscape na Pós-Graduação em Educações e Tecnologias Digitais do IFSP-Capivari:
    • Encontro: https://eduplay.rnp.br/app/video/educahacker-sincrono07

3. Exploração e experimentação (2h)

No contexto do curso de extensão do PPGECT-UFSC, todos/as estão de alguma forma dedicando-se a uma pesquisa (IC, Mestrado, Doutorado, etc). Pois bem, individualmente vocês terão que elaborar e criar algum infográfico ou banner que nos ensine sobre algo do seu tema de estudo. Após finalizado, vocês irão fazer o upload no Wikimedia Commons ( https://commons.wikimedia.org ) para que possamos partilhar aqui!

4. Partilha e encaminhamentos (15 min)

Precisamos preparar material para nosso próximo encontro que será sobre edição de vídeos. A sugestão é que você pense em uma pergunta que sintetiza sua pesquisa ou trabalho. Faça ao menos 2 breve entrevistas (menos de 1 min) perguntando para algumas pessoas essa sua pergunta de pesquisa. Grave e traga para aula junto de outros elementos de imagens, vídeos e fotos que tem relação. Vamos utilizar isso como materia prima para nossas criações!