53
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação TUTORIAL TUTORIAL Muan - Pixilation Muan - Pixilation Oficina de produção de tutoriais Oficina de produção de tutoriais

Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Prefeitura de Volta RedondaSecretaria Municipal de Educação

Implementação de Informática Aplicada à Educação

TUTORIALTUTORIAL

Muan - PixilationMuan - Pixilation

Oficina de produção de tutoriaisOficina de produção de tutoriais

Page 2: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Oficina de produção de tutoriaisOficina de produção de tutoriais

Esta oficina foi oferecida para a preparação e aperfeiçoamento dos implementadores de informática aplicada à educação para 6º à 9º anos, quanto à utilização dos aplicativos mais destacados para fins educacionais, bem como, para a produção de tutoriais que deverão estar disponibilizados para professores e alunos.

Orientadores: Teodoro Almeida Sergio Graças Giany Abreu

Page 3: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Para a produção deste tutorial utilizamos o Muan que é um manipulador Universal de Imagens e serve para criar animações, seleção de imagem com o Ksnapshot e montagem da apresentação no Impress (BrOffice 2.4). O resultado final foi salvo

também em PDF, afim de preservar formatação e poder ser aberto em qualquer Sistema Operacional, utilizando para tal o

próprio editor de textos (exportar como PDF), Todos os aplicativos estão inseridos na Distribuição GNU-Linux VRLivre 2.0,

preparada pela Equipe de Implementação de Informática Aplicada à Educação da SME-VR.

Page 4: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 1PASSO 1 Utilizaremos a técnica PIXILATIONPIXILATION (atores vivos)

VOCÊ PRECISARÁ DE:VOCÊ PRECISARÁ DE:

- 1 câmera digital

- 1 tripé

- atores (quantos quiser)

- programa MUAN instalado

Page 5: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

SUGESTÕES- dança- mágica- objetos em movimento- movimentos com o corpo

OBS.: Neste tutorial faremos uma movimentos com o corpo.

PASSO 2PASSO 2Defina com seus alunos o tipo de animação que irão fazer.

Page 6: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Para isso, você deve colocar a câmera fotográfica digital numa posição que não poderá ser modificada.

Utilize um tripé ou marque a posição na superfície onde a câmera está apoiada, com lápis preto.

PASSO 3PASSO 3Prepare a câmera para bater as fotos dos alunos.

Tipos de Tripés

Page 7: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 4PASSO 4Monte o cenário.

Como faremos alguns movimentos com o corpo, parecidos com uma

dança, utilizaremos apenas as paredes da sala de aula para o

fundo do cenário.

Você também pode colocar um fundo colorido para dar mais vida.

Page 8: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 5PASSO 5

Selecione um aluno para ser o “fotógrafo”.

Oriente os outros alunos para se comunicarem com o “fotógrafo”, pois ao se colocarem na posição certa, ele bate a foto no momento

ideal.

Page 9: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 6PASSO 6Coloque os alunos dentro do

cenário.

Page 10: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 7PASSO 7Bata 4 vezes a primeira foto deles.

Page 11: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 8PASSO 8Mude a posição dos alunos com um movimento bem pequeno e

bata outra foto.

Page 12: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 9PASSO 9Mude novamente a posição dos

alunos... movimento curto, e bata outra foto.

Page 13: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 10PASSO 10Mais uma vez, modifique a posição

dos alunos com um movimento curto e bata a foto.

Page 14: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 11PASSO 11Repita este procedimento várias vezes,

até que os movimentos da dança acabem.

...

FOTO2 FOTO3

FOTO60FOTO5

FOTO4

Page 15: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 12PASSO 12Ao acabar de bater as fotos, você precisa

descarregá-las para uma pasta dentro do seu computador.

Para isso, crie uma pasta na pasta home/seu_usuário e descarregue-as lá dentro.

CRIANDO A PASTA Na Área de Trabalho, clique em:

1- Locais2- Pasta Pessoal

Page 16: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Aparecerá esta tela:

Dê um clique com o botão

direito dentro da pasta micro01.

Page 17: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Ao aparecer o menu, clique em CRIAR PASTA.

Page 18: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Ao aparecer a pasta sem título, dê um novo nome a ela.

Page 19: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Com a pasta pronta, você pode descarregar as fotos.

Page 20: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 13PASSO 13 Abra o programa MUAN.

Page 21: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 14PASSO 14Ao abrir o programa, clique em INICIAR.

Page 22: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Sua tela ficará assim:

Page 23: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 15PASSO 15Clique em INSERIR para colocar sua

pasta de fotos no programa.

Page 24: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 16PASSO 16Ao aparecer a janela, clique na pasta que você

criou (home/micro01/jaque_animação)

