9
<研究ノート(Research Note)> デジタルプレゼンテーションにおける文書表現技法 ―タイポグラフィ、色彩、動画編集― 川島 秀樹 * * 保健医療経営大学 保健医療経営学部教授 , 博士(経済学) E-mail:…[email protected] 要 旨 2010 年より、デジタルプレゼンテーションの授業を行っている。PowerPoint2010 を使った文書表現技法は奥が深く、画 像や動画を使った映像表現がますます重要になっている。授業で学生の作成したドキュメントをみて、フォントの使い方(タ イポグラフィ)、色彩、画像・動画表現を工夫することにより、極めて水準の高い作品になることを実感した。 本論では、タイポグラフィと色彩、動画の役割、動画の編集と取り込み、動画ファイルの編集、プレゼンテーション資料 の DVD 化について論じ、最後に学生による自由論題発表会におけるプレゼンテーションについて考察した。 Keywords:デジタルプレゼンテーション、タイポグラフィ、色彩、動画編集、自由論題講評 はじめに 福岡の私大において、2010 年春よりデジタルプレゼ ンテーションの授業を行っている。その内容は、自分の 意思を相手に正確に伝え、伝える側の行動や考え方が正 確に理解してもらえるように、プレゼンテーション技術 の向上を目指している。どのようなメッセージを出して、 納得するように伝えるには、ストーリーを組み立て、視 覚に訴える工夫が必要であり、画像や動画などの映像表 現がますます重要になってきている。 本稿では、デジタルプレゼンテーション授業とその意 義について、そしてプレゼンテーションにおいてタイポ グラフィ、色彩、動画がはたす役割を論ずる。まず、タ イポグラフィと色彩について、ドキュメント作成事例に 基づき、論述してみる。 つぎに、動画の編集と取り込みについて考える。ハー ドウェアのしくみではなく、ソフトウェアの観点からそ の利用方法について実際どのような運用をするのか、学 生が興味を持つような授業展開に重点を置いた。 さらに、プレゼンテーションに使用するファイル量の 制約や機器環境の制限により PowerPoint 等のファイル を動画にして、DVD 化する方法について述べる。たと えばパソコンを設置することができない結婚式披露宴会 場などでは、DVD ビデオデッキを利用したプレゼンテー ションが考えられる。 最後に授業発表会における動画の効果とその考察につ いて述べてみる。公式の授業評価アンケート結果や出席 カード、講義レポートなどを使って、学生の反応も記し ている。 1.デジタルプレゼンテーション授業とその意義 昨年から PowerPoint 使用方法を使ったデジタルプレ ゼンテーションの半期履修制授業を 3 度行った。単なる マイクロソフトの Office 系ソフトを使いこなすという訳 ではなく、学生に興味をもたせながら一次情報や二次情 報を収集させ、メッセージを発信していく授業である。 1 クラス80 人前後の学生が受講しており、演習中 心の授業を行っている。半期 15 コマの講座において Word,Excel の上級機能と PowerPoint の基本機能を教 えるのは実質 5 コマ程で、できるだけ学生の意思を尊重 して好きなドキュメントを作成させ、添削や発表会など の講評を重視した。レポートの課題は以下のようなもの である。(表…1参照) ―…9…保健医療経営大学紀要 № 4 9~ 17(2012)

―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

<研究ノート(Research Note)>

デジタルプレゼンテーションにおける文書表現技法―タイポグラフィ、色彩、動画編集―

川島 秀樹 *

* 保健医療経営大学 保健医療経営学部教授 , 博士(経済学)   E-mail:…[email protected]

要 旨

 2010 年より、デジタルプレゼンテーションの授業を行っている。PowerPoint2010を使った文書表現技法は奥が深く、画像や動画を使った映像表現がますます重要になっている。授業で学生の作成したドキュメントをみて、フォントの使い方(タイポグラフィ)、色彩、画像・動画表現を工夫することにより、極めて水準の高い作品になることを実感した。 本論では、タイポグラフィと色彩、動画の役割、動画の編集と取り込み、動画ファイルの編集、プレゼンテーション資料のDVD 化について論じ、最後に学生による自由論題発表会におけるプレゼンテーションについて考察した。

  Keywords:デジタルプレゼンテーション、タイポグラフィ、色彩、動画編集、自由論題講評

