Ferramentas Web, Web 2 · Manual e Guia de exploração do Skencil para utilização ... É possível importar qualquer imagem passível de ser lida no Python Imaging Library

Este recurso foi produzido no âmbito da cadeira de Oficina de Recursos de Apoio Pedagógico, integrada no Mestrado em Ensino de

Educação Visual e Tecnológica no Ensino Básico, pela Escola Superior de Educação do Porto do professor José Alberto Rodrigues.

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

Skencil

M a n u a l e G u i a d e e x p l o r a ç ã o d o S k e n c i l 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

Nuno Cabral

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 Skencil ©

Nome Skencil

Tipo de ferramenta Software livre

Autores e/ou Criadores Bernhard Herzog

Versão Software livre

Tipo de versão 0.6.17

URL’s http://www.skencil.org/

Língua(s) Para instalação: Inglês; Interface do Programa: Português

Tipo de funções Desenho vectorial, diagramas, ilustrações e desenho gráfico.

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

browser para descarregar o ficheiro de instalação.

Breve descrição O Skencil, é um software editor de gráficos vetoriais de código

livre. Apresentando os recursos comuns encontrados num editor

de desenho vectorial, permite a criação de diagramas, ilustrações

e desenhos gráficos. Tem versões compatíveis com Linux, no

i386, DEC Alpha, m68k, PowerPc e SPARC, com FreeBSD,

Solaris, com, IRIX64 6.4, e com AIX.

O Skencil foi implementado em linguagem de programação

Python. Estruturada para o ensino da programação, é de fácil

compreensão, apresentado numa linguagem clara e acessível, de

e orientada ao objeto, facilitando o uso por parte do utilizador. O

Skencil permite ainda escrever scripts para automatizar tarefas e

adicionar novas funcionalidades no caso de utilizadores

avançados.

Em contexto educativo de EVT pode ser uma ferramenta

interessante para desenho e criação de imagem/identidade

gráfica, ilustração e outros.

http://www.skencil.org/



2

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

1. Para termos acesso a esta ferramenta, temos que fazer o download do software. No browser

da Internet devemos digitar o seguinte endereço: http://www.skencil.org/

2. Visualização da página inicial para instalação do skencil (Figura 1).

Na página inicial, seleccionamos a opção Download, situado no menu do lado esquerdo.

Figura 1 – Página inicial para instalação do Skencil

Figura 2 – Página para download do Skencil, quer como fonte, quer como binário. De salientar que é facultada

uma série de programas adicionais para que seja possível correr o Skencil.

http://www.skencil.org/



3

Figura 3 – Interface do Skencil

Figura 4 – A barra de status.

A barra de status, visível na parte inferior do interface, fornece-nos alguns elementos, como o

factor de ampliação, a posição actual do ponteiro do rato, e algumas informações

complementares sobre o objecto seleccionado.

A paleta logo por cima permite-nos de uma forma mais fácil atribui uma cor de preenchimento

ou de linha de contorno.

Possui ainda a facilidade de “Drag & Drop”, podendo assim clicar no quadrado de uma

determinada cor, e arrastá-la para a janela “Estilo de Preenchimento”.



4

Figura 5 – Barra de ferramentas / Menu

Novo – Abre um novo documento em branco.

Abrir – Permite-nos carregar ficheiros, sendo que o Sketch reconhece o

seu próprio formato, XFig, Adobe Illustrator, CMX (formato de troca -

Corel), SVG (gráficos vetoriais) e os arquivos WMF.

Gravar – Salva o ficheiro em trabalho. O armazenamento pode ser

realizado em formato Sketch, arquivos do Illustrator e PostScript.

Ferramenta forma/selecção – Este comando permite optar entre o modo

de edição e o modo de selecção. O primeiro permite editar,

operar, trabalhar o objecto seleccionado, enquanto o segundo

apenas possibilita o movimento do objecto seleccionado.

Desfazer/Refazer – Permite desfazer uma operação, mantendo um

histórico virtualmente ilimitado. Pode no entanto, ser

