ferramentas web, web 2.0 e software livre em evt

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

DrawPlus M a n u a l e G u i a d e e x p l o r a ç ã o d o D r a w P l u s 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

Mónica Freitas Franco

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 do DrawPlus ©

Nome DrawPlus

Tipo de ferramenta Software Gratuito

Autores e/ou Criadores Serif (Europe)

©

Versão Starter Edition

Tipo de versão Software de instalação gratuita, com necessidade de registo.

URL’s http://www.serif.com/free-graphic-design-software/

Língua(s) Inglês

Tipo de funções Programa de desenho (logótipos, esboços, pintura, gráficos para

Web)

Recursos necessários Ligação à Internet e browser. Computador com sistema operativo

Windows XP, Windows Vista ou superior + 512MB RAM

Breve descrição O DrawPlus é uma ferramenta de desenho vectorial livre, fácil de

usar. Ideal para desenhar gráficos Web, pintar, criar logótipos de

qualidade profissional e imprimir projectos criativos.

http://www.serif.com/free-graphic-design-software/



2

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

1. Para descarregar este software, devemos, no browser da Internet digitar o seguinte

endereço: http://www.serif.com/free-graphic-design-software/. Iremos então visualizar

uma página como a da Figura 1. Salienta-se o facto, de este software ser compatível

apenas com sistemas operativos Windows.

Figura 1. Página inicial download DrawPlus

2. Para fazer o download do software precisamos de estar registados. É necessário

introduzir o correio electrónico e a palavra-chave, como se visualiza na figura 2 e 3.

Figura 2. Pedido de entrada do correio electrónico

Figura 3. Pedido de entrada da palavra-chave

http://www.serif.com/free-graphic-design-software/



3

3. Ao acedermos o nosso Email, activamos a nossa conta e vai para uma página onde

aparece as informações necessárias do programa, tal como a chave do produto

(Product Keys) que será pedido posteriormente na instalação.

Figura 4. Product Keys para a instalação

4. Para instalar o Software no computador precisamos de fazer download do ficheiro.

Devemos seguir os passos conforme se visualiza nas figuras seguintes:

Figura 5. Pedido de instalação do ficheiro



4

Figura 6. Seleccionar Next para continuar Figura 7. Seleccionar Continue installing e Next

Figura 8. Introduzir os dados e seleccionar Next Figura 9. Aceitar a licença e seleccionar Next

Figura 10. Seleccionar a língua e clicar em Next Figura 11. Criação de atalho, seleccionar Next

Figura 12. Seleccionar Install Figura 13. Após a instalação completa clicar Finish



5

5. Com o software instalado irá aparecer a opção de reiniciar o computador.

6. Para iniciar o programa clicamos no ícone e entramos no interface do DrawPlus

(figuras 14, 15 e 16).

Figura 14. Seleccionar Start New Drawing

Figura 15. Seleccionar o formato da página



6

Figura 16. Interface do DrawPlus

7. Na parte superior da interface do DrawPlus, na horizontal, encontra-se uma barra de

ferramentas (Figura 17) que contém ferramentas básicas e outras que são necessárias

comprar, ao clicar nestas aparece uma janela com a informação dos produtos a

adquirir.

Figura 17. Barra de ferramentas horizontal superior

8. Uma outra barra de ferramentas que se situa abaixo da anterior (Figura 18), estão

inseridas as opções de página, dá-nos a possibilidade de formatar a página de

trabalho, modificar a orientação da página, adicionar ou remover páginas e opções de

escala da página.

Figura 18 – Barra de ferramentas horizontal superior



7

9. A barra de ferramentas do lado esquerdo contém ferramentas de desenho (Figura

19), sendo que a seleccionada disponibiliza outras ferramentas na barra superior

horizontal que permite uma gama variada de opções específicas da ferramenta

seleccionada.

Figura 20. Barra de ferramentas horizontal superior

10. Ao clicar em cada opção na barra superior horizontal (Figura 20) irá abrir uma

nova janela com mais opções sobre a ferramenta que seleccionou.

Figura 19. Barra de ferramentas

lateral esquerda

11. No lado direito na parte superior do programa podemos encontrar uma barra de

ferramentas com quatro separadores.

O primeiro separador Color (Figura 21), permite alterar a cor da forma

seleccionada, da linha, dando-lhe transparência, encontrar uma cor específica

com o conta-gotas e ainda mudar o padrão de cor.

Figura 21 – Separador Color



8

No segundo separador Swatch (Figura 22), permite aceder á paleta de cores,

onde podemos escolher uma cor com determinadas características, como a

gradação da cor, preenchimentos abstractos, entre outras.

Figura 22 – Separador Swatch

O terceiro separador Transparency (Figura 23), permite dar transparências

aos objectos seleccionados, com gradação ou com preenchimentos abstractos.

Figura 23 – Separador Transparency

