13
Este recurso foi produzido no âmbito da formação contínua de professores e faz parte integrante da investigação do trabalho de doutoramento em Multimédia em Educação, pela Universidade de Aveiro do professor José Alberto Rodrigues, com o mesmo nome desta oficina de formação. A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica pixlr Manual e Guia de exploração da pixlr para utilização em contexto de Educação Visual e Tecnológica Rosabela Agostinho Borges

Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

 

Este recurso foi produzido no âmbito da formação contínua de professores e faz parte integrante da investigação do trabalho de doutoramento em Multimédia em Educação, pela Universidade de Aveiro do professor José Alberto Rodrigues, com o mesmo nome

desta oficina de formação. A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT.

 

 

 

 

 

Ferramentas Web, Web 2.0 e Software Livre em EVT E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o

d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a

 

 

 

 

 

 

 

 

pixlrM a n u a l e G u i a d e e x p l o r a ç ã o d a p i x l r p a r a u t i l i z a ç ã o e m

c o n t e x t o d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a

Rosabela Agostinho Borges 

 

 

 

 

 

Page 2: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

1

Caracterização e Ficha Técnica da Pixlr ©

Nome pixlr

Tipo de ferramenta Web 2.0

Autores e/ou Criadores Pixlr Team ©

Versão Online, mas não identificado o nº. da versão

Tipo de versão Gratuito, com possibilidade de registo, mas não obrigatório

URL’s http://pixlr.com/

Língua(s) Inglês, Castelhano, Francês, Alemão, Italiano, Russo, Romeno, Chinês, Português, Sueco, Polaco e Tailandês.

Tipo de funções Edição de imagem

Recursos necessários Pixlr Editor – Computador, browser com plugin Flash e ligação à Internet. Pixlr Express - Computador, browser com plugin Flash e ligação à Internet. Pixlr Grabber – Computador, browser Mozilla Firefox ou browser Chrome com plugin Flash e ligação à Internet. A versão Grabber 1.0 for Windows não necessita de browser instalado.

Breve descrição O pixlr é uma ferramenta online para edição de imagens. Os serviços disponibilizados são direccionados para utilizadores não profissionais, pois apresentam apenas funções básicas para tratamento de imagens. Estes softwares estão vocacionados para edição de imagens para publicação em sítios como blogues, ambientes de interacção social (Facebook, Hi5, etc.) ou de armazenamento de imagens (Flickr, Fotolog, etc.)

Page 3: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

2

Manual e Guia de Utilização e Exploração do Pixlr ©

1. Para acedermos a esta ferramenta, devemos, no browser da Internet, digitar o seguinte endereço: http://pixlr.com/ (figura 1).

 

 

Figura1 – Página de entrada do sítio.

 

O site Pixlr apresenta três ferramentas:

• Pixlr Editor, ferramenta básica para edição de imagem on-line.

• Pixlr Express – ferramenta básica para tratamento de fotografia digital. As funcionalidades disponíveis encontram-se agrupadas em três separadores Basic (recorte, redimensionamento e rotação), Ajustments (redução de olhos vermelhos, afinação de níveis de cor, brilho e contraste, sépias, etc.) e Photo effects (vários filtros com efeitos).

• Pixlr Grabber – extensão ou pequena peça de software que possibilita o envio de uma imagem, directamente de uma página na Internet para o Pixlr. 

 

Page 4: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

3

2. Pixlr Editor

 

 

Figura 2 – Ecrã inicial do Pixlr Editor. 

 

No ecrã de entrada do Pixlr Editor deve ser seleccionada a forma de envio de imagens para o programa ou optar pela criação de uma imagem de raiz.

Para iniciar o trabalho com a ferramenta Pixlr Editor devemos ter a área de trabalho livre ou abrir a imagem pretendida.

Figura 3 – Interface do pixlr 

Page 5: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

4

3. A área de trabalho contém o seguinte:

1. Barra de ferramentas

2. Opções das ferramentas

4. Painel de navegação

5. Painel de Layers (camadas)

6. Painel do histórico

4. Na parte superior localiza-se o menu principal. No menu do lado esquerdo, estão localizadas as ferramentas de trabalho.

A primeira tarefa a realizar consiste na selecção (ou criação de uma nova) da imagem a manipular. De seguida, podemos seleccionar uma das ferramentas disponíveis na “Barra de Ferramentas” e aplicar os seus efeitos sobre a imagem.

