Ferramentas Web, Web 2 - evtdigital.files.wordpress.com · isso, basta clicar sobre o círculo cromático e escolher uma cor na respectiva barra colorida, quer com o cursor, quer

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

BRUSHster M a n u a l e G u i a d e e x p l o r a ç ã o d o B r u s h t e 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

Carolina Rodrigues

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 Ferramenta BRUSHster ©

Nome BRUSHster

Tipo de ferramenta Software gratuito – ferramenta Web 2.0

Autores e/ou Criadores National Gallery of Art Kids – NGAKids

Versão Versão actualizada em 02/2011

Tipo de versão Gratuita, online, com necessidade de instalação do Shockwave

para Windows e do Safari para sistemas operativos Mac

URL’s http://www.nga.gov/kids/zone/brushster.htm

Língua(s) Inglês

Tipo de funções Ferramenta interactiva que permite criar diferentes tipos de composições visuais

Recursos necessários Computador, ligação à Internet e browser.

Breve descrição A ferramenta BRUSHSTER do National Gallery of Art Kids é um software para sistemas operativos Windows e Mac. Para sistemas operativos Mac, deve ser executado o Safari no modo de 32 bits e para o Windows, o Shokwave 11.5. Esta ferramenta interactiva, permite a criação de composições visuais, abstractas ou figurativas, por meio duma grande variedade de pincéis e vários elementos estruturantes da Comunicação Visual.

Manual e Guia de Utilização e Exploração da BRUSHter ©

http://www.nga.gov/kids/zone/brushster.htm



2

1. Para ter acesso a este software, é necessário digitar o seguinte endereço:

http://www.nga.gov/kids/zone/brushster.htm/ o qual, direcciona imediatamente para

a página da web. (Figura 1).

Figura 1. Página inicial do BRUSHter, antes de instalar o Shockwave.

2. Como se trata do sistema operativo Windows, é necessário instalar o Shokwave, para

poder utilizar o programa. Para isso, basta seguir as indicações que aparecem na barra

de ferramentas do lado superior do ecrã. Ao clicar sobre a barra, automaticamente será

instalado esse controlo Activex. (Figura 2)

Figura 2. Primeiro passo para a instalação do controlo Activex: Adobe Shokwave Player 11.5.

3. De seguida ao click, tem-se permissão para a execução do controlo. (Figura 3)

http://www.nga.gov/kids/zone/brushster.htm



3

Figura 3. Janela que permite a instalação do controlo Shockwave.

4. Seguidamente, temos conhecimento do processo de instalação do controle, pela

aparência do ecrã.

Figura 4. Indicação da instalação do Shockwave 11.5.

5. Paralelamente a esta visualização do ecrã, aparece também uma outra janela que diz

respeito a um antivírus gratuito Norton Security.Scan. Caso o utilizador não tenha um

antivírus no computador, convém seleccionar a opção que permite a instalação do

mesmo, com o Shockwave. Caso contrário, não será necessário esta instalação. Para

isto, basta optar pelo símbolo “certo” e avançar com o procedimento. (Figura 5)



4

Figura 5. Janela que permite a instalação do antivírus Norton Security Scan.

6. Continuando com o processo de instalação, aparece mais uma janela que faz

referência à segurança de utilizar estes componentes no sistema. Basta clicar no botão

Install para proceder. (Figura 6)

Figura 6. Janela que permite a continuação do processo de instalação.

7. Finalmente aparece a interface do software. (Figura 7)



5

Figura 7. Ambiente de trabalho do BRUSHter.

8. Deste modo, o rectângulo em branco, representa a tela, ou área de trabalho. (Figura 8)

Figura 8. Área de trabalho do BRUSHter.

9. Do lado inferior à área de trabalho, encontram-se as ferramentas de trabalho. (Figura 9)



6

Figura 9. Botões interactivos do BRUSHter.

10. Do lado direito à área de trabalho, encontram-se vários rectângulos brancos, que

representam, espaços vazios e, de certa forma, por preencher. (Figura 10)

Figura 10. “Espaços”, ou, pequenas áreas de trabalho do BRUSHter.

11. Do canto superior direito à área de trabalho, encontram-se alguns ícones, simples de

trabalho e de fácil percepção. (Figura 11)



7

Figura 11. Ícones de trabalho presentes no BRUSHter.

12. Para dar início à exploração das potencialidades do software, é importante referir que,

a barra negra do lado inferior à área de trabalho, indica, à medida que se passa o

cursor sobre os vários elementos que compõem a página do software, a função que

cada um desempenha (em inglês). (Figura 12)

Figura 12. Barra que fornece as funções de cada componente do BRUSHter.

13. Deste modo, numa primeira fase, deve-se escolher a cor do fundo de trabalho. Para

isso, basta clicar sobre o círculo cromático e escolher uma cor na respectiva barra

colorida, quer com o cursor, quer com o conta-gotas. (Figura 13)

Figura 13. Círculo cromático do BRUSHter – botão que permite a escolha de uma cor . Objecto que permite

fazê-lo: conta-gotas.

14. De seguida, é possível ver-se ao lado direito da barra de cor, o rectângulo que nos

indica a cor do fundo, sendo neste caso, vermelho. Ao clicar sobre esse rectângulo

vermelho, o fundo da área de trabalho muda para a cor desejada. (Figura 14)



8

Figura 14. Barra de cor e botão que indica a cor do fundo da área de trabalho.