O segundo separador Line (Figura 24), possibilita alterar o contorno das

formas com diferentes tipos de linhas.

Ao clicar nas setas a preto

irá aparecer uma vasta lista

de diferentes opções de

preenchimento de cores.



9

Figura 24 – Separador Line

12. A barra de ferramenta que se encontra a meio apresenta quatro separadores:

O primeiro separador Brushes (Figura 25), permite atribuir diferentes

expressões às linhas dos objectos seleccionados, contendo mais opções

abrindo a seta destacada a vermelho. Ao seleccionarmos a ferramenta Brush

(disponível na zona superior no separador Line), podemos personalizar

neste separador as linhas. Ao duplo clique nas várias opções do Brushers irá

abrir uma janela (Figura 26) para editar essas ferramentas contendo mais

opções específicas.

Figura 25 – Separador Brushes

Figura 26 – Separador Brushes

O segundo Effects (Figura 27) permite dar efeitos Edible (comestíveis) e Glow

(brilho) podendo escolher a espessura do material e esfumar a forma do

objecto.

O efeito destas duas

ferramentas pode ainda

ser modificado na barra

de ferramenta abaixo.



10

Figura 27 – Separador Effects

O terceiro Layers (Figura 28) permite trabalhar em diferentes “layers”

(camadas), com a possibilidade de adicionar ou remover “layers”, dar-lhe um

nome, controlar a disposição das diferentes camadas, tornando-as invisíveis e

ainda, esconder e trancar os objectos que estão associados à “layer”.

Figura 28 – Separador Layers

O quarto separador Gallery (Figura 29) é uma galeria imagens que para inserir

no projecto é necessário seleccionar a imagem e arrastar para cima da página.

Nesta galeria estão armazenadas em várias categorias imagens de animais,

desenhos vectoriais, bandeiras e formas de arte. Podem ser também

armazenadas nesta galeria objectos de design criados pelo utilizador.

Figura 29 – Separador Gallery



11

13. A terceira barra de ferramentas do lado direito apresenta três separadores:

O primeiro Arrange (Figura 30)permite colocar os objectos à frente ou atrás

dos outros, rodar, agrupar, converter os pontos da linha em curvas e

intersectar dois objectos de diferentes formas.

Figura 30 – Separador Arrange

O segundo Transform (Figura 31) permite mudar a posição dos objectos em X

e Y, aumentar o tamanho em W e H, podemos ainda rodar e inclinar utilizando

os graus.

Figura 31 – Separador Transform

O terceiro (Figura 32) permite alinhar o objecto em relação à folha de trabalho

ou fora dela.

Figura 32 – Separador Align

14. Na última parte da barra de ferramentas do lado direito encontra-se dois separadores:

No primeiro separador Pressure (Figura 33) permite definir e criar perfis de

pressão, mostra o perfil da pressão que vai ser aplicado em pinceladas, as

linhas e curvas, podendo ser ajustado a variação da pressão.



12

Figura 33 – Separador Pressure

O segundo separador Navigator (Figura 34) permite fazer zoom

rapidamente em torno das áreas ampliadas do desenho. A caixa a vermelho

mostra a parte do desenho que está a ser exibido na área de trabalho.

Podemos arrastar a caixa de modo a deslocar a página ampliada. Para ampliar

ou reduzir, podemos usar os botões de zoom.

Figura 34 – Separador Navigator

15. Ainda na parte inferior da interface, está situada a barra de ferramentas Hintline (Figura

35). Da esquerda para a direita, pela ordem dos ícones permite ver a primeira página, a

página anterior, a página actual, a próxima página, a última página, adicionar / remover

páginas, mensagens sensíveis ao contexto sobre os elementos da interface DrawPlus,

isola os objectos seleccionados para a edição focada, editar objectos no modo de

visualização dinâmica e alternar entre este e o modo normal, exportar o documento

com visualização, configurações de visualização, a ferramenta zoom, cursor de mão

para clicar na página e arrastar para reposicionar a página na janela, a ferramenta

Rotate Canvas muda a orientação da página para qualquer ângulo, a caixa Zoom exibe

a percentagem actual do zoom e ajustar a página para a área inteira que é exibida na

janela.

Figura 35 – Barra de ferramentas Hintline

16. Para finalizar, podemos guardar o projecto em File > Save As, e será exibido uma

caixa de diálogo solicitando um directório e nome para o documento. Para visualizar o

trabalho realizado seleccionar File ˃ Print Preview (Fig.36), e em seguida irá abrir-se



13

uma janela (Fig.37), que exibe o documento como ele aparecerá quando impresso,

sem guias, réguas e outros itens do ecrã.

Figura 36 – Na Barra de Menus ir a File

Figura 37 – Janela de visualização do projecto final

As opções podem variar em DrawPlus Starter Edition devido à funcionalidade limitada que o

programa apresenta.

.

ferramentas web, web 2.0 e software livre em evt

Documents