はじめに 福岡の私大において、2010 年春よりデジタルプレゼンテーションの授業を行っている。その内容は、自分の意思を相手に正確に伝え、伝える側の行動や考え方が正確に理解してもらえるように、プレゼンテーション技術の向上を目指している。どのようなメッセージを出して、納得するように伝えるには、ストーリーを組み立て、視覚に訴える工夫が必要であり、画像や動画などの映像表現がますます重要になってきている。 本稿では、デジタルプレゼンテーション授業とその意義について、そしてプレゼンテーションにおいてタイポグラフィ、色彩、動画がはたす役割を論ずる。まず、タイポグラフィと色彩について、ドキュメント作成事例に基づき、論述してみる。 つぎに、動画の編集と取り込みについて考える。ハードウェアのしくみではなく、ソフトウェアの観点からその利用方法について実際どのような運用をするのか、学生が興味を持つような授業展開に重点を置いた。 さらに、プレゼンテーションに使用するファイル量の制約や機器環境の制限により PowerPoint 等のファイルを動画にして、DVD 化する方法について述べる。たとえばパソコンを設置することができない結婚式披露宴会場などでは、DVD ビデオデッキを利用したプレゼンテー

ションが考えられる。 最後に授業発表会における動画の効果とその考察について述べてみる。公式の授業評価アンケート結果や出席カード、講義レポートなどを使って、学生の反応も記している。

1.デジタルプレゼンテーション授業とその意義 昨年から PowerPoint 使用方法を使ったデジタルプレゼンテーションの半期履修制授業を 3 度行った。単なるマイクロソフトの Office 系ソフトを使いこなすという訳ではなく、学生に興味をもたせながら一次情報や二次情報を収集させ、メッセージを発信していく授業である。 1 クラス 80 人前後の学生が受講しており、演習中心の授業を行っている。半期 15 コマの講座においてWord,Excel の上級機能と PowerPoint の基本機能を教えるのは実質 5 コマ程で、できるだけ学生の意思を尊重して好きなドキュメントを作成させ、添削や発表会などの講評を重視した。レポートの課題は以下のようなものである。(表…1 参照)

―…9…―

保健医療経営大学紀要 № 4 9~ 17(2012)

Page 2: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

表 1 デジタルプレゼンテーション授業におけるレポート課題No レポート課題内容 コマ1 旅行計画書  Word によるしおり作成  22 好きなアーティスト 1

Powerpoint に YouTube の動画を組み込む3 戦略を推奨する   

PowerPoint,PDF 14 仕事に求めるもの PowerPoint, 動画作成 15 PowerPoint 練習問題 1,2 16 自由論題作成   課題添削 & 返却指導 27 自由論題発表 2

 レポート課題内容のうちで最も力をいれているのは自由論題作成であり、大学の授業評価アンケート結果によると、一つの作品を作るのに 53%の学生が授業時間外に相当の時間をかけて作成していた。それに、早く課題を仕上げた学生には、2、3 回の添削を行った。 また、自由論題発表においても、学生に 3 分~ 5 分ほどのプレゼンテーションを行わせている。その中で視聴者を感動させるには、視覚に訴えるものが注目され、特に動画を使ったものが好評であった。さらに、動画を使いたいという学生が増え、それを使いこなすためにコンピュータ概論などの基礎をしっかり勉強するという態度がみられた。 このことから、自由論題で好きなことを学ばせ、学生間でプレゼンテーションの競争をさせるのが学力向上に意義があると思われる。

2.タイポグラフィと色彩2.1 タイポグラフィ タイポグラフィとは、文字を通して「見た目の姿」を与える技術で、意味をシンプルに伝える文字は、声として発せられた言葉や沸きあがる感情、思いを記す道具として長い間使われてきた。かつては、「活版印刷術」のことを指していたが、現在ではコンピュータを軸として

