- 1 -

ＰｏｗｅｒＰｏｉｎｔで電子紙芝居を作ろう！

「 」を用いて電子紙芝居を作成します。主に，「画像の挿入」やMicrosoft Office Power Point 2003「オートシェイプ」，「クリップアート」，「アニメーションの設定」，「画面の切り替え効果」機能を用います。

また，プロジェクタで投影して電子紙芝居として活用できない場合は，絵本を作成する方法のひとつと

して活用するとよいでしょう。

１ 準備

（１）素材の準備

物語に登場するキャラクタを準備します。描画ソフトを用いて，キャラクタの表情や基本動作などの画

像を作成します。

（２）ストーリーの作成

（１）の素材を用いて，電子紙芝居のストーリーを作成します。ストーリーの流れや背景などを絵コンテ

を作成しておくとよいでしょう。今回は交通安全指導の電子紙芝居を作成する流れで説明します。

２ 紙芝居の作成

（１） の起動PowerPoint［ スタートボタン ］

↓

［ すべてのプログラム ］

↓

［ Microsoft Office ］

↓

［ Microsoft PowerPoint2003］

↓

起動

- 2 -

（２）スライドのレイアウトの変更

作業ウインドウの［ ▼ ］をクリックして［ スライドのレイアウト ］を選択します。

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

（３）タイトル（１枚目）の作成

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

［ ワードアートギャラリー ］ウィンドウが開くので，適当なワードアートスタイルを選択します。

［ ワードアートテキストの編集 ］ウィンドウが開くので，テキストを入力します。今回は，「おうだん

ほどうをわたろう」というタイトルを入力します。

白紙

- 3 -

スライドにワードアートが表示されます。

文字の位置や大きさをハンドルをドラッグ

して適当に調整します。

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

ハンドル

Delete

ツールバー

形状の変更文字色の変更

- 4 -

（４）紙芝居の背景画面の作成

ツールバーの［ 新しいスライド ］をクリックして

２枚目を作成します。

スライドのレイアウトは［白紙］に変更します。

部品・背景の作成を行います。紙芝居の部品や背景を［ オートシェイプ ］を用いて描きます。基本

図形や線を組み合わせて，簡単な画像を作成することができます。

部品の描画（例：信号機）

オートシェイプの［ 基本図形 ］の［ 四角形 ］と［ 角丸四角形 ］を組み合わせて信号機を描

画します。

図形の描画

長方形を描画します。

同様に，角丸四角形を横に描画します。正方形を描画する場合はＳｈｉｆｔキーを押しながらドラッグしま

す。適当な場所に描画します。

ドラッグして描画

Shiftキーを押しながら

ドラッグ

- 5 -

同型の図形が複数個必要な場合は，図形をコピーして貼り付けます。

コピーしたい図形をクリックしハンドルを表示させます。

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

または，選択した図形の上で，右クリックしショートカットメニューを 表示

させ，コピーを選択しても同様の操作になります。

適当な場所で，［ ツールバー ］の貼り付けボタンをクリックすると， 図形

が表示されます。

また，右クリックしてショートカットメニューを表示させて，貼り付けをクリック

しても同様です。

適当な場所にドラッグして移動させます。

図形の上で右クリック

ドラッグして移動

- 6 -

図形の色の変更

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

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

画面下の［ 塗りつぶしの色 ］ボタン横の［ ▼ ］をクリックしてその他の色を選択します。［ 標

準 ］タブを選択すると［ 色の設定 ］ウィンドウが表示されますので，適当な色を選択して［ ＯＫ ］

をクリックします。

または，塗りつぶしたい図形の上で，右クリックしてショートカットメニューを表示し［ オートシェイプの

書式設定 ］を選択します。

［ オートシェイプの書式設定 ］ウインドウの［ 色と線 ］タブの

［ 塗りつぶし ］の をクリックします。

適当な色がない場合は，その他の色をクリックして色を変更します。

同様に，角丸四角形，長方形の色を変更します。

色選択

- 7 -

図形の移動と重なり方の変更

角丸四角形をドラッグして，四角形の上へ重ねます。

図形の重なり方は，図形の上で右クリックして［ 順序 ］で入れ替えることができます。

グループ化

図形を重ねた後，移動させると重ねた図形がズレます。この状況を避けるために［ グループ化 ］

を行います。ただし，先にグループ化を行うと「塗りつぶし」などを行った場合に，一つの図形と認識され

るので，処理が終わった後でグループ化した方がよいでしょう。

