Guia e Manual Chogger

Ferramentas Web, Web 2.
0 e Software Livre em EVT

Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica
Chogger
Manual e Guia de explorao do Chogger para utilizao em contexto de Educao Visual e Tecnolgica
Alexandra Fonseca
Este recurso foi produzido no mbito da formao contnua de professores e faz parte integrante da investigao do trabalho de doutoramento em Multimdia em Educao, pela Universidade de Aveiro do professor Jos Alberto Rodrigues, com o mesmo nome desta oficina de formao. A identificao do autor deste documento a constante desta pgina e constitu recurso educativo em EVT.
Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre a integrao de ferramentas digitais no currculo da disciplina de Educao Visual e Tecnolgica
Caracterizao e Ficha Tcnica do Chogger

Nome Tipo de ferramenta Autores e/ou Criadores Verso Tipo de verso URLs Lngua Tipo de funes Recursos necessrios
Chogger Comic Creator Web 2.0 Chogger LLC 2008-2011 Beta Gratuita, sem necessidade de qualquer registo. http://chogger.com/ Ingls Criao e realizao de Bandas Desenhadas e Cartoons/Comics Computador com ligao a internet e browser
Breve descrio
O Chogger uma ferramenta de desenho online que permite criar e realizar Bandas Desenhas e Cartoons/Comics de forma extremamente simples e intuitiva, utilizando o desenho vectorial, embora seja relativamente limitado s opes disponveis. Permite a importao de imagens, criao de planos de fundo, bales de dilogo e vinhetas. uma ferramenta boa para usar com um tablet ou quadro interactivo No necessita de qualquer software instalado no computador para alm do browser da Internet e uma ligao rede. Este software foi criado na ltima tecnologia HTML 5 correndo tambm em dispositivos mveis como iPhone ou iPad.
Manual e Guia de Utilizao e Explorao do Chogger
1. Para aceder pgina devemos, no browser da Internet digitar o seguinte endereo: http://chogger.com/ 2. Iremos ento visualizar a pgina de carregamento do programa:
Figura 1 Pgina de Carregamento do Chogger.
2. Aps o carregamento acedemos interface do Chogger e clicamos em New Drawing para comearmos a desenhar, como indicado pela seta rosa.
Figura 2 Interface do Chogger.
3. Assim, entramos na pgina em que vamos comear a desenhar. Como podemos visualizar na figura 3 surge esquerda a barra de ferramentas de desenho, Tools (1) e os separadores de edio direita ficam limitados ao Drawing (2), na parte superior temos o Line Smoothing (3) e ao centro a rea em que vamos criar (4).
Figura 3 Pgina de criao do Chogger.
3.1. Ferramentas do Chogger Tools (1)
Figura 4 Barra de ferramentas do Chogger.
Mouse tool ferramenta para seleccionar os desenhos feitos e imagens importadas. Path Edit Tool Ferramenta de edio dos vectores, til para manipularmos com maior rigor os nossos desenhos. Freehand Line Tool ferramenta de desenho livre. Com esta ferramenta fazemos as nossas criaes, e com a anterior (Path Edit Tool) podemos melhorar-lhas. Straight Line Tool Ferramenta para desenhar linhas rectas Rectangle/Square Tool Ferramenta para desenhar rectngulos ou quadrados. Para fazer um quadrado basta carregar no Shift enquanto desenhamos. Ellipse/Circle Tool Ferramenta para desenhar Elipses e Crculos. Igualmente como na ferramenta anterior carregamos no Shift para desenharmos um crculo. Add a Photo Adicionar uma fotografia ou imagem ao desenho (demonstrado na figura 5). Undo Voltar atrs
Redo Refazer
Tabela 1 Funo de cada ferramenta do Chogger.
3.1.1. Para adicionarmos uma fotografia ou imagem clicamos no con correspondente que abrir um quadro com as opes Upload a Photo ou Take a Photo.
Figura 5 Adicionar foto/imagem.
3.2. O separador de edio Drawing (2) apenas nos permite controlar a linha e preenchimento das formas:
4 1 5 2
3
Figura 6. Separador de Edio Drawing.
1 Opo de preenchimento da forma; 2 Com ou sem linha de contorno; 3 Espessura da linha; 4 Seleco da cor de preenchimento e da linha; 5 Percentagem de transparncia.
3.3. O Line Smoothing que encontramos na parte superior serve para tornar a linha desenhada mais suave (mais arredondada) ou menos (com mais ngulos).
Figura 7. Line Smoothing.
4. Quando seleccionamos uma forma aparece-nos na parte superior esquerda as opes (indicada na figura 8) Pull Image Closer ou Push Image Back que servem para colocar as imagens atrs ou frente das outras, assim como as opes de mover, apagar, rodar e redimensionar (figura 9).
Pull Image Closer/ Push Image Back
Figura 8. Pull Image Closer/ Push Image Back.
Mover
Apagar
Rodar
Redimensionar
Figura 9. Opes de manipulao da imagem.
5. Aps concluirmos o nosso desenho clicamos em Save Image como aponta a seta na figura 10 e verificamos que o desenho ficar na parte superior como indicado pela seta na figura 11. As seguintes vinhetas (6) ficam disponveis para continuarmos a nossa banda desenhada, assim como os separadores laterais Image (1), Text (2), Panel (3) e Comic (4) e o separador superior Text (5).
Figura 10. rea principal de edio.
5 1 2 3 4
Figura 11. rea principal de edio.
5.1. O separador lateral direito Image permite-nos controlar a sombra (Shadow), nos parmetros Blur - sombra mais suave ou intensa, Angle ngulo da sombra e Distance distancia da sombra em relao ao desenho.
Figura 12. Separador Image.
5.2. O separador lateral direito Text Funciona em conjunto com o separador superior com o mesmo nome. Este ltimo d-nos a opo de introduo de bales e caixas de texto na nossa BD e o lateral permite-nos edit-los.
1 2 3
Figura 13. Separador Text.
1 Opo de preenchimento da forma; 2 Com ou sem linha de contorno; 3 Espessura da linha; 4 Formato do balo; 5 Edio da fonte.
5.3. O separador lateral direito Panel serve para editar as vinhetas (como podemos verificar na figura 14), igualmente como os separadores anteriores no preenchimento (Fill), no contorno da forma (Stroke), espessura de linha (Stroke Weight) e formato da vinheta (Shape).
Figura 14. Separador Panel.
5.3. O separador lateral direito Comic serve para ajustar o espaamento entre cada vinheta.
1
Figura 15. Separador Comic.
1 Opo para adicionar mais vinhetas; 2 Opes que ficam disponveis ao seleccionar uma vinheta: adicionar e duplicar; alterar o tamanho ou remover.
6. Depois de terminar a primeira vinheta continua a sua BD. Aps concluir carrega em Finish Comic e aparecer as opes de terminar ou continuar. Clica em Finished with comic para concluir.
Figura 16. Opes para terminar a BD ou continuar.
6.1. Aps clicar na opo de terminar aparecer a informao que a sua BD foi gravada e poder aceder pgina onde poder editar as informaes da sua BD.
10
Figura 17. Informao de gravao.
6.2. Nesta nova pgina vai editar detalhes da sua BD. E quando terminar clica em Finish Comic.
Figura 18. Edio de detalhes da BD.
6.2. Depois de concluda ir aceder a uma nova pgina onde poder criar uma conta do chogger, visualizar as ltimas criaes, as mais votadas e as mais populares.
Figura 19. Opo de criar conta Chogger.
11

Guia e Manual Chogger

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Guia e Manual Chogger

Uploaded by

Copyright:

Available Formats

Ferramentas Web, Web 2.

0 e Software Livre em EVT

Caracterizao e Ficha Tcnica do Chogger

Manual e Guia de Utilizao e Explorao do Chogger

Figura 1 Pgina de Carregamento do Chogger.

Figura 2 Interface do Chogger.

Figura 3 Pgina de criao do Chogger.

3.1. Ferramentas do Chogger Tools (1)

Figura 4 Barra de ferramentas do Chogger.

Tabela 1 Funo de cada ferramenta do Chogger.

Figura 5 Adicionar foto/imagem.

Figura 7. Line Smoothing.

Pull Image Closer/ Push Image Back

Figura 8. Pull Image Closer/ Push Image Back.

Figura 9. Opes de manipulao da imagem.

Figura 10. rea principal de edio.

Figura 11. rea principal de edio.

Figura 12. Separador Image.

Figura 13. Separador Text.

Figura 14. Separador Panel.

Figura 16. Opes para terminar a BD ou continuar.

Figura 17. Informao de gravao.

Figura 18. Edio de detalhes da BD.

Figura 19. Opo de criar conta Chogger.

You might also like