「字間を詰める」や「文字をぼかす」等の技術表現が簡単になっている。タイポグラフィの素材であるフォント、書体の分類、文字を組む際に考慮すべき「字間」や「行間」などは特に重要になっている。 まずフォントについて述べてみる。フォントには、文字の幅が全て同じである当幅フォントと文字によって幅が異なるプロポーシャルフォント(MSP のように P が付いているもの)がある。欧文フォントは原則プロポーシャルフォントで構成されている。ところが、日本語フォントの場合、当幅フォントの使用時カンマ、ピリオード、英字の I(アイ)の直後に多少の空白が生じる。間延び

した感じを受け、多少の空白に文字を入れ忘れた等の誤解も招く。したがって、PowerPoint などのプレゼンテーションではプロポーショナルフォントが良いと思われる。 また、MsOffice では標準フォントがあり、使用するPC 環境を変えても安心できる。マイクロソフトのものに、MS 明朝、MSP 明朝、MS ゴシック、MSP ゴシックがある。さらに、リコー社のものにハイグレードを意味する HG ゴシック E、HGP ゴシック E がある。付け加えてフォント制作の会社の名前が付いている HG 創英角ゴシックUB、HGP創英角ゴシックUB、HG創英角ポップ体、…HGP 創英角ポップ体、HG 丸ゴシック M-pro、HG 正楷書 -PRO がある。最後の E は Extra、UB はUltra…Bold で太い書体を表している。さらに、Pro または PRO が付いているものはプロポーショなるフォントを意味している。 どのようなフォントを使うかが望ましいかは表…2で示している。プレゼンテーション資料では、本文は HGPゴジック E、見出しは HGP 創英角ゴシック UB、欧文は本文、見出しともArialが望ましいと思われる。ゴシック体は、すべての線や点描が同じ太さの肉大の書体で印象を強くする箇所や見出しなどに使う傾向がある。また、線の切れ方が四角であり、ゴシック体の角を丸めた丸ゴシック体もある。これは、暖かさや親しみやすさを演出することができる。 一方でビジネス文書は、本文を和文では MSP 明朝、欧文では見出しを Times…New…Roman などの Times 系にするのが望ましいと思われる。理由として活字の主要書体であり、縦画が太く横画が細い。各線に「うろこ」、

「はね」、「はらい」が表現されているため、読みやすく、落ち着いた印象がある。さらに、日本的な演出や信頼感・安心感をあたえる。線の抑揚を生かして、女性的な印象を演出することもある。

表 2 どのようなフォントを使うかが望ましいか

出典:プレゼン・ドキュメント作成技法(参考文献 [3])

―…10…―

川 島 秀 樹

Page 3: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、

「光」、「物体」、「視覚」の関係だけではなく、「大脳」の働きによる「色の感情効果」が大きなウェイトを占めている。色から受けた印象を、個人としての情緒や感情表現に置き換えるからである。松崎(2002, 文献 [11])によると、以下の 3 点があげられる。①個人の体験的な色彩感情 「バラ」の花を好きな人もいれば、嫌いな人もいる。

こういった感情は個人の生活に起因する。②文化的差異による色彩感情 色に対する感じ方は、民族、地域、国などの集団的な

要因によっても異なった形成をし、気候や地理的条件、風俗、宗教など様々な要因の基に文化的色彩感情がある。日本では太陽のイメージは赤だが、ヨーロッパは黄色である。

③人間としての普遍的な色彩感情 人間であれば、だれにも共通する色の感じ方で普遍的

に変わらないものである。燃え盛る火では「熱い」、「激しい」、「危ない」という感情をもち、赤色は共通の感情色として記号化されたりする。

 また、ドキュメントを作成するときは、民族や文化を超えた共通感覚(普遍的な色彩感情である固有感情)にしたがって色を選択し、イメージを表現する必要がある。色彩の感情効果は以下の 6 点があげられる。①色の暖・寒感 暖かい感じを与える色は「暖色」で赤、黄などの刺激

がある色であり、青緑、青、青紫の消極的な色が寒色となる。

②色の軽・重感 明るい色は軽くて軽快なイメージを与え、暗い色は重