limitado o número de vezes de acesso ao histórico,

definindo-o na caixa de diálogo preferências (File /

Options ...).

Apagar – Exclui o objecto que se encontra seleccionado.

Duplicar – Duplica o objecto seleccionado, aparecendo a duplicação ligeiramente

deslocada.

Inversão horizontal/vertical – Inverte/rebate o objecto seleccionado.

Mover para o topo/fundo, um passo para cima/baixo – Movimenta o objecto

seleccionado, reorganizando a ordem das camadas. Permite mover o

objecto seleccionado para o topo ou para o fim das camadas, ou apenas



5

trocar de ordem na camada com a selecção imediatamente superior ou

inferior.

Agrupar/desagrupar – Esta opção permite anexar o conjunto de objectos

seleccionado, passando estes a funcionar como um

todo, podendo no entanto, a qualquer momento,

seleccionar um dos objectos desse todo.

É também possível o processo inverso, ou seja,

separar o grupo, libertando os elementos desse grupo.

Zoom – Amplia ou reduz o tamanho de visualização do nosso documento,

ou simplesmente do nosso objecto ou àrea seleccionados.

De acrescentar que o fator de zoom máximo é 1600%.

Agarrar a grelha – A grelha é uma camada especial, geralmente chamada

de "Grid". Com o gridding activo, os objetos ao serem

editados encaixar-se-ão nos pontos da grelha, sem que

esta opção afecte a visibilidade do documento.

Desenhar rectângulo/elipse/curva/linha – Esta opção permite-nos

criar formas como rectângulos, elipses, formas curvas, ou

simplesmente dar liberdade de execução com linhas rectas.

Inserir texto – Opção que nos possibilita inserir texto no documento,

sendo posteriormente possível definir o tipo, o estilo e tamanho

da letra.

Carregar imagem – Este comando permite localizar e carregar imagem

no nosso documento.

É possível importar qualquer imagem passível de ser

lida no Python Imaging Library (PIL), bem como, arquivos

EPS (não sendo este pelo “PIL”, são importados e

impressos sem possibilidade de alterações).



6

Figura 6 – Barra de ferramentas / Menu

Novo – Abre um novo documento em branco.

Abrir ... (C-o) – Permite o carregamento de ficheiros, sendo reconhecido as extensões de importação

do próprio formato (*.sk), Computer Graphics Metafile (*. cgm), Windows Metafile

(*.wmf), Adobe Illustrator (*.ai), Scalable Vector Graphics (*.sug), Portable Document

Formal (*.pdf).

Gravar ... (C-s) – Salva o ficheiro em trabalho. O armazenamento pode ser realizado em formato

Sketch, arquivos do Illustrator e PostScript.

Gravar como ... (C-w)

Gravar como postscript ... (M-p)

Imprimir ... (C-p) – Impressão do documento em trabalho.

Sair (M-q) – Saída do documento em trabalho, questionando antes do seu fecho, se pretendemos

descartar ou salvar as eventuais alterações.

Inserir documento ... – Possui a mesma funcionalidade que a opção “Abrir”.

Opções ... – Possibilita realizar algumas definições globais como

o número de desfazeres ou a unidade por defeito.

Sobre ... – Informações do programa Skencil, nomeadamente,

versão, criador, linguagem de programação, ano, etc.

Desfazer/refazer apagar (C-z) (C-r) – Permite desfazer uma operação, voltar a refaze-la, mantendo

um histórico virtualmente ilimitado.

Descartar históricos de acção de desfazer – O histórico virtualmente ilimitado de determinada

acção pode ser alterado ou eliminado.

Copiar – Copia o objecto seleccionado.

Cortar – Corta o objecto seleccionado.



7

Colar – Cola o objecto na posição por nós definida.

Apagar – Exclui o objecto que se encontra seleccionado.

Seleccionar tudo – Selecciona todos os objectos do documento.

Duplicar – Duplica o objecto seleccionado, podendo também seleccionar-se a tecla “ctrl”.

