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 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.
Caracterização e Ficha Técnica do DrawPlus Nome Tipo de ferramenta Autores e/ou Criadores Versão Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários DrawPlus Software Gratuito Serif (Europe) Starter Edition Software de instalação gratuita, com necessidade de registo. http://www.serif.com/free-graphic-design-software/ Inglês Programa de desenho (logótipos, esboços, pintura, gráficos para Web) 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. 1
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 2
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 3
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 4
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 5
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 6
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 7
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. Ao clicar nas setas a preto irá aparecer uma vasta lista de diferentes opções de preenchimento de cores. 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. 8
O efeito destas duas ferramentas pode ainda ser modificado na barra de ferramenta abaixo. 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. 9
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 10
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. 11
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 12
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.. 13