Para afinar as ferramentas, de modo a obter o efeito desejado, o utilizador dispõe da barra “Opções de Ferramentas”. Esta barra apresenta, de forma automática, as opções distintas para cada uma das ferramentas seleccionadas. Sempre que seleccionamos uma ferramenta, a barra “Opções de Ferramentas” altera o seu aspecto, oferendo ao utilizador as opções relativas à ferramenta seleccionada (figura 4).

    

 

Figura 4 – Barra “Opções de Ferramentas”

O “Painel de Layers” (camadas) contém as funções que são necessárias para trabalhar com camadas.

 

Figura 5 – Painel de Layers

Page 6: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

5

 

Figura 6 – Painel de navegação

 

O painel do navegador contém uma miniatura da imagem, as coordenadas do local do rato, o tamanho da selecção, zoom e painel de controlo.

A caixa de ferramentas:

  

  Ferramenta marcar 

  Ferramenta mover 

  Ferramenta laço 

  Ferramenta cortar 

  Varinha 

  Ferramenta carimbo 

  Lápis 

  Ferramenta borracha 

  Escova 

  Ferramenta gradiente 

  Ferramenta de preenchimento 

  Ferramenta desfoque 

  Ferramenta nitidez 

  Ferramenta borrar 

  Ferramenta esponja 

  Ferramenta subexposição 

  Ferramenta superexposição 

 Ferramenta redução de olhos vermelhos 

  Ferramenta de Desenho 

  Ferramenta de aumentar 

  Ferramenta de encolher 

 Ferramenta selecção de cores 

  Ferramenta Tipo de Letra 

  Ferramenta Mão 

  Ferramenta Zoom 

Page 7: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

6

5. A passarmos o rato sobre o ícone de qualquer uma das ferramentas, surge a identificação da mesma.

O Editor Pixlr oferece ainda um conjunto de ferramentas para ajustes de cores e faixa tonal para as imagens.

Existem diversos filtros (na barra de menus> menu filtro), que permitem aplicar vários efeitos sobre uma imagem, tais como: mudança de cores, simulação de movimento, aspecto difuso, blocos de cor, efeito de dividir a imagem em pontos e círculos, imitação de pintura, etc.

 

Figura 7 – Exemplo de uma imagem a trabalhar no pixlr 

 

De seguida apresentam-se alguns dos possíveis tratamentos de imagem.

 

Figura 8 – Imagem manipulada

Page 8: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

7

As fotografias que aqui se apresentam (figuras 8 a 12) foram manipuladas, apenas, com duas ferramentas “ferramenta de aumentar” e “ferramenta de encolher”.

  

    

Figura 9 – Fotografia do Papa Bento XVI Figura 10 – Fotografia manipulada

 

O fundo da Figura 9 foi recortado com a “varinha mágica”, pintado com o “pincel” e balde de tinta (várias cores). De seguida, estas foram distorcidas e misturadas com a ferramenta “borrar”. A face sofreu ligeiras ampliações e reduções com as ferramentas de aumentar e encolher.

 

       

Figura 11 – Fotografia de José Sócrates Figura 12 – Fotografia manipulada

 

Terminado o trabalho, guardamos a imagem no nosso computador.

                    

Page 9: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

8

6. Pixlr Express

 

Figura 13 – Ecrã inicial do Pixlr Express

No ecrã de entrada do Pixlr Express deve ser seleccionada a forma de envio de imagens, a partir do computador ou de um endereço na Internet.

O software apresenta apenas um menu do lado esquerdo, subdividido em três secções: Basic, Adjustements e Photo Effects

 

                

Figura 14 – Secções do menu lateral

Page 10: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

9

De seguida apresentam-se alguns dos possíveis tratamentos de fotografia.

Figura 15 – Fotografia original

Figura 16 - Basic: Rotate &Flip Figura 17 - Basic: Crop

Page 11: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

10

Figura 18 - Adjustments: Black & White Figura 19 - Adjustments: Invert

Figura 20 - Photo Effects: Heat map Figura 21 - Photo Effects: Posterize

Page 12: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

11

Figura 22 - Photo Effects: Art Post Figura 23 - Photo Effects: Pointinize

Figura 24 - Photo Effects: Water swirl Figura 25 - Photo Effects: Kaleidoscope

Page 13: Ferramentas Web, Web 2.0 e Software Livre em EVT · A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT. Ferramentas Web,

Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

12

7. Pixlr Grabber

Figura 26 – Ecrã inicial do Pixlr Grabber

O Pixlr Grabber é extensão ou pequena peça de software que possibilita o envio de uma imagem, directamente de uma página na Internet para o Pixlr. O Grabber para Windows adiciona esta funcionalidade ao menu de contexto, e permite o envio de imagens, para o Pixlr, a partir de qualquer pasta do computador.