たく落ち着いたイメージを与える。画面のバランスを取る時、重い色を下方に寄せ、不安定にしたければ、重い色を上方に集める。

③色の硬・軟感 色にはかたく感じる色とやわらかく感じる色がある。

純色に白を混ぜたパステルカラー系の色はベビー用品からみられるように、柔らかく感じる。一方で、黒を混ぜた色は硬いイメージを受け、自動車や家電にみられる。

④色の強・弱感 トーン区分で系統的に分類すると、中明度を軸にして、

明度の高い方は弱く感じ、明度の低い方は強く感じる。また高彩度色は強く、低彩度色は弱い感じとなる。弱い感じの色は薄い色や少し濁った色であり、強い感じの色は鮮やかな色であり、暗い色である。

⑤色の興奮・鎮静感 興奮感を換気するのは暖色系であり、鮮やかな色で

ある。一方、沈静感を換気する色は、寒色系であり、暗さの伴う色である。

⑥色の派手・地味感 派手・地味は彩度に影響を受け、派手感は目立つとい

うことになる。

 以上から、色彩については感情効果をうまく組み合わせるのが望ましい。授業の課題で学生の「旅行計画書」を講評すると、例えば、沖縄や奄美のイメージでは海が綺麗で全体的にさわやかな印象をうける色使いをしている。また、北海道等のスキー旅行では、白を基調とした色使いと楽しいイメージがうまく組み合わされていた。

3.動画の役割  動画の長所と短所を述べてみよう。動画の長所として、イメージがわきやすくなり人を引きつけることができる。たとえば、「ハリーポッター」シリーズの小説を読んでみると、様々な魔法使いや呪文が出てくるが、映画などでみるとより鮮明になってくるので、説得力がある。 短所として、全体としてのファイル容量が増加し、メールやレポート提出システムなどで送付できる約 4MB ~5MB 以内の容量に納めることができなくなる。 また、動画の時間の長さも問題になる。一般に動画が長いと飽きられる可能性がある。全日本シーエム放送連盟(ACC)が、後世に伝えるべき価値のある CM として選定する「殿堂入り CM 作品」(1983 年~ 2009 年まで 65 作品 , 表…3 参照)をみると、30 秒から1分くらいが望ましいと思われる。(図…1 参照) さらに、動画などの映像作品を製作するのに、相当の労力が必要であることが短所としてあげられる。映像作品はシナリオありきといわれ、画コンテ(ストリーボード)によるショットを1枚1枚のパネルに表現し組み立てていく事が多い。映像制作には、多くのスタッフが関わることになる。

表 3 殿堂入り CM 作品(例)受賞年 商品名 題名 秒数1958 トリスウィスキー トリスバー 301984 小学一年生 ぴかぴかの一年生 601986 金鳥ゴン 町内会 15

2000 サッポロ生ビール黒ラベル 温泉卓球 30

―…11…―

デジタルプレゼンテーションにおける文書表現技法

Page 4: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

図 1 CM放送秒数 ヒストグラム出典:殿堂入り CM 作品集(テレビ)1983 ~ 2009

 映像ファイルをシナリオから作ることは個人では簡単ではないが、ホームビデオなどを使って、プレゼンテーションのイメージを作ることはできる。その他、他人が作成した動画を交渉して利用する方法がある。Office2010 では、PowerPoint2010 において、「プレゼンテーションからビデオにリンクする」方法を提供している。すなわち、YouTube などから動画の埋め込みコードをコピーし、それを PowerPoint のスライドでペースト(挿入 ->メディア ->ビデオ ->Webサイトからビデオ ,図…2 参照)すれば、Web サイトにアップロードしたビデオファイルにリンクすることができ、動画ファイルをみることができる。その場合、著作権や個人情報保護に万全の注意を払わなければならない。

がコーデックである。圧縮ファイルには、大まかに 4 つの種類がある。マイクロソフトの Windows…Media、リアルネットワークスの Real…Player、アップルコンピュータの Quick…Time と Mpeg-4 である。エンコードファイルの種類はコーデックの種類といえる。 次に、圧縮した映像と音声をコンテナという入れ物に格納する。コンテナは格納できるコーデックの種類が決まっている。コンテナの種類は、AVI、WMV、MKVなどの拡張子で判別可能である。 その後、再生時にはコンテナに格納した映像と音声を伸張(デコード)し、再生することになる。(図…3 参照)

