Ferramentas Web, Web 2.0 e Software Livre em EVT

Transcrição

1 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 Pikipimp M a n u a l e G u i a d e e x p l o r a ç ã o d e P i k i p i m p 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 Ana Fernandes 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.

2 Caracterização e Ficha Técnica do Pikipimp Nome Pikipimp Tipo de ferramenta Web 2.0 Autores e/ou Criadores Versão Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários PikiCentral Australia Pty, Ltd, pertencente a Golden Orb Technologies Pty Ltd. Online, gratuita, sem indicação do nº. da versão ou data de criação Gratuita, com registo opcional Inglês Edição de imagem/fotografia online Computador com qualquer sistema operativo, com ligação à Internet e browser suportado (Internet Explorer, Firefox, Safari, Opera e outros) Breve descrição O Pikipimp é uma ferramenta de edição de imagem/fotografia online onde se pode editar uma foto, previamente carregada no sistema. Tem as funções básicas para tratamento e edição de imagem e permite ainda a aplicação de filtros e importação de outros elementos gráficos para a composição. Mediante registo e pagamento, é possível encomendar a impressão da foto em vários suportes (canecas, t-shirts, etc). 1

3 Manual e Guia de Utilização e Exploração do Pikipimp I. Homepage 1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte endereço Figura 1 Página principal do Pikipimp 2. Nesta página (figura 1) encontramos o formulário de carregamento (upload) do ficheiro de imagem juntamente com uma descrição sumária da ordem de procedimentos: Carregamento Enfeitar a imagem Editar a imagem Prever a imagem Guardar (gravar) imagem II. Carregamento da imagem (upload) No formulário de carregamento, deve-se clicar no botão Procurar e seleccionar uma imagem que esteja no computador. Depois, pressiona-se o botão Upload e surgirá a imagem com seguinte interface (figura 2). 2

4 Figura 2 Ecrã de tratamento e edição da imagem III. Tratamento da imagem 1. Adição de Blings (elementos diversos) Qualquer uma das categorias está munida de diversas páginas (ver linha inferior das imagens da figura 3). Seleccionando um elemento, por clique e arrasto, leva-se até ao local da imagem onde se pretende, libertando o botão do rato. Figura 3 imagens do painel de adição de blings 3

5 Figura 4 imagens com adição de Blings Os elementos adicionados podem ser redimensionados, para se ajustarem à imagem, com clique e arrasto nos pontos dos vértices da selecção. 2. Adição de Texto A adição de texto não possui mais categorias nem apresenta mais páginas. Este tipo de elemento permite a sua edição colocando o cursor na zona do texto quando já está na imagem. Permite também a deslocação do ponto externo dos balões de fala para os direccionar para o seu emissor. O elemento seleccionado surge alterado sob a forma de pontos mas surgirá, no final, tal como aparece no painel. Figura 5 Imagem com o novo elemento (esquerda) e Painel de adição de texto (direita) 4

6 3. Adição de Glitter (Brilho animado) Estes elementos surgem com temas sob a forma de gifs animados. Figura 6 Imagem com o novo elemento (esq.) e Painel de adição de glitter (dir.) 4. Adição de Anim (Elementos animados) Estes elementos surgem também com temas sob a forma de gifs animados Figura 7 Imagem com o novo elemento (esq.) e Painel de adição de anim (dir.) 5

7 IV. Edição da imagem Figura 8 Painel de controlo dos elementos Figura 9 Pormenor do Painel de controlo dos elementos normais a. Alteração da ordem de sobreposição (figura 9) b. Rotação (figura 9) c. Alterar para a imagem em espelho vertical (flip vertical) (figura 9) d. Definir percentagem de transparência (figura 9) e. Alteração do texto e sua formatação (figura 10) Figura 10 Pormenor do Painel de controlo dos elementos de texto 6

8 f. Dimensão, rotação e flips da imagem de fundo (figura 11) Figura 11 Pormenor do Painel de controlo da imagem de fundo a. Aceleração ou abrandamento das animações (figura 12) Figura 12 Pormenor do Painel de controlo de aceleração dos elementos animados V. Pré-visualizar a imagem Seleccionando o botão Preview (figura 13), podemos antever a nossa imagem alterada como de facto ficará gravada (figura 14) Figura 13 Botão para prever a imagem (esq.) e para a gravar (dir.) Figura 14 Imagem prevista VI. Guardar a imagem Após o preview, podemos guardar a imagem no Save and Print (figura 13). Fazer o download da imagem, publicá-la directamente em redes sociais, ligá-la através de um URL a um site ou enviá-la a amigos pelo . 7

9 Figura 15 Janela de gravação 8