Criar – Permite a criação de novas formas, como rectângulos, elipses, curvas, linhas, inserir texto

ou carregar imagens.

Inversão horizontal/vertical – Realiza uma inversão/rebatimento horizontal ou vertical do objecto

seleccionado.

Remover transformação – Anula a inversão/rebatimento anterior.

Mistura (C-b) – Seleccionados dois, e apenas dois, objectos vectoriais, esta opção mistura-os

de forma a fundirem-se em um só. Esta fusão ocorre de forma progressiva, de

acordo com o número de passos por nós definido.

Cancelar mistura – Esta opção cancela a mistura acima descrita.

Criar grupo de máscaras – Seleccionado um grupo de imagens vectoriais, esta opção funciona

como que um “past inside”, ou seja, intercala todos os objectos

seleccionados dentro do que foi concebido por último.

Criar caminho do texto – Após a edição de um texto, e selecciona-se este juntamente com a forma

vectorial, esta opção coloca o texto à volta da forma seleccionada. Caso

seja uma forma circular, coloca o texto do lado de fora da forma, caso

seja uma forma regular, o texto é colocado do lado de dentro da forma.

Curva > Linha (l) – Após a conversão para curva de uma forma circular, os seus nós ficam visíveis.

Esta opção permite seleccionar quartos de curva e transformá-los numa linha.

Linha > Curva (b) – Esta opção permite executar o inverso da opção anterior, ou seja, seleccionar

linhas e transformá-las numa curva.

Seleccionar todos os nós – Todas as formas vectoriais, após a sua conversão para curva, são

formadas por nós. Esta opção permite, de uma só vez, seleccionar

todos os nós.

Eliminar/Inserir nós – Acrescenta ou elimina pontos de ligação, também designados por “nós”.

Cortar curva (c) – Corta a linha que forma a curva num determinado ponto.

Combinar/Dividir Baziers – A curva de “Béziers” é definida por diversos pontos (designados de

pontos de controlo). Esses mesmos pontos podem ser combinados os

divididos, como uma intersecção entre duas formas.

Converter para curva – Transforma formas não vectoriais em formas vectoriais, transformar

em curvas, nomeadamente, tipos de letra, formas, linhas, etc.



8

Alinhar ... – Permite alinhar dois ou mais objectos, quer pelo que

se encontra posicionado no ponto superior/inferior,

pelos seus eixos horizontais/verticais, ou pelos que

se situa mais à esquerda/direita.

Mover para o topo (Home) – Estas quatro opções permite mover

o objecto seleccionado para o topo ou para o fim

das camadas, ou apenas trocar de ordem na

camada com a selecção imediatamente superior

ou inferior.

Mover para o fundo (End)

Mover 1 passo para cima (S-Prior)

Mover 1 passo para baixo (S-Next)

Ponto de contacto horizontal/vertical – Os vários objectos seleccionados, dispõe-se de

forma sequencial pelo ponto de contacto horizontal ou vertical.

Agrupar (C-g) Desagrupar (C-u) – Opção que permite anexar o conjunto de objectos seleccionado,

passando estes a funcionar como um todo, podendo no

entanto, a qualquer momento, seleccionar um dos objectos

desse todo.

É também possível o processo inverso, ou seja, separar o grupo,

libertando os elementos desse grupo.

Agarrar aos objectos – Permite inserir uma linha guia horizontal ou vertical que manualmente com

o cursor

Adicionar linha guia horizontal/vertical – Permite inserir uma linha guia horizontal ou vertical que

manualmente com o cursor, quer através de valor numérico

específico.

Linhas-guia ...

Layout da página ... – Permite visualizar/alterar as definições

da folha de trabalho, nomeadamente,

formato do papel, retrato ou paisagem,

ou um tamanho específico.

Sem preenchimento – Coloca o objecto seleccionado sem cor de

preenchimento, transparente.

Preenchimento (F6) – Permite preencher/aplicar o objecto com

uma cor.

Ajustar cor de preenchimento ... – Permite conceber cores para