図 2 Web サイトからビデオ

4.動画の編集と取り込み 4.1 動画ファイルの基礎知識 動画を再生する仕組みで基本になるのは、コーデック、コンテナ、Directshow である。 ビデオ映像のデータは膨大なものになるので、それをネットワークにそのまま流すのは無理である。そのため、映像データに対して最適な圧縮の方法が求められる。それをファイルのエンコードという。映像と音声を圧縮

(エンコード)または伸張(デコード)するプログラム

図 3 動画のしくみ出典:動画ファイル完全ガイド(参考文献 [1])

 また、メディアを再生しやすいように、動画の分離変換などさまざまな操作を自動的に行ってくれるのがDirectshow である。プレーヤーはこの Directshow を利用することで、コーデックがなくてもストリーミング再生(データを読み込みながら同時に再生)することができる。図…4 には、Directshow プログラミングインターフェイスを示している。コンテナに格納されている動画ファイルを読み込み、映像と音声に分離する。これをスプリットフィルタと読んでいる。つぎに、分離された映像・音声をそれぞれ出力可能な形式に変換するデコーダフィルタにより、映像と音声を伸縮する。最後に、レン

―…12…―

川 島 秀 樹

Page 5: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

ダリングフィルタにより、メディアプレーヤに出力する。 表…4 は、コンテナ、コーデック、Directshow フィルタの種類について表示した。

H_264(MPEG_4AVC)

MPEG-2 と同程度で 2 倍以上の圧縮率 ,現在主流のコーデック , 携帯機器向け , 地デジ録画に適する

Huffyuv可逆圧縮の映像コーデック , 画質はよいが , 圧縮率は低い . 動画編集前の中間ファイルに適する

MPEG-2 DVD-Video や地デジで採用 , 画質重視 .DVD-video や HD 映像の保存に適する

MPEG-4 広い意味で解釈される 3GPP,DivX やXvid も含む

WMV Windows…Media の標準映像コーデック音声は WMA を組み合わせるのが一般的

Xvid Divx を組み合わせたオープンソースコーデック , エンコードが早い

音声コーデック 特徴

AAC MP3 に比べて圧縮率が高い ,Itunes…Storeなどで利用

AC-3 DVD-Video などで採用されている 5.1chサウンド , ドルビーデジタル

MP3 携帯音楽プレーヤーなどで利用される

FLAC 可逆圧縮の音声コーデック

主なDirectShowフィルタ

特徴

ffdshow ほとんどのコーデックを伸張できるFLVSpilitter

FLV ファイルから映像と音声を分離できるスプリッタ

MP4Spilitter

スマートフォンで利用増加 ,MP4 ファイルを映像と音声に分離

出典:動画ファイル完全ガイド(参考文献 [1])

4.2 動画ファイルの変換 動画の画質は、ビットレート値、コーデックの種類、圧縮方式などによって左右される。動画の変換を行う際に、最も影響が出る設定がビットレートであり、動画 1秒あたりにどの程度データ量を割り当てるかをきめるものである。ビットレートを高く設定すると、ファイル量は大きくなる。 また、同じ映像を同じビットレートで圧縮してもコーデックによって画質が違い、低ビットレートの圧縮に向いたものと高ビットレートに向いたものとある。さらに、圧縮方式でも画質に差がでる。一定のビットレートを割り当てる圧縮方式を CBR(固定ビットレート)、激しいシーンと静かなシーンで必要に応じて転送ビットレートを変化させる圧縮方式 VBR(可変ビットレート)がある。音ずれのトラブルが少ないのは CBR であるが、映像を高画質にするのは VBR が良いとされている。

図 4 DirectShow プログラムインターフェイス出典:動画ファイル完全ガイド(参考文献 [1])

表 4 主なコンテナ / コーデック /DirectShow

コンテナ 特徴