Page 25: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Você abriu a pasta com todas as fotos.

Page 26: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 17PASSO 17Clique na primeira foto e dê OK.

Page 27: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Observe que a foto aparece na sua tela, ocupando a parte central da janela.

Page 28: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 18PASSO 18Insira uma a uma, todas as fotos que

estão na sua pasta, utilizando o mesmo procedimento.

Lembre-se:1- inserir2- home3- micro014- jaque_animacao5- ”próxima foto”

Page 29: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 19PASSO 19Ao acabar de inserir todas as fotos, clique

aqui para voltar ao título do programa.

Page 30: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 20PASSO 20Sua tela ficará novamente assim.

Clique em REMOVER, para apagar este frame (foto).

Page 31: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 20PASSO 20Quando esta mensagem aparecer, clique

em SIM.

Page 32: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 21PASSO 21Agora iremos ver como ficou o trabalho.

Clique aqui (tocar).

Page 33: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Provavelmente, sua animação ficou rápida demais. Você precisa fazer com que ela se torne mais lenta.

Page 34: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 22PASSO 22Para que a animação se torne mais lenta,

siga as instruções:

Clique em:1- Trecho2- Início3- Primeiro4- Fim5- Último

1 2 34 5

Page 35: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 23PASSO 23Observe que, agora, temos números nas

lacunas.

Estes números indicam que o trecho está marcado dos frames: 1(início) ao 60 (fim).

Page 36: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 23PASSO 23Clique aqui para duplicar, triplicar...os

seus frames, tornando a animação mais lenta.

Digite o nº 6Dê ENTER

Page 37: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 24PASSO 24Clique novamente no botão TOCAR,

para assistir a animação.

Page 38: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 25PASSO 25Se você achar que ficou lento demais, diminua a duração (coloque números inferiores ao 6, dê enter) ou se ainda estiver rápido, aumente-a (coloque

números superiores ao 6, dê enter) e clique novamente em TOCAR para

assistir.

Page 39: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 26PASSO 26Agora você já definiu a duração

geral do seu vídeo.

Assista-o novamente e verifique se, em alguma parte, ele está

muito rápido.

Caso isso aconteça, siga as orientações a seguir:

Page 40: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 27PASSO 27Ao assistir o vídeo, dê um “pause” no

primeiro frame que começa a ficar rápido.

Page 41: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 28PASSO 281- Clique no TRECHO.2- Clique em INÍCIO.

Observe que na lacuna a frente de INÍCIO, aparece o nº do frame que você deu o “pause”.

Page 42: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 29PASSO 29Clique no botão PRÓXIMO, quantas vezes

forem necessárias para avançar os frames, até que apareça o último frame que você deseja

diminuir a velocidade da animação.

Page 43: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 30PASSO 30Clique em FIM.

Observe que na lacuna a frente de FIM aparece o nº do frame que você parou.

Page 44: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Os números que aparecem à frente de início e de fim, indicam que este

trecho (frames 50 ao 60) está marcado para alguma modificação.

Page 45: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 3PASSO 3Mude a duração para 8 e dê ENTER.

Page 46: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 32PASSO 32Agora iremos ver como ficou a

duração do trecho que você modificou.

Clique aqui (tocar).

Page 47: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 33PASSO 33Depois de assistir, clique em trecho,

desmarcando-o.

Ao desmarcá-lo, o quadrado deverá ficar cinza.

Page 48: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 34PASSO 34Clique em TOCAR para assistir como

ficou seu vídeo.

Page 49: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 35PASSO 35Vamos salvar seu trabalho.Clique em SALVAR COMO.

Page 50: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 36PASSO 36Na janela que aparecer, clique em:

1- home2- micro01

3- jaque_animacao (pasta das fotos)

1122

33

Page 51: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

PASSO 37PASSO 37Em Filename, escreva na frente das pastas abertas, o nome do seu trabalho e clique em OK.

Page 52: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

SEU VIDEO ESTÁ PRONTO!SEU VIDEO ESTÁ PRONTO!Vá em sua pasta

(home/micro01/jaque_animação), dê dois clique em cima dele e

assista-o.

Page 53: Prefeitura de Volta Redonda Secretaria Municipal de ...sergiogracas.com/...muan_pixilation_aqueline_mariarosa_dezembro2… · PASSO 29 Clique no botão PRÓXIMO, quantas vezes forem

Oficina de Produção01/12/08 à 12/12/08

Implementadores do 6º ao 9º anoLocal: E.M. São Francisco de AssisRealização: Coordenação de IAE

Oficina : Muan ( pixilation )Autor : Jaqueline Portilho Alves

Email: [email protected].: Maria Rosa Rodrigues

CréditosCréditos