aplicação nos objectos seleccionados.

Sem linha – Coloca o objecto seleccionado sem linha de contorno.



9

Linha ... (F7) – Permite definir o estilo de linha, nomeadamente,

cor, espessura tipos de linha, etc.

Nomear/Actualizar estilo ... – Permite criar/actualizar estilos com

definições pré-estabelecidas (cores, linhas, efeitos, etc.).

Fonte ... – Permite trabalhar a fonte utilizada, quanto à família de

fontes, estilo e tamanho.

100% – Visualização do documento à escala real.

Zoom it/out Zoom – Amplia ou reduz o tamanho de visualização do nosso documento, ou

simplesmente do objecto ou área seleccionados.

Ajuste à janela (S-F4) – Ajusta o conjunto dos objectos seleccionados, como um todo, ao tamanho

visível da janela de trabalho.

Ajuste seleccionado à janela (C-F4) – Ajusta apenas o objecto seleccionado ao tamanho visível

da janela de trabalho.

Ajuste da página à janela (F4) – Ajusta toda a página ao tamanho visível da janela de trabalho.

Restaurar visualização anterior (F3) – Regressa à selecção de visualização previamente definida.

Desenhar contorno de página – Permite visualizar ou ocultar o contorno da página de trabalho.

Crosshairs (F2) – Tem uma função similar a uma mira.

Carregar paleta ... – Carrega uma paleta de cores (gama, mini, standard).

Criar estrela/objectos – Permite criar variadas formas como estrelas ou espirais.

Exportar raster/raster alpha – Também designado por “Bitmap”,

contém a descrição de pixel que

forma o padrão, ou raster alpha

se este abranger transparências.

Organizar – Permite organizar os objectos seleccionados, distribuindo-os quer horizontalmente,

verticalmente, à esquerda, direita ou centro, horizontal ou vertical centro, em cascata

direita ou esquerda.

Read gimp path – “Gimp” é o programa de código aberto voltado principalmente para a criação e

edição de imagens raster.

Separação simples – Identifica o n.º de cores que o desenho

contém, que após a definição do nome

a imputar, irá produzir um ficheiro para

cada cor.



10

Camadas ... (F5) – Permite trabalhar o documento por camadas (layers).

São usadas para trabalhar partes individuais de uma

imagem sem afectar ou modificar alguma outra parte da

imagem.

Alinhar ... – Permite alinhar dois ou mais objectos, quer pelo que se encontra posicionado no ponto

superior/inferior, pelos seus eixos horizontais/verticais, ou pelos que se situa mais à

esquerda/direita.

Guia ... – Permite inserir uma linha guia horizontal ou vertical que manualmente com o cursor,

quer através de valor numérico específico.

Linha ... (F7) – Permite definir o estilo de linha, nomeadamente, cor, espessura tipos de linha, etc.

Preenchimento ... (F6) – Permite preencher/aplicar o objecto com uma cor.

Fonte ... – Permite trabalhar a fonte utilizada, quanto à família de fontes, estilo e tamanho.

Estilos ... – Permite criar/actualizar estilos de linha com definições pré-estabelecidas (cores, linhas,

efeitos, etc.).

Layout da página ... – Permite visualizar/alterar as definições da folha de trabalho, nomeadamente,

formato do papel, retrato ou paisagem, ou um tamanho específico.

Mistura ... (C-b) – Seleccionados dois, e apenas dois objectos vectoriais, esta opção permite que

ambos se fundam em um só. Esta fusão ocorre de forma progressiva, de acordo

com o número de passos por nós definido.

Comandos de curva ... – Permite corrigir/alterar os nós que correspondem aos pontos representativos

de controlo dessas linhas. Permite também corrigir o ângulo, seccionar

as curvas, inserir ou eliminar nós, transformar a linha em curso e vice-

versa.

Documents

Ferramentas Web, Web 2 · Manual e Guia de exploração do Skencil para utilização ... É possível importar qualquer imagem passível de ser lida no Python Imaging Library