3GPP 携帯電話向けのコンテナ

AVI Window 標準の動画フォーマット

ASF/WMV Windows…Media の標準コンテナ

Flash…Video YouTube 等 Web 上の埋込動画の定番コンテナ

MP4 MPEG-4 形式の動画・音声を格納するコンテナ

MPEGビデオ CD 等で使われる MPEG-1,DVDで使われる MPEG-2, その他 MPEG-4 などの幅広く使うコンテナの総称

Real…Video リアルネットワークスが開発したビデオフォーマット

映像コーデック 特徴

DivX 定番の高圧縮コーデック

FLV1 低ビットレートである程度画質を維持できる .Web 配信向けに適する

―…13…―

デジタルプレゼンテーションにおける文書表現技法

Page 6: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

 さらに、圧縮作業であるエンコードにおいて、より高画質にするために 2 回行うこともある。1 回目は映像の状態に応じたビットレート、フレームレート、バッファサイズの最適な組み合わせを探し、2 回目に VBR で本番の圧縮方式を行う。この方式を 2 パスエンコードという。変換に関わる時間は 2 倍になるが、ビットレートの割り当てを最適化できるため、高圧縮・高画質に変換できる。

4.3 動画ファィルの編集 動画編集とは、映像作品において撮影されたショットをつなぎ、一つのストーリーに仕立て上げるポジションである。 編集には、マイクロソフトが提供する無料の動画編集ソフトである「Windows…Live…ムービーメーカー」が初心者に使いやすい。(図…5 参照 , 参考文献 [18])

めるオーサリング機能に優れている。他のソフトに比べて高速であり、時間を短縮できた。それに、さまざまな入力フォーマットから AVI、WMV、MP4、MKV、SWF、3GP、MP3 へのビデオ変換や iPod…、iPhone、iPad、PSP、PS2、PS3、BlackBerry、Xbox、Apple…TV、Android、スマートフォンなどそれぞれのメディアでの最適な形式への変換、DVD、Blue-ray への書き込み、ニコニコ動画、YouTube などの動画を直接読み込むオンラインビデオなどの機能を備えている。(図…6参照)

図 5 Windows Live ムービーメーカー

 このソフトは動画ファイルや画像、音声ファイルを読み込ませて、映像ファイルを自由に編集できる。映像にエフェクトを加え、テキストによるタイトル画面や字幕も合成することができる。編集した画像は WMV 形式や DVD-Video 等に保存できる。このソフトで扱える主なファイル形式は以下の通りである。 …・Windows…Media(wmv,asf,wm)… ・MPEG-4(mp4,mov,m4v) …・MPEG 系(mpeg,mpg,mpe,m1v,mp2,mpv2,  mod,vbd) …・AVCHD(m2ts,m2t) …・その他(mov,qt,avi,flv,mkv など)

 また、動画ファイルをオーサリング DVD に焼き込むには”Freemake…Video…Converter”(参考文献 [12])が有用であった。これはフリーソフトであり、特に、複数のビデオを編集・統合して一つのタイトルとしてまと

図 6 Freemake Video Converter

 さらに、動画変換で様々なフォーマットに対応したものに、”MediaConverter”(参考文献 [14])がある。きめ細かい変換設定ができる高性能エンコーダである。(図…7 参照)

図 7 MediaConverter

 動画変換が必要な理由は、編集ソフトに読み込ませたり、動画共有サービスにアップロードしたりする場合に、それらに適したファイル形式に変換する必要がある。たとえば、PowerPoint には、ビデオファイルを挿入する(挿入 -> ビデオ -> フィルからビデオ)ことができるが、挿入できるファイルは Windows…Media(asf)、Windows

―…14…―

川 島 秀 樹

Page 7: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

ビデオファイル(avi)、Microsoft テレビ録画ファイル(drv-ms)、ムービーファイル(mpeg)と決まっている。そのため、YouTube などをダウンロードしたファイル

