ＰｏｗｅｒＰｏｉｎｔで電子紙芝居を作ろう！
「 Microsoft Office Power Point 2003 」を用いて電子紙芝居を作成します。主に，「画像の挿入」や「オートシェイプ」，「クリップアート」，「アニメーションの設定」，「画面の切り替え効果」機能を用います。
また，プロジェクタで投影して電子紙芝居として活用できない場合は，絵本を作成する方法のひとつとして活用するとよいでしょう。

１ 準備（１）素材の準備
物語に登場するキャラクタを準備します。描画ソフトを用いて，キャラクタの表情や基本動作などの画像を作成します。
（２）ストーリーの作成（１）の素材を用いて，電子紙芝居のストーリーを作成します。ストーリーの流れや背景などを絵コンテを作成しておくとよいでしょう。今回は交通安全指導の電子紙芝居を作成する流れで説明します。

２ 紙芝居の作成（１）PowerPoint の起動［ スタートボタン ］↓［ すべてのプログラム ］↓［ Microsoft Office ］↓［ Microsoft PowerPoint2003］↓起動-1-（２）スライドのレイアウトの変更
作業ウインドウの［［白紙▼ ］をクリックして［スライドのレイアウト］を選択します。

白紙］をクリックします。

（３）タイトル（１枚目）の作成［ワードアート］を用いて紙芝居のタイトルを作成します。

［ ワードアートギャラリー ］ウィンドウが開くので，適当なワードアートスタイルを選択します。
［ ワードアートテキストの編集 ］ウィンドウが開くので，テキストを入力します。今回は，「おうだんほどうをわたろう」というタイトルを入力します。

-2-

Delete

スライドにワードアートが表示されます。
文字の位置や大きさをハンドルをドラッグして適当に調整します。

ツールバー

ハンドル

文字色やフォント，ワードアートの形状等の変更は，ワードアートのツールバーで行います。

文字色の変更

形状の変更-3-

（４）紙芝居の背景画面の作成
ツールバーの［ 新しいスライド ］をクリックして２枚目を作成します。
スライドのレイアウトは［白紙］に変更します。

部品・背景の作成を行います。紙芝居の部品や背景を［ オートシェイプ
図形や線を組み合わせて，簡単な画像を作成することができます。
部品の描画（例：信号機）
オートシェイプの［ 基本図形画します。
図形の描画
長方形を描画します。

］の［四角形］と［角丸四角形］を用いて描きます。基本］を組み合わせて信号機を描ドラッグして描画同様に，角丸四角形を横に描画します。正方形を描画する場合はＳｈｉｆｔキーを押しながらドラッグします。適当な場所に描画します。

Shiftキーを押しながらドラッグ-4-同型の図形が複数個必要な場合は，図形をコピーして貼り付けます。
コピーしたい図形をクリックしハンドルを表示させます。

［ツールバー］のコピーボタンをクリックします。

または，選択した図形の上で，右クリックしショートカットメニューをさせ，コピーを選択しても同様の操作になります。

表示

図形の上で右クリック

適当な場所で，［が表示されます。

ツールバー］の貼り付けボタンをクリックすると，図形また，右クリックしてショートカットメニューを表示させて，貼り付けをクリックしても同様です。
適当な場所にドラッグして移動させます。

ドラッグして移動-5-

図形の色の変更
歩行者用信号機に見えるように［角丸四角形］を赤と青に，長方形をグレーに塗りつぶします。

色を変更したい図形をクリックしてハンドルを表示させます。

画面下の［ 塗りつぶしの色 ］ボタン横の［ ▼ ］をクリックしてその他の色を選択します。［ 標準 ］タブを選択すると［ 色の設定 ］ウィンドウが表示されますので，適当な色を選択して［ ＯＫ ］をクリックします。

または，塗りつぶしたい図形の上で，右クリックしてショートカットメニューを表示し［書式設定 ］を選択します。
［［オートシェイプの書式設定 ］ウインドウの［塗りつぶし ］のをクリックします。

色と線］タブの色選択

適当な色がない場合は，その他の色をクリックして色を変更します。
同様に，角丸四角形，長方形の色を変更します。

-6-

オートシェイプの図形の移動と重なり方の変更
角丸四角形をドラッグして，四角形の上へ重ねます。
図形の重なり方は，図形の上で右クリックして［ 順序］で入れ替えることができます。

右クリック
ドラッグ

グループ化
図形を重ねた後，移動させると重ねた図形がズレます。この状況を避けるために［ グループ化 ］を行います。ただし，先にグループ化を行うと「塗りつぶし」などを行った場合に，一つの図形と認識されるので，処理が終わった後でグループ化した方がよいでしょう。