Ｃｔｒｌキーを押しながら，グループ化する図形をクリックして選択します。選択された図形には，ハンドル

が表示されます。

図形の上で右クリックして，ショートカットメニューの［ グループ化 ］の［ グループ化 ］をクリック

します。

再度図形を編集する場合は，［ グループ化の解除 ］を行います。

ドラッグ

右クリック

選択された図形全てにハンドル

が表示される

一つの図形として完成

- 8 -

背景の描画

前述のようにオートシェイプを用いて，紙芝居の背景画像を作成します。

背景の描画例

オートシェイプ基本図形の［ 四角形 ］と［ 太陽 ］を用いて描画します。適当な色に変更し，必要

に応じてグループ化します。

背景色の設定

背景の色を設定します。メニューバーの［ 書式 ］より［ 背景 ］をクリックします。

［ 背景 ］ウィンドウの をクリックし，その他の色から適当な色を選択しＯＫをクリックしま

す。

［ 全てに適用 ］をクリックします。［ 適用 ］を選択すると現在のスライドのみ背景色を変更でき

ます。

太陽

長方形の組み合わせとグループ化

３Ｄスタイル

- 9 -

また，［ 塗りつぶし効果 ］を選択し［ グラデーション ］を活用すると次のようになります。

（５）キャラクタの挿入と物語の作成

図の挿入

紙芝居のキャラクタを， のスライドに挿入します。既存の図だけでなく，あらかじめペインPowerPointト系のソフトで自作した画像データや，手描きの画像をデジタルカメラで撮影して加工した画像データを

用いることも可能です。

今回は手描き画像をデジタルカメラで撮影し加工した画像データを用います。

「明」にスクロールすると、白との

グラデーションに設定される。

- 10 -

メニューバーの［ 挿入 ］より［ 図 ］の［ ファイルから ］をクリックするか，画面下の図の挿入

ボタンをクリックします。

ファイルの場所を指定して，挿入したい画像を選び［ 挿入 ］をクリックします。

画像の位置や大きさ，角度を調整します。

スライドのコピー＆ペースト

同じキャラクターや背景などを用いる場合，スライドをコピーすると効率よく作業できます。

スライドペインのコピーしたいスライド上で右クリックして，コピーを選択します。

貼り付けたい位置で右クリックして，貼り付けを選択します。貼り付けは何枚でも可能です。

この上で右クリック

- 11 -

アニメーションの挿入

のアニメーション効果を利用して，画像に動きをつけます。PowerPoint

アニメーション効果を付けたいオブジェクトを選択します。

メニューバーの［ スライドショー ］の［ アニメーションの設定 ］をクリックします。

今回は，「うさぎ」を登場させて信号機の前の停止線まで動かします。

効果の追加 ［ 開始 ］

作業ウィンドウの［ 効果の追加 ］をクリックします。

［ 開始 ］をクリックし［ その他の効果 ］を選択します。

いろいろな効果がありますので，選択して確認しましょう。

今回は「ワイプ」を選択しＯＫをクリックします。

方向や速度などを変更することができます。

「うさぎ」をクリック

してハンドル表示

- 12 -

効果の追加 ［ アニメーションの軌跡 ］

「うさぎ」を選択した状態で，［ アニメーションの軌跡 ］の［ 直線（左へ） ］を選択します。軌跡が

表示されるので，動く範囲を調整します。

スライドショーの実行

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

動きを確認します。

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

【 例 】

蝶々に気を取られて

信号に気がつかない「くま」

アニメーションの軌跡

「軌跡を描く」の「フリーハンド」

車とぶつかる「くま」

アニメーションの開始、終了軌跡

表情の違う「くま」の入れ替え

- 13 -

（６）絵本としての作成

電子紙芝居ではなく，絵本として作成する場合は，アニメーションを設定せずにスライドの場面切り替

えで進行するように作成します。

物語やせりふを，［ テキストボックス ］や［ オートシェイプ ］の［ 吹き出し ］を利用するとよい

でしょう。

文字の挿入

［ テキストボックス ］または［ 縦書きテキストボックス ］ボタンをクリックします。

画面の適当な場所でクリックし，テキストボックスを表示させます。枠は文字数に応じて自動に大きく

なるので，ドラッグして広げておく必要はありません。

せりふの挿入

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

文字を入力

フォント、フォントサイズ、色などの変更

ドラッグして、位置の調整

- 14 -

適当な場所でドラッグし描画します。

右クリックで［ テキストの編集 ］を選択し，文字を入力します。

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

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