1 仙台高等専門学校 竹島研究室 太田恭平 今回はクリック教材としてシャボン玉というソフトを制作します。クリックするとシャ ボン玉が膨らみ、飛んで行くというアニメーションです。 ※パワーポイント2010 版で説明しています （操作によっては説明を端折っています） 1 スライドの作成 はじめに、スライドの作成を行います。 [ホーム]-[レイアウト]-[白紙]を選択しま す。 2 背景の作成 青空をつくります。 作成したスライド上で右クリックをして［背景の書 式設定］-［塗りつぶし］-［色］-［薄い青］を選択 します。その後［塗りつぶしの（グラデーション）］ を選択します ［グラデーションの分岐点］を移動し好みの青空を 作ります。 3 スライドの複製 青空のスライドのコピーを作成します。 左のスライドを右クリックして［スライドの複製］ を選択します。 コピーした二枚目のスライドに以下のアニメーシ ョンを付けていきます。 ≪赤いストローが出てくる≫
スイッチ教材ソフト～シャボン玉～
2 4 赤いストローの作成 赤いストローを作成します。 [挿入]-[図形]-[基本図形]-[円柱]を選択し、細長い円 柱を作ります。作成したストローを右クリックして ［図形の書式設定］-［塗りつぶし］-［色］-［赤］ を選択し、［線の色］-[色]-[黒]を選択し[線のスタイ ル]-[幅]を 1pt にします。 次にストローを選択し、[書式]-[回転]-[上下反転]を 選択します。 [ホーム]-[選択]-[オブジェクトの選択と表示]を 選択し名前を変更します。 5 スライドのコピー スライドのコピーを作成します。 左のスライドを右クリックして［スライドの複製］ を選択します。 コピーした三枚目のスライドには以下のアニメー ションを付けていきます。 ≪赤いストローからシャボン玉が徐々に膨らみ、飛 んで行く≫ 6 ストローが出てくる ２枚目のスライドに赤いストローが出てくるアニ メーションをつけていきます。 ストローを選択し、［アニメーション］－［アニメ ーションの追加］から［スライドイン］を選択しま す。 プレビューで下からストローが出るのを確認して 下さい。下から出ない場合は[アニメーション]-[効 果のオプション]から[下から]を選択してくださ い。
3 7 シャボン玉の作成 3 枚目のスライドにピンク色のシャボン玉を作り ます。 ［挿入］－［図形］－［基本図形］－［円/楕円］ を選択し円を作ります。作成した円を右クリックし て［図形の書式設定］-［塗りつぶし］-［色］-［そ の他の色］からピンクの色を選択し、［線の色］-［その他の色］から濃い目のピンクの色を選択しま す。[線のスタイル]-[幅]を 0.5pt にします。 ［挿入］-［図形］-［基本図形］-［月］を選択しま す。縦に細くします。月を右クリックして［図形の 書式設定］-［塗りつぶし］-［色］-［白］を選択し ます。次に［光彩とぼかし］の［色］-［白］を選 択し［サイズ］を5pt、［透過性］を 0％にします。 作成した月を複製して左のように重ねます。 8 グループ化 作成した雲シャボン玉をグループ化します。 重ねてできたシャボン玉をドラッグで全部選択し ます。選択したシャボン玉を右クリックして［グル ープ化］－［グループ化］を選択します。 シャボン玉はストローから半分頭を出す形になる ように配置します。 9 画像の配置 [ホーム]-[選択]-[オブジェクトの選択と表示]を 選択しシャボン玉をわかりやすい名前に変更しま す。 画像の順番を並べ替えの[▲][▼]でストローがシ ャボン玉の上に配置されるようにします。
4 10 シャボン玉がストローから出る シャボン玉がストローから出てくるアニメーショ ンをつけていきます。 シャボン玉を選択して［アニメーション］-［アニ メーションの追加］-［フロートイン]を選択します。 また、［拡大/縮小］を選択します。[アニメーショ ン]-[アニメーションウィンドウ]を選択し、アニメ ーションウィンドウ上の“フロートイン”を右クリ ックし[直前の動作の後]を選択します。また、“拡 大/縮小”を右クリックし[効果のオプション]を選 択します。[設定]-[サイズ]-[▼]から[縦]にチェッ クを入れて[ユーザー設定]には 500％と設定しま す。[タイミング]タブから、[開始]を[直前の動作 と同時]と選択し、[継続時間]は 3 秒と設定します。 同じようにシャボン玉を選択して［アニメーション の追加］から［拡大/縮小］を選択します。 [効果 のオプション]を開きます。[設定]-[サイズ]-[▼] から[横]にチェックを入れて[ユーザー設定]には 200％と設定します。[タイミング]タブから[直前の 動作と同時]を設定し、[遅延]を 1 秒[継続時間]を 3 秒と設定します。 11 シャボン玉がふわふわする シャボン玉が膨らむアニメーションをつけていき ます。 シャボン玉を選択し、アニメーション］-［アニメ ーションの追加］-[拡大/縮小]を選択します。 アニメーションウィンドウ上で右クリックし、[効 果のオプション]を選択します。[サイズ]を 90％に して、オートリバースにチェックを入れます。 [タイミング]タブから[直前の動作と同時]と設定 し、 [継続時間]を 2 秒と設定します。[繰り返し] は[次のクリックまで]を選択します。
5 12 シャボン玉が膨らむ 次にシャボン玉が膨らむアニメーションをつくり ます。 シャボン玉を選択し、［アニメーション］-［アニメ ーションの追加］-［拡大/縮小］を選択します。［ア ニメーション］-［アニメーションウィンドウ］を 選択、[効果のオプション]を開きます。[設定]-[サ イズ]-[▼]から[横]にチェックを入れて[ユーザー 設定]には 200％と設定します。[タイミング]タブ から[クリック時]を選択し、 [継続時間]を 2 秒と 設定します。 次に先ほどと同様にしてシャボン玉がフワフワす るアニメーションをつけます。説明は簡単にさせて いただきます。[拡大/縮小]を追加し、[サイズ]を 95％にして、オートリバースにチェックを入れま す。[タイミング]タブから[直前の動作と同時]と設 定し、 [継続時間]を 1 秒と設定します。[繰り返し] は[次のクリックまで]を選択します。 次にまた同様にシャボン玉が膨らむアニメーショ ンをつくります。[拡大/縮小]を追加し、[効果のオ プション]を開きます。[設定]-[サイズ]-[▼]から [ 横 ] に チ ェ ッ ク を 入 れ て [ ユ ー ザ ー 設 定 ] に は 120％と設定します。[タイミング]タブから[クリッ ク時]を選択し、 [継続時間]を 1 秒と設定します。 ※説明がわかりにくくなっていますのでプレビュ ーで確認してください。
6 13 シャボン玉が飛ぶ シャボン玉がストローから飛んで行くアニメーシ ョンをつけていきます。 シャボン玉を選択して［アニメーション］-［アニ メーションの追加］-［その他のアニメーションの 軌跡］-[直線（上へ）]を選択します。また、［その 他のアニメーションの軌跡］から[アーチ（右へ ）]も選択します。[アニメーション]タブの[効果の オプション]から[逆方向の軌跡]を選択します。 アニメーションウィンドウを表示し、スライド上の “アーチ”のアニメーションの始点の緑の矢印が “直線移動”の終点の赤い矢印をドラッグして近づ けます。飛ぶ方向は好みで設定します。 アニメーションウィンドウ上で「Ctrl」キーを押し ながら移動する２つのアニメーションをクリック して選択し、右クリックして[直前の動作と同時] を選択します。加えて、アーチは[遅延時間]を１秒 に設定します。 14 シャボン玉が消える シャボン玉が消えるアニメーションをつけていき ます。 シャボン玉を選択し[拡大/縮小]のアニメーション を追加します。[効果のオプション]から[サイズ] は 50％に設定し、[開始]は[直前の動作と同時]、 [遅延]は 2 秒、[継続時間]は 2 秒にします。 次に、[フェード]のアニメーションを追加します。 [開始]は[直前の動作の後]、[継続時間]は１秒にし ます。
7 15 動作確認 スライドショーを実行して、動作を確認します。問 題なければ完成！！ シャボン玉が飛んで行くアニメーションや消える アニメーションに[効果のオプション]からサウン ドを設定するのもオススメです。
