FLASH を用いた PHOTOSHOP ELEMENTS 8 E

2010 年度卒業研究概要
FLASH を用いた PHOTOSHOP ELEMENTS 8 E-learning システム
奧平
0732112
1．研究背景
デジタルカメラやカメラ付き携帯電話の普及に
より，カメラに触れる機会が増え，
「写真」は日常
的なものになっている．
しかし，高機能で様々な処理を行える Photoshop
には，機能の多さ故に扱いづらいというデメリッ
トもある．参考書[2]などで地道に知識を吸収して
いくことも可能だが，静止画と解説文だけでは，
直感的に学習することはできない．
したがって，このような操作を伴う学習には，
動的なコンテンツを取り入れた E-learning が有効
である．
2．研究目的
本研究では，画面構成をシンプル且つ直感的に
理解しやすくし，解説に解りやすさを取り入れる
ことで，初心者でも学習しやすい E-learning にす
ることを目的としている．
3．システム概要
本システムは，Photoshop 初心者を対象としてい
る．E-learning の欠点[3]でもある学習の意欲の維
持や臨場感のなさ，対応力のなさ，操作の難しさ
を克服するために，実際の画面とメニューに沿っ
て，自ら操作できる解説や拡大することができる
画像，プルダウンメニュー解説の徹底により，理
解度を向上させ，解説つきボタンや統一されたデ
ザインで直感的に操作できる工夫を施した．
3．1．
システム構成
本システムは「FLASH CS4 Professional」で作成
鈴木
卓也
され，ブラウザ上に FLASH PLAYER をインスト
ールする事で利用できる．
3．2．
学習内容
本システムの学習項目を表 1 に示す．
それに伴い，画像編集ソフトの代表である
「Adobe Photoshop」[1]の利用率も増えている．
雅士研究室
表 1．
学習項目
○はじめに
1、基本操作を学ぶ
・画面の使い方 ・画像の取り込み
・画像を回転する ・サイズを変更する
・画像の拡大，縮小 ・画像を選択する
・レイヤーの基本 ・画像の保存
○編集する
2、写真を補正する
・写真を補正する ・画像を明るくする
・画像の色相を変える ・赤目を補正する
・肌色の補正をする ・画像を修復する
・画像を再構成する
3、写真を創る
・フィルタを使う ・色を置き換える
・テキストを入れる ・写真を型抜きする
・フレームを付ける ・モノクロにする
・写真を合成する
○整理する
4、写真を管理する
・Organizer の使い方
・フォルダの写真を取り込む
・デジカメやカードから取り込む
・カタログを作成する
・キーワードタグを使う
・アルバムを作成する
・カレンダーで管理する
○索引と詳細解説
5、索引
6、詳細機能解説
・メニューバー解説 ・ツールボックス解説
3．3．
システム機能
本システムの特徴的機能を挙げる．
3．3．1．
Photoshop 画面を再現した学習
図 1 に示すように，Photoshop のメニューを再現
その反面，解説文を具体的にすべきという点と
し，該当するボタンをクリックすることで，その
解説画像がやや見にくいという意見が 1 名から挙
ボタンの使い方を参照できるようにした．
がった．これは，解説文の見直しと解説画像を拡
大できるようにすることで解決した．
6．考察
インターフェースに関しては，予備実験で解説
付きボタンや文字を大きくするなどユーザの意見
を取り入れたことにより，使いやすいものになっ
たのではないかと考えられる．
一項目あたりの学習量少なくし，画像や動画を
取り入れることで理解度は向上したが，その結果，
図 1．
3．3．2．
擬似画面を用いた解説
動画を用いた学習
文字の解説が少なくなり判りにくくなる可能性が
あることが判明した．
図 2 に示すように，Photoshop 画面に模した項目
を順次クリックすることにより，解説が表示され
一連の操作の手順がわかる機能を実現した．
7．
今後の課題
本研究では初心者を対象としたシステムを作成
したが，詳細解説部分をさらに明確に記載する事
により，上級者にも対応できるシステムにするこ
とも可能である．
参考文献
[1]Adobe Photoshop Elements8:
図 2．
Photoshop 画面に模した解説
4．実験
Photoshop 初心者 5 名を被験者として，以下の項
目について評価した．
・デザインは適切か
・文字は見にくくないか
・ボタンの操作は簡単か
・目的の項目へ行けたか
・学習できたか
・総合的に見て満足できたか
5．実験結果
文字は比較的見やすく操作が簡単で解りやすい
という評価を 4 名から得た．
http://www．adobe．
com/jp/products/photoshopel/?promoid=BPBRX
[2]ソーテック社編:Photoshop Elements8 スーパー
リファレンス
ソーテック社
2009
[3]@IT;
http://www．atmarkit．co．jp/news/200203/20/learning．
html