目次 1. 写真と文字を使用したコンテンツスライドの作成 3 2. コンテンツスライドの自動切り替え まとめ 課題にチャレンジ 19 レッスン内容 写真と文字を使用したコンテンツスライドの作成 第 8 回では写真と文字を使用したコンテンツスライドを作成します コンテンツスライ

Transcription

1 PowerPoint で楽しむムービー作成講座 第 8 回 コンテンツスライドの作成写真編 PowerPoint で楽しむムービー作成講座 では 12 回に分けて デジタルカメラの写真や動画を 素材に ムービー作成ソフトを使用せずに PowerPoint 2010 だけでオリジナルムービーを作成す る方法を紹介します 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft PowerPoint 2010( テキスト内では PowerPoint と記述します ) 画面の設定 ( 解像度 ) ピクセル 本テキストは 次の環境でも利用可能です Windows 7 Home Premium 以外のオペレーティングシステムで Microsoft PowerPoint 2010 が動作する環境 ( オペレーティングシステムによっては操作画面の表示がテキストと異なることがあります )

2 目次 1. 写真と文字を使用したコンテンツスライドの作成 3 2. コンテンツスライドの自動切り替え まとめ 課題にチャレンジ 19 レッスン内容 写真と文字を使用したコンテンツスライドの作成 第 8 回では写真と文字を使用したコンテンツスライドを作成します コンテンツスライドに使用する写真と文字には 視覚効果としてのアニメーションを設定します こんなことができるようになります 旅先で撮影した写真にメッセージを追加した旅の思い出を綴るコンテンツスライドを作成できるようになります レッスン項目 1. 写真と文字を使用してコンテンツスライドを作成する方法について学習します 2. コンテンツスライドにスライドの自動切り替えを設定する方法について学習します 3. レッスン内容をまとめます 4. 課題にチャレンジしてみましょう 前提となる知識 このレッスンは PowerPoint で楽しむムービー作成講座 の第 1 回から第 7 回までを学習済みであることを前提としています PowerPoint の基本操作や 第 1 回から第 7 回までに学習済みの機能や操作については設定値と操作結果のみを記述しています アニメーションの設定の詳細については次の回を参照してください 第 1 回アニメーションの仕組みとタイトル作成 第 2 回スライド背景とアニメーション効果のオプション 第 4 回アニメーション効果の調整 画面切り替えの設定の詳細については次の回を参照してください 第 5 回画面切り替えとスライドショーの実行 第 6 回スライドショーの自動実行 レッスンの準備 このレッスンでは 第 7 回コンテンツスライドの作成準備編 のレッスン終了時に保存した 季節をめぐる旅.pptx を使用します 春 夏 秋 冬の旅の写真 各 2 枚 ( 計 8 枚 ) を [ マイピクチャ ] フォルダーに保存してください このレッスンで使用する春 夏 秋 冬の旅の写真 各 2 枚 ( 合計 8 枚 ) のサンプルを次の URL からダウンロードできます サンプルファイルのダウンロード

3 1 写真と文字を使用したコンテンツスライドの作成 旅先で撮影した写真とその写真の説明となるメッセージを追加したコンテンツスライドを複数枚 作成することで 旅の楽しさや思い出のストーリーを表現することができます ここでは 季節ごとに 2 枚用意した合計 8 枚の写真を使用して これまでに学習したアニメーシ ョン機能を活用したコンテンツスライドを作成する方法について学習します 使用する写真 季節使用する写真 (JPEG 形式 ) 季節使用する写真 (JPEG 形式 ) 春 秋 (1) 写真の挿入とアニメーションの設定 1 枚のスライドに 1 枚の写真を挿入することで複数枚のコンテンツスライドを作成します ( ここでは 8 枚の写真を用意しているので 8 枚のコンテンツスライドを作成します ) 写真にアニメーションを設定したコンテンツスライドを作成する手順は次のとおりです (1) 背景を設定した春のコンテンツスライドに写真を挿入します 使用する写真 : 春 _ さくら.jpg (2) 写真に図のスタイルを設定します 設定する図のスタイル :[ メタルフレーム ] (3) 写真にアニメーションを設定します 設定するアニメーション : 開始効果の [ 図形 ] [ 直前の動作の後 ] 継続時間 5 秒 なお 操作手順の解説は 季節をめぐる旅.pptx を開いて 1 枚目のスライドを表示した時点か らの開始となります なお これまでに学習済みのアニメーション機能については操作手順のみ を記述します 夏 春 _ さくら春 _ 桜満開夏 _ 東大寺夏 _ 金閣寺 冬 秋 _ 紅葉秋 _ 鎌倉冬 _ 横浜冬 _ 夜景 - 3 -

4 操作開始 3 枚目のスライド ( 春のコンテンツスライド ) のサムネイルをクリックします [ 挿入 ] タブをクリックします [ 図をファイルから挿入 ] をクリックします [ 図の挿入 ] ダイアログボックスが表示されます 春 _ さくら.jpg をクリックします [ 挿入 ] ボタンをクリックします - 4 -

