環境教育関係の素材作り 島田　篤.

Presentation on theme: "環境教育関係の素材作り 島田　篤."— Presentation transcript:

1 環境教育関係の素材作り 島田　篤

2 紙芝居Web化 環境研２Ｆの斉藤研究室前の掲示物
環境教育実践研究センターの斉藤研究室では、以前から、仙台市のサルについて調査・研究を行っており、”サルと人との関係”というテーマで子ども向けに紙芝居を作っていました。それを、インターネット上で使える教材にしました。 環境研２Ｆの斉藤研究室前の掲示物

3 作業過程 ［１］原画の修正 ［２］音声の読み込み ［３］紙芝居作り

4 ［１］原画の修正 原画は８枚

5 ［１］原画の修正 まず、斎藤研からいただいた８枚の原画を見やすく修正しました。

6 ［２］音声読み込み １）声の取り込み ２）.wav　→　.MP3に変換 ３）余分な部分のカット

7 １）音声の読み込み パソコンに取り込む このとき音声は.wavファイルで保存される
紙芝居の文を音声でパソコンに取り込みました。このように、外部からパソコンに取り込んだ音は、Filesizeの大きい.wavファイルで保存されます。

8 ２）.wav　→　.MP3に変換 CDexソフト使用 Filesizeを減少するために、MP3ファイルに変換しました。

9 ２）.wav　→　.MP3に変換 変換後の MP3ファイル CDexソフト使用

10 ２）.wav → .MP3に変換 目的：Filesizeの減少 ・CDexのソフトを使用 Bitrate:128kbps → １／１０に減少
インターネット上で見るときにダウンロードを早くするためです。

11 ３）余分な部分のカット MP3 DirectCutのソフトを使用 .MP3に変換した音声はまだ前後で余分なところがある。
それをカットし、必要なところだけを残す。 余分な音を切る(MP3 DirectCut使用)　「カチッ」といった音など。

12 ３）余分な部分のカット MP3 DirectCutのソフトを使用

13 ［３］紙芝居作り ・FlashMXのソフトを使用 １）絵を横に移動 ２）音声と文を外部から読み込む ３）完成品
修正した原画と音声ファイルをもとにFlashで紙芝居を作っていきました。Flashは画像を描いたり、アニメーションを作るのに適したソフトです。

14 １）絵を横に移動 紙芝居の土台を作成 まず、紙芝居の土台を作成しました。

15 １）絵を横に移動 紙芝居の土台を作成

16 １）絵を横に移動 ムービークリップの中で絵が滑るように作成 ムービークリップという機能を使い、絵が滑るように作成しました。

17 １）絵を横に移動 ムービークリップの中で絵が滑るように作成
ムービークリップは、Flashでアニメーションをつけるときに使うもので、今回は紙芝居をスライドさせたかったので、この機能を使いました。

18 （２）音声と文を外部から読み込む 音声ファイル 読み込むための アクションスクリプト
.MP3に変換した８つの音声ファイルは、Flashの中に音声を読み込むためのアクションスクリプトにより、外部から読み込まれる。

19 （２）音声と文を外部から読み込む 音声や文をFlashの１つのファイルの 中で作るとFilesizeが大きくなる ↓ 音声と文はFlashファイルの外部に 置き、一つずつ読み込む 音声や文をFlashの１つのファイルの中で作るとFilesize が大きくなってしまいます。そこで、８つずつある音声と文はFlashファイルの外部に置き、１枚ずつの絵に対応して１つずつ音声と文を読み込むことにしました。

20 （２）音声と文を外部から読み込む 文のファイル 文のファイルも８つあり、一つずつのファイルは.txtファイルによって保存されている。
これらも、１枚ずつの絵に対応して外部から読み込まれる。

21 ３）完成品 紙芝居の.swfファイル Flashで作ったファイルは、.swfファイルとして出力されます

22 ３）完成品 紙芝居のファイル の構成 紙芝居の.swfファイル 完成した紙芝居のファイルはこのような構成になっている。

23 ３）完成品 紙芝居のファイル の構成 音声ファイル それと８つの音声の.MP3ファイル。

24 ３）完成品 紙芝居のファイル の構成 文のファイル そして８つの文の.txtファイル、という構成で出来ている。

25 トップぺージ 紙芝居

26 鵜川研究室のホームページ 鵜川研究室ではこれまで様々な取材活動で、写真やビデオの素材を撮りためてきました。それらを素材集として整理しました。

27 鵜川研究室のホームページ これまでの鵜川研究室の活動を各学年毎にまとめています。 第２期生 第１期生

28 鵜川研究室のホームページ 写真の素材集 各素材 今年の卒研生の活動も徐々にまとまりつつあります。
今後の活動のために、使いやすくまとめていきたいと思っています。 写真の素材集 各素材

29 鵜川研究室のホームページ （終わり）