(許可必要)では Flv 形式のファイルが多いため、貼り付けることができなかった。 その他、動画ファイルをプレーヤーで再生することができないことも少なくない。大学の一般的な動画再生用ソフトは”Windows…Media…Player”、”Real…Player”などが多く、コーデックがあわなくて、読み取ることができないことがある。そのときは、無償ソフト“GOM…PLAYER”(参考文献 [13])などのコーデック内蔵プレーヤーを使うと問題なくみることができる。それでも、読みとれないときは、”Mediainfo”(参考文献 [15])などのコーデックチャッカーを使うことによって分析し、解決することができる。

5.プレゼンテーション資料の DVD 化 デジタルプレゼンテーションの自由論題発表において、ファイルの容量が 5MB の制限を超えた為、大学のレポートシステムにアップロードできない状況が発生した。その場合、学生のフラッシュメモリにコピーして仮提出をするが、肝心の PowerPoint ファイルを、ディスク容量制限から大学のレポート提出システムに残せなく、仕方なく PDF 化してアップロードしていた。 また、結婚式場などでPCとプロジェクタを使って、スライドを見せたいとの要望もあがっている。そういった場合、プレゼンテーションの環境がそろっていればよいが、家庭の DVD ビデオデッキしか使用できないところもある。  PowerPoint2010 では、スライドを動画形式で出力(保存)することができる。(図…8 参照)作成したスライドショーを WMV 形式の動画ファイルに出力し、モニター画面の大きさによりサイズを小さくしたり、スライドの再生時間を設定したりできるほか、ナレーションを吹き込むことも可能である。この WMV ファイルを、”Freemake…Video…Converter”などを使って、DVD ファイルに変換すればよい。

図 8 PowerPoint2010 動画作成

6.自由論題発表会におけるプレゼンテーションの考察 デジタルプレゼンテーション授業の終わりに、自由論題の発表会を行っている。きわめて有効とされた点について述べてみる。 まず、自由論題では社会的、教育上好ましくないものを除いて、学生の好きなことさせている。学生は、自分の興味があることであったら、夢中になってサーベイし、より高度なコンピュータ・システムの機能を学び取ろうとする。題材として選んだものとしては、地域の観光、趣味(車、ゲーム、アニメ)、音楽アーティスト&タレント、大学の授業関連(IT, 経営学など)、自分の好きなスポーツ(野球、テニス、サッカーなど)の順であった。(図…9 参照)

図 9 自由論題タイトル

―…15…―

デジタルプレゼンテーションにおける文書表現技法

Page 8: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

 ところで、授業終了前の 5 分間、講義の復習のために、感動した内容や、質問事項、理解できなかった内容を、A6 版の出席カード(講義レポート)に書かせている。自由論題発表の出席カードに、以下のような意見(66人分)が出ている。(図…10 参照) 一番多かったのは、「他の人のレベルが高かった」ということである。学生が他のプレゼンテーションをみて相当の励みとなり、いい作品を仕上げ、負けないようなプレゼンテーションをしたいと思ったことである。 また、「動画を入れたかったが、うまくできなかった」という学生の意見もあった。

た。フォントの使用においてはプレゼンテーションでは標準フォントを使用するのがよく、プレゼン資料ではゴシック系が望ましい。また欧文においては arial 使用が望ましい。ビジネス文書においては、和文では明朝体、欧文では times 系が望ましいと思われる。また、色彩については感情表現をうまく組み合わせることが必要である。 3 章と 4 章では、動画の取り込みと基本的な編集について述べ、そのなかで動画の基本になるのは、コーデック、コンテナ、Directshow であり、動画が再生される仕組みについて述べた。また、編集においては

「Windows…Live…ムービーメーカー」を、動画をオーサリングして DVD 作成するツールとしては”Freemake…Video…Converter”を紹介した。さらに、動画の変換では”MediaConverter”を使った。 5 章では、PowerPoint を動画形式で出力し DVD ファイルに変換する方法を紹介した。 6 章においては、自由論題発表会の考察について述べている。出席カード(講義レポート)によれば、他の人のプレゼンテーションをみて励みになり、それを真似することによって相当に上達することがわかった。 今後の課題として、情報学を専攻しない学生に対して、どうやってわかりやすく動画の仕組みやファイル変換のやり方を教えていくのかが目標になると思われる。