15. Caso se mude de opinião e se queira voltar atrás, basta clicar sobre o botão undo, que

se encontra logo do lado direito do botão correspondente ao fundo. (Figura 15)

Figura 15. Botão que permite retroceder uma operação já efectuada.

16. Para começar a desenhar, basta escolher uma das escovas que o software oferece,

existem 43 tipos diferentes. Cada uma deles, oferece uma linha e uma textura

diferente. Para fazer a escolha, basta clicar sobre uma das setas (para ver a variedade)

e logo depois em cima do pincel escolhido. Agora é só pôr a criatividade a trabalhar e

desenhar e experimentar…! (Figura 16a e 16b)

Figura 16a. Seta que permite ver a variedade e aspectos dos vários tipos de pincéis.

Figura 16b. Ao seleccionar o tipo de pincel, há possibilidade de escolher a forma como estas linhas “caem”

sobre a área de trabalho, de uma forma mais “leve” ou outra mais “descontrolada” (pequeno rectângulo por

debaixo do tipo de pincel, com a opção seleccionada a amarelo.

17. Posteriormente a experimentação de vários pincéis, em várias tonalidades, há também

que referir que é possível escolher a espessura da linha e a transparência. Para isso,

basta arrastar o cursor das pequenas barras que se situam logo do lado direito dos



9

tipos de pincéis. O de cima, corresponde à espessura do traço e o de baixo, à

transparência/opacidade. (Figura 17)

Figura 17. Botão que permite a escolha da espessura e da opacidade/transparência da linha.

18. Os resultados podem ser vários, quer do género abstracto, quer do figurativo. Neste

caso, trata-se apenas duma simples experiência abstracta. (Figura 18)

Figura 18. Aspecto da “tela”, após várias experiências com os tipos de pincéis, variações de cor, opacidade e

aspecto da linha.

19. O rectângulo que se encontra à esquerda dos tipos de pincéis, permite identificar cada

um dos nomes desses mesmos pincéis e, como é óbvio, fazer a respectiva escolha

seleccionando um dos nomes. (Figura 19)



10

Figura 19. Botão que indica o nome de cada um dos diferentes pincéis que o BRUSHter oferece.

20. Por último, no que toca às potencialidades do programa, resta abordar os efeitos.

Existe um botão à esquerda do botão mencionado na figura 19, que permite adicionar

alguns efeitos ao trabalho. Neste caso, na sua maioria serve para distorcer e “disfarçar”

a imagem final. Existem cinco diferentes grupos de efeitos e, em cada um deles,

versões diferentes. (Figura 20)



11

Figura 20. Botão que permite a escolha de uma grande variedade de filtros.

21. Apenas basta escolher um dos vários efeitos e aplicá-lo directamente sobre o trabalho

com o cursor. Aqui, também se pode variar entre a espessura e a transparência.

(Figura 21)

Figura 21. Aspecto do trabalho final, após a utilização de alguns filtros.

22. O botão redo, permite refazer algo que se tenha apagado. Aparece exactamente no

mesmo sítio que botão undo, referido anteriormente. (Figura 22)



12

Figura 22. Botão redo.

23. Ao clicar sobre o último ícone do canto superior direito da área de trabalho (hold), o

desenho/pintura passa automaticamente para um dos quadrados que se situam logo

por baixo. À medida que se entenda por bem, guardar o trabalho, para ver a

evolução/alteração do aspecto, pode-se fazer isto. (Figura 23)

Figura 23. Botão hold.

24. O botão AUTO permite uma visualização das linhas a cair dinamicamente sobre a

“tela”, mas de um modo automático. Este botão, situa-se logo à direita do botão

undo/redo. (Figura 24)

Figura 24. Botão AUTO.

25. Depois de experimentar clicar no botão AUTO, e esperar pela quantidade de efeitos

que surgem na tela, se desejar parar, basta seguir as indicações dos botões verdes,

que se apresentam em amarelo e vermelho. (Figura 25)



13

Figura 25. Aspecto do trabalho final, após o clique do Botão AUTO.

26. Por último, tem-se a possibilidade de guardar o trabalho clicando sobre o botão save

(terceiro botão do canto superior direito). Para isto, basta atribuir um nome ao trabalho.

(Figura 26)

Figura 26. Botão save.

27. Depois de clicar no botão de cor verde, aparece a janela que permite guardar o

trabalho num local à escolha do utilizador. (Figura 26)

Figura 27. Janela que permite a escolha do local para guardar o trabalho, como qualquer tipo de ficheiro.

28. O botão print permite a impressão do trabalho. (Figura 28)

Figura 28. Botão que permite a impressão do trabalho.



14

29.O botão help indica, de forma simples, como se utiliza o software, mas depois desta

breve descrição de como explorar o programa, com direito a exemplos visuais, nem é

necessário referir mais nada. (Figura 29)

Figura 29. Breve descrição do funcionamento do programa, em inglês, ao premir o botão help.

Para concluir, deve-se referir, que este programa de simples utilização, é de muito interesse no

que concerne a uma exploração plástica, sem muito rigor, mas através de uma exploração

variada e rica, dos Elementos Estruturantes da Linguagem Plástica e Visual.

Documents

Ferramentas Web, Web 2 - evtdigital.files.wordpress.com · isso, basta clicar sobre o círculo cromático e escolher uma cor na respectiva barra colorida, quer com o cursor, quer