Ｃｔｒｌキーを押しながら，グループ化する図形をクリックして選択します。選択された図形には，ハンドルが表示されます。
図形の上で右クリックして，ショートカットメニューの［ グループ化 ］の［ グループ化 ］をクリックします。

一つの図形として完成選択された図形全てにハンドルが表示される
再度図形を編集する場合は，［グループ化の解除-7-］を行います。

背景の描画
前述のようにオートシェイプを用いて，紙芝居の背景画像を作成します。
背景の描画例
オートシェイプ基本図形の［に応じてグループ化します。

四角形］と［太陽］を用いて描画します。適当な色に変更し，必要３Ｄスタイル

太陽長方形の組み合わせとグループ化
背景色の設定
背景の色を設定します。メニューバーの［ 書式 ］より［ 背景 ］をクリックします。
［ 背景 ］ウィンドウのをクリックし，その他の色から適当な色を選択しＯＫをクリックします。

［ 全てに適用ます。

］をクリックします。［適用］を選択すると現在のスライドのみ背景色を変更でき-8-また，［塗りつぶし効果］を選択し［グラデーション］を活用すると次のようになります。

「明」にスクロールすると、白とのグラデーションに設定される。

（５）キャラクタの挿入と物語の作成
図の挿入
紙芝居のキャラクタを， PowerPoint のスライドに挿入します。既存の図だけでなく，あらかじめペイント系のソフトで自作した画像データや，手描きの画像をデジタルカメラで撮影して加工した画像データを用いることも可能です。
今回は手描き画像をデジタルカメラで撮影し加工した画像データを用います。

-9-

メニューバーの［ 挿入ボタンをクリックします。

］より［図］の［ファイルからファイルの場所を指定して，挿入したい画像を選び［画像の位置や大きさ，角度を調整します。

挿入］をクリックするか，画面下の図の挿入］をクリックします。

スライドのコピー＆ペースト
同じキャラクターや背景などを用いる場合，スライドをコピーすると効率よく作業できます。
スライドペインのコピーしたいスライド上で右クリックして，コピーを選択します。
貼り付けたい位置で右クリックして，貼り付けを選択します。貼り付けは何枚でも可能です。

この上で右クリック- 10 -

アニメーションの挿入
PowerPoint のアニメーション効果を利用して，画像に動きをつけます。
アニメーション効果を付けたいオブジェクトを選択します。
メニューバーの［ スライドショー ］の［ アニメーションの設定］をクリックします。

「うさぎ」をクリック
してハンドル表示

今回は，「うさぎ」を登場させて信号機の前の停止線まで動かします。
効果の追加 ［ 開始 ］
作業ウィンドウの［ 効果の追加 ］をクリックします。
［ 開始 ］をクリックし［ その他の効果 ］を選択します。

いろいろな効果がありますので，選択して確認しましょう。
今回は「ワイプ」を選択しＯＫをクリックします。
方向や速度などを変更することができます。

- 11 -

効果の追加 ［ アニメーションの軌跡 ］「うさぎ」を選択した状態で，［ アニメーションの軌跡表示されるので，動く範囲を調整します。

スライドショーの実行
メニューバーのスライドショーから，［ 実行キーを押して，スライドショーを実行します。

］の［直線（左へ）］を選択します。軌跡が］または， F ５動きを確認します。

同様に，キャラクタを挿入し背景を変更しながら，物語を作成していきます。
【 例】

アニメーションの軌跡「軌跡を描く」の「フリーハンド」

アニメーションの開始、終了軌跡
表情の違う「くま」の入れ替え

蝶々に気を取られて信号に気がつかない「くま」

車とぶつかる「くま」- 12 -

（６）絵本としての作成
電子紙芝居ではなく，絵本として作成する場合は，アニメーションを設定せずにスライドの場面切り替えで進行するように作成します。
物語やせりふを，［ テキストボックス ］や［ オートシェイプ ］の［ 吹き出し ］を利用するとよいでしょう。
文字の挿入［ テキストボックス］または［縦書きテキストボックス］ボタンをクリックします。

画面の適当な場所でクリックし，テキストボックスを表示させます。枠は文字数に応じて自動に大きくなるので，ドラッグして広げておく必要はありません。

フォント、フォントサイズ、色などの変更
ドラッグして、位置の調整

文字を入力

せりふの挿入［ オートシェイプ ］の［吹き出し］をクリックし，適当な吹き出しを選択します。

- 13 -

適当な場所でドラッグし描画します。
右クリックで［ テキストの編集 ］を選択し，文字を入力します。

吹き出し口や位置，大きさ，オートシェイプの色などを変更します。

同様に，キャラクタを挿入し背景を変更しながら，物語を作成していきます。

- 14 -