参考文献

[1]…井上勲他共著 ,『動画ファイル完全ガイド』, 株式会社インターナショナル・ラグジュアリー・メディア ,2011.

[2]…大崎義治著 ,『タイポグラフィの基本ルール』,SoftBank…Creative,2010.

[3]…熊谷正宏著 ,『-より説得力のある-…プレゼン・…ドキュメントの作成技法』, 日本ユニシス(株)ラーニングセンター ,2003.

[4]…黒田法律事務所 & 黒田特許事務所著 ,『図解でわかるデジタルコンテンツと知的財産権』,

 日本能率協会マネジメントセンター ,2004.[5]…京都芸術大学編 ,『イラストレーションの展開とタイ

ポグラフィの領域』, 角川書店 ,1998.[6]…白石和也他著 ,『タイプフェイスとタイポグラフィ』,

九州大学出版会 ,2008.…[7]…田中正明編集 ,『デザイン教育体系 4 ビジュアル・

デザイン』, 誠信書房 ,1967.[8]…デジタル映像制作ガイドブックプロジェクト著 ,『デ

ジタル映像制作ガイドブック』,…ワークスコーポレーション ,2004.

図 10 自由論題プレゼンテーションの感想

 これらの結果から、プレゼンテーションは他の人の作品をみて、それらを真似することによって、また負けないように努力することによって相当に上達すると考えられる。自由論題のプレゼンテーションを講評し、数百の課題・レポート採点をすることでもわかる。また、学生のプレゼンテーション・ドキュメントに、訂正するように指示すると嫌がるが、素直に修正した学生の作品は極めてよくなっていることが確認された。 さらに、PowerPoint を使用する場合は画像でも十分であるが、動画はイメージをわかせるのに極めて有効なツールである。ただ、動画を実行するタイミングや時間の取り方に注意する必要がある。

結語 まとめと今後の課題 まず 1 章において、デジタルプレゼンテーションの授業において、自由論題で好きなことを学ばせ、学生間でプレゼンテーションの競争をさせるのが学力向上に意義があるかについて述べた。 つぎに 2 章では、タイポグラフィと色彩について論じ

―…16…―

川 島 秀 樹

Page 9: ―タイポグラフィ、色彩、動画編集―...2014/04/02  · 2.2 色彩 色彩には感情的な意味がある。人間が色を見るときは、 「光」、「物体」、「視覚」の関係だけではなく、「大脳」の

[9]…中川憲造著 ,『最新コンピュータデザイン』, 実況出版 ,2006.

[10]… 永田豊志 &CGWORLD 共著 ,『CG& 映像しくみ事典―完全カラー図解映像クリエイターのためのグ ラ フ ィ ッ ク バ イ ブ ル(CG…WORLD…SPECIAL…BOOK)』,2009.

[11]…松崎雅則著 ,『入門色彩学』, 繊研新聞社 ,2002.[12]…Freemake…Video…Converter, 入手先< http://www.

freemake.com/jp/ >(参照 2011 - 12 - 18).[13]…GOMPLAYER,…入手先<http://www.gomplayer.jp/>(参照 2011 - 12 - 8).

[14]…MediaConverter, 入手先<http://www.mediaconverter.org/>(参照 2011 - 12 - 8).

[15]…Mediainfo, 入手先< http://mediainfo.sourceforge.net/ja >(参照 2011 - 12 - 8).

[16]…Microsoft,…PowerPoint…2010…で使用できるオーディオおよびビデオのファイル形式 , 入手先< http://office.microsoft.com/ja-jp/powerpoint-help/ HA010336709.aspx…>(参照 2012 - 1 - 23).

[17]…Microsoft, プレゼンテーションをビデオに変換する ,…入手先< http://office.microsoft.com/ja-jp/powerpoint-help/ HA010336763.aspx >(参照 2012 - 1 - 23).

[18]…Windows…Live…ムービーメーカー , 入手先< http://explore.live.com/windows-live-movie-maker >(参照2011 - 12 - 7).

―…17…―

デジタルプレゼンテーションにおける文書表現技法