5 春 _ さくら.jpg が 3 枚目のスライド ( 春のコンテンツスライド ) に挿入されます 春 _ さくら.jpg が選択されている状態で [ 図ツール ] の [ 書式 ] タブをクリックします [ サイズ ] グループにある [ 図形の高さ ] を 12cm [ 図形の幅 ] を 16cm に設定します 操作のポイント 使用する写真によっては 図形の高さまたは図形の幅のサイズが上記のとおり設定できない場合があります そのときは図形の高さ 12cm を優先してください 春 _ さくら.jpg をスライドの上部の左右中央に配置します 春 _ さくら.jpg が選択されている状態で [ 書式 ] タブの [ 図のスタイル ] グループにある 図のスタイル一覧メニューから [ メタルフレーム ] をクリックします 写真の下部にメッセージを追加するので 写真はスライドの上部の左右中央に配置します この部分に写真の説明となるメッセージを追加します - 5 -

6 春_ さくら.jpg が選択されている状態で [ アニメーション ] タブをクリックします [ アニメーションの詳細設定 ] グループにある [ アニメーションウィンドウ ] をクリックします ウィンドウの右端にアニメーションウィンドウが表示されます ( ここでは オブジェクトへアニメーションが設定されたことを確認するためにアニメーションウィンドウを表示しています ) 春_ さくら.jpg が選択されている状態で [ アニメーション ] タブの [ アニメーション ] グループにあるアニメーションの一覧メニューから開始効果の [ 図形 ] をクリックします [ 効果のオプション ] をクリックします 表示されるメニューから [ 図形 ] セクションの [ 円 ] をクリックします [ 効果のオプション ] をクリックします 表示されるメニューから [ 方向 ] セクションの [ アウト ] をクリックします 開始効果の [ 図形 ] が設定された 春 _ さくら.jpg の左上にはマウスをクリックしたときに開始されるアニメーションが設定されていることを知らせる数字 ( ここでは ) が表示されます 数字はクリック時に開始されるアニメーションの実行順を表しています アニメーションウィンドウマウスのクリック時に実行されるアニメーションが設定されていることを知らせる数字 - 6 -

7 春 _ さくら.jpg が選択されている状態で [ アニメーション ] タブの [ タイミング ] グルー プにある [ 開始 ] の右端の [ 下向き三角 ( )] ボタンをクリックします 表示されるメニューから [ 直前の動作の後 ] をクリックします 春 _ さくら.jpg の左上の数字が アニメーションの自動実行が設定されたことを知らせる 数字 に変わります 春 _ さくら.jpg が選択されている状態で [ アニメーション ] タブの [ タイミング ] グルー プにある [ 持続時間 ] を (5 秒 ) に設定します アニメーションの 自動実行が設定さ れていることを知 らせる数字 - 7 -

8 [ アニメーション ] タブの [ プレビュー ] グループにある [ プレビュー ] のアイコンをクリック して設定したアニメーションの動作を確認します ここまでの操作で 春 _ さくら.jpg を使用した春のコンテンツスライドを 1 枚作成すること ができました 操作終了 (2) 文字の追加とアニメーションの設定 写真を挿入しアニメーションを設定したコンテンツスライドに その写真の説明となるメッセー ジを追加することでコンテンツスライドが完成します スライドに文字を追加してアニメーションを設定する手順は次のとおりです (1) 文字を入力するためにテキストボックスを挿入します 挿入するテキストボックス : 横書きテキストボックス (2) テキストボックスの文字にフォントとフォントサイズを設定します 設定するフォントとフォントサイズ :HG 丸ゴシック M-PRO 24 ポイント (3) テキストボックスの文字にアニメーションを設定します 設定するアニメーション : 開始効果の [ アピール ]( テキストの動作 : 文字単位 ) [ 直前の動作の後 ] 継続時間 自動 - 8 -

9 操作手順の解説は前項からの続きとなります なお これまでに学習済みのアニメーション機能 については操作手順のみを記述します 操作開始 [ 挿入 ] タブをクリックします [ テキスト ] グループにある [ テキストボックス ] の文字の部分をクリックします 表示されるメニューから [ 横書きテキストボックス ] をクリックします 写真の左下部でクリックします 写真の左下部に横書きテキストボックス ( これ以降 テキストボックス と記述します ) が表示されます マウスのクリックで表示されたテキストボックス - 9 -

10 [ ホーム ] タブをクリックします フォントを [HG 丸ゴシック M-PRO] フォントサイズを [24 ポイント ] に設定します フォントの色を [ 黒 ] に設定します 桜の開花の便りが届くと私の春の旅が始まります と入力します テキストボックスを写真の下部に配置します テキストボックスが選択されている状態で [ アニメーション ] タブをクリックします [ アニメーション ] タブの [ アニメーション ] グループにあるアニメーションの一覧メニュ ーから開始効果の [ アピール ] をクリックします