目次

参考になりましたら拍手でも
送ってやってください。

web拍手

 はじめに
メイプルを始めたばかりの人に多い質問の中で「SSはどうやって撮るの？」と言う質問が非常に多い。
答えても答えてもろくに自分で調べもせずに安易に人に聞く人の多いこと多いこと

最初は誰でも初心者。
私だってすぐに人に聞いてしまう方だし調べようにも調べ方すらわからない時もあるので邪険にはできないよね。

でも掲示板で答えて、すぐ次のスレで同じ質問が来たりとかそう言うのは本当に腹が立つ
(　ﾟДﾟ)ｳﾞｫｹ!!・・・と、言いたい気持ちをグッと飲み込んで
次にSSについての質問が来たときの為に、そして全てのめんどくさがりや管理人さんの為に（笑）
SSについての質問が来たらこのページを紹介すればいいようにまとめておきます。
  • ここの管理人は手を抜く為にはどんな苦労も厭わないのです。

スクリーンショットとは？


  • ネットの世界で「SS」と言う言葉を耳にすることがあると思うが、
    SSとはスクリーンショットの略語である。

  • スクリーンショットとは今見ている画面（PCのモニター領域全て）を画像にして保存する事、または保存した画像の呼称
    PCのカメラみたいな物だと思って頂ければいい。（スクリーンショット：以下SS）

  • モニター領域とは、タスクバー・デスクトップ（壁紙とアイコン類）・アクティブ、非アクティブのアプリケーションが表示されている場所をさす。

  • アクティブなアプリケーション、もしくはある一部分を切り取って保存すること、または保存した画像の呼称を「キャプチャ」という。

  • スクリーンショットのサイズは、画面解像度の大きさと同じである。解像度が1024×768であれば、スクリーンショットのサイズも1024×768となる。

─豆知識─
[Print Screen]の略語は
[ プリスク]
（一般）
PS(+Fn)＋Altで
アクティブウィンドウの撮影
(メイプル）
「メイプルストーリーのフォルダ」に設定した場合、
メイプルストーリーのショートカットアイコンを右クリック＞プロパティー＞リンク元を探す
で画像の保存先にワープ出来ます。



SSの撮り方

  • 一般的なSS撮影方
    • 基本的にwinではキーボードの 「Print Screen」 ( プリントスクリーン ) キーを押すだけ。
      キーボードにもよりますが「Prt Scr」や「PrtSc/SysRq」となってる物もあるようです。
      ノートPCや小型キーボードの場合は＋ 「Fn」 ( ファンクション ) キーも同時に押す。
      これでPCに画像データをコピーした事になります。

      このままだと、コピーしただけなので、どこかにペーストしなければなりません。
      ペイントなどに貼り付けるのが一般的。


  • メイプルストーリーでのSS撮影方
    • ゲームしながらいちいちペイント開いて貼り付けて…なんてこと出来ませんよね？

    • メイプルではゲーム内の設定でデスクトップなど任意の場所に画像にして保存してくれます。
      基本的には、 「Scroll Lock」 ( スクロールロック ) キーを押すと撮影されます。

      ノートPCや一部のキーボードでは Scroll Lockキーが無いタイプもあります。

      その場合は「Fn」＋「Print Screen」で撮れるはずです。




      （↑システムオプションで画像の保存先を選ぶ）
  • もっと綺麗に画像を撮りたい！！
    • メイプルの素材屋さんや画像を加工するのが好きな方は
      「キャプチャーソフト」を使ってる方が多いようです。

    • キャプチャーソフトとは、まぁカメラみたいなものです。（笑）
      撮影方法を自分の好みでカスタムできるものです。

    • 上記のゲーム内での撮影方だと保存先が限られてしまいますし、拡張子が.jpgになってしまうので綺麗に撮れません。
      綺麗な画像を撮るには拡張子.bmpか.pngがいいでしょう。

    • YAHOOやＧｏｏｇｌｅなどで「キャプチャーソフト」と入力し、くぐってみてください。

      色々ある中で、どれがいいか迷ったら保存方法に「.png」があるものを選ぶといいでしょう。

    • それでも良く分かんなーい
      と言う方は
      とりあえず私も使ってるWinShotこれをオススメします
      メイプルでもこれを使ってる人多いようですね



WinShot設定

  • WoodyBells様のサイトにて「WinShot」をセットアップ版をDL


    デスクトップに新しく出来たこのアイコンをクリックすると
    インストール開始。
    ここら辺はメイプルインスコしてる皆さんならわかりますね。
    デスクトップ晒したかっただけです。


  • デスクトップやマイドキュメントなどわかりやすくて簡単な所に新規フォルダを一つ作っておきます。

  • そしてWinShotを起動　

  • タスクバーにアイコンが出ますのでアイコンをダブルクリック、
    もしくは右クリック＞環境設定。ここでカスタマイズさせます。

    　　（ぞろ目なのも仕様です）
─WS豆知識─

接頭語

以下の文字列を接頭語に含めることにより、日時情報に展開するようになります。大文字小文字を識別しますので注意してください。

指定文字列 展開形式

\F 西暦４桁（0000〜9999）

\Y 西暦の下２桁（00〜99）

\M 月（01〜12）

\D 日（01〜31）

\H 時（00〜23）

\h 時（01〜12）

\T 午前/午後（午前/午後）

\t AM/PM（午前/午後）

\m 分（00〜59）

\s 秒（00〜59）

たとえば、接頭語に「（\F年\M月\D日 \T \h時\m分\s秒）」とした場合、保存されるファイル名は「(2003年5月31日 午後 9時50分)00001.BMP」のようになります。　


　 　　ヽ(・ω・)/　 　ｽﾞｺｰ
　　　＼(.＼ ノ


基本設定タブ

  • まずは「基本設定」タブの「追加」をクリックし、先ほど作ったフォルダを選びOK。これで撮った画像はこのフォルダに保存されるようになります。


  • 接頭語
    • 自動保存する場合のファイル名の先頭に付く共通の文字列を指定します。

    • 接頭語には固定文字列のほかに日時の情報を埋め込むことが可能です。
      「/d」は日付です。

      このように[ws/d_]と記入し、シーケンス桁数「３」にした場合、
      キャプチャ画像のファイル名が[ws060205_001.png]となります。
      これは、「ｗｓで０６年０２月０５日に撮影した１枚目のピング画像」って事。

      日付を入れなくてもいい場合は「/d」は勿論無くてもかまいません。

      日付だけでなく時間も付ける事が出来ます。
      お好みで。(※←WS豆知識参照）

    • 「ws」の部分はお好きなように。「ss」でも「maple」でも何でも。
      無くても良いです。
      ただ、加工編集してwebにアップロードする再、名前の書き直しをしなくて言いように半角英数字にしておくと後々楽かも知れません。
      まぁお好みで。

  • シーケンス桁数

    • シーケンス桁数をここでは「３」にしましたが、
      ３の場合は００１〜９９９までしか撮れません。
      ９９９枚以降は保存されませんので、「前回の番号を記憶」にチェック入れてる人や一つのフォルダにもっと多く保存したい場合はシーケンス桁数を多くすると良いでしょう。

  • 保存ファイル名を毎回指定する・保存後に保存フォルダを開く

    • こんな事してたらゲームにならないと思いますのでチェックは外して置いてくださいね。

  • マウスカーソルをキャプチャーする

    • 気をつけないとこんな事になりかねません

      マウスカーソルが被写体に被ってるの図


ホットキータブ

  • ビットマップで保存（デスクトップ）を選択したら、
    ホットキー「 Print Screen」にチェック
    • ゲーム時は「 Print Screen」キー押すだけでSSが撮れる様になります
  • ビットマップで保存（アクティブウィンドウ）を選び、
    こちらは「Alt+ Print Screen」にチェックを入れる。
    • 普段PCを使っていてアクティブなウィンドウ（一番手前にある窓）だけを撮りたい場合は＋Altで撮れるという事になります。

  • 勿論ユーザー設定で任意のキーに割り当てる事も可能です







文字列埋め込みタブ

  • 「キャプチャ画像に文字列を埋め込む」にチェックを入れると
    そのままですが、画像に日付等が書き加えられます

  • （例）日付と時刻を黒い文字で書き込む。
    　　　見やすいように背景色を白にする。
    　　　位置は右下の邪魔にならない所

    日付は違いますがこんな感じです。


その他の設定タブ
─フリーサウンド検索─


  • 自動保存時の拡張子
    • ビットマップ：「.png」に書き直す
      これでピング画像にして保存できると言う仕組みだ
      （ドットをお忘れなく）

  • キャプチャ完了時、音を鳴らす（WAVファイルのみ）

    • この機能を使うとゲーム中にSSがちゃんと撮れてるか確認できる
      （若干タイムラグが発生する）

    • WAVファイルは自分で用意する必要がある
      PC内を調べてみると結構入ってたりするので色々試してみてください。

      ちなみに私はPCの中探してみたらWINDOWS/MEDIAに丁度良くカメラのシャッター音入ってたんで使ってます。(･∀･)ﾊﾟｼｬﾘ!!

    • フリーでもサウンド配布サイト様もありますので探してみてください。


画像の拡張子？

拡張子とは、画像の種類って事かな？

PCでの画像の保存をする際、ソフトや目的によって様々な形式が存在します。
これらの形式はそのファイルの拡張子によって区別されます。

ファイルの後ろに「ドット何とか」と付いてるのがソレ。
例えば、「gazou.gif」だったら、gazouと言う名前の.gif形式で保存された画像という事になる。

よく見られるのは、.bmp(ボンプ) .jpg(ジェイペグ) .gif(ジフ) .png(ピング)　の４つ

その内、.bmpはWindowsの標準保存形式、（Bit Map Imageの略らしい）
ドット一つ一つの色を記憶してるのでファイルのサイズが巨大になります。

小さな画像ならまだいいですが、SSキャプチャーとなると物凄いデカイサイズになってしまうのでそのままではwebにUPする事は出来ませんね。
勿論PCに貯めておくのにも邪魔です。

しかもMacでは見れないらしいです。（Macは拡張子自体が無いかも）
Windowsで保存した.bmpはWindowsでしか表示されません。

GIF（Graphic lnterchange Format）

  • .gif（ジフ）最大256色までにまとめて記録し、この色の点の並び方を記録してデータを軽減し、記録する、

  • 色の並び方を記録するために、256色以下の画像であれば劣化することがなく、最もデータが軽くなりやすいという特徴をもつ。

  • インタレース、透過、アニメーション等ができます。
    色数が少ないので、写真などにはあまり向きません。

    • インターレース
      画像を最初モザイクで表示し、徐々に見せていく方法
      画像自体は重くなるが、表示が速くなる

    • 透過
      周りの色を透過色に指定して背景色を透けるようにする事
      透過する事によって、四角以外の様々な形に保存出来ます。
      この機能もgifだけです。
      透過処理無し 透過処理済み 角を透過処理

    • アニメーション
      一定時間毎に画像を切り替え、動いてるように見せる事
      パラパラ漫画ですね。
      通常、アニメーションジフは使う画像の数だけファイルサイズが大きくなります。

      1.73kb 1.64kb 3.00kb

      ただ、ソフトによっては最適化を施して軽く出来る物もあります。

    • GIF問題
      一時期このGIF問題と言うのがありまして、これは、特許権問題です。Unisys社に特許料を払わなければ対応アプリケーションソフトを開発できないっつーもの。
      圧縮するのに、ライセンスのあるソフトを使わないとダメ！って言う事で、フリーソフトでGIFを扱えるソフトが減ってきました。

      有料のソフトであれば、大抵扱うことが出来ます
      フリーソフトを使う場合には、そのソフトがGIF圧縮のライセンスを持っているかどうか注意してください。


JPG（Joint Photographic Experts Group）

  • JPG、JPEG、JPE、などがあります普通はJPG（ジェーペグ）です。
    近似色をまとめることでデータを軽減し、記録する。
    使用色数に制限がなく、24ビット（フルカラー）の色数を扱うことが出来ます。減色は出来ません。

  • 圧縮の程度によって画像の劣化の具合が異なる。通常のソフトでは圧縮レベルを変更することができ、画質を低下させることによりファイルサイズを小さくすることが出来ます。

  • 写真など色が多く境界線がはっきりしない画像を保存するのに適しています
    透過、アニメーション、には対応していません。

    • プログレッシブ

      プログレッシブとは、画像を表示する際に徐々に表示するんではなく、読み込みが全て終わってから一気に表示する保存形式です。プログレッシブにすると、サイズが多少小さくなります。


PNG（Portable Network Graphics）

  • .png（ピング）
    2段階の圧縮（zip形式などと同様に既出のデータをまとめる圧縮と、出現が多い記録を短い符号で記録する圧縮）を行って記録する。

  • 使用できる色数がjpgに見劣りしないだけ多く、かつ劣化しないが、jpgに比べると色数に応じてデータが重くなる比率が高い。

  • GIF問題を解決するため新しく作られた画像保存形式。
    今後GIFに代わり主流になると考えられます。
    同色数であればファイルサイズはGIFと同等です。
    透過と、インタレースには対応していますが、アニメーション機能はありません。GIFと異なりフルカラー対応ですが、減色することも出来ます。

まとめ

  • 「.bmp」はウィンドーズで保存した.bmpはウィンドーズでしか見れない。保存するにも重い。

  • 「.jpg」は主に写真などの画像に使われる
    境界線がぼやけるのでメイプルのSSには不向き

  • 「.gif」は軽いのでweb素材に適している
    アニメーションや透過が出来る
    色味が少ないのであくまでweb素材用
    GIF問題ライセンス取得ソフトであるか要チェック

  • 「.png」.gifに変わって新しく見直されてる保存法
    .jpg並に色味が多く.gif並にいじくりやすいのでキャプチャーに向いている


イーファンビュー目次


画像加工：IrfanViewを使ってみよう
画像の加工に使われるソフトも様々。
フリーの物から目が飛び出ちゃう位高いプロ用まで本当にいっぱいあります。

自分がどう言う物を作りたいかによってまた違ってきますが。
ブログなどに載せる用にちょこっとリサイズ（サイズを変える）トリミング（ある部分だけ切り取る）をする程度でしたらIrfanView（イーファンビュー）で簡単にできます。

これは世界でもっとも有名なグラフィックビューアの日本語版です。
私は普段データ画像を見る時もこれ使ってます。便利です。

まずはこちら「俺のページ」で「IrfanView32 日本語版 」DL


いつもイーファンビューを使う

DLしたら、今度はSSのしまってあるフォルダを開いてみてください
撮ってある画像を何でもいいんで右クリック→プログラムから開く→プログラムの選択に進んでください


「ファイルを開くプログラムの選択」が出ますので、ここでイーファンビューを選択して、これをいつも使うにチェックを入れて、OK

これで見たいSSをクリックするだけでいつでもイーファンビュー起動です。

キャラクターを切り取る

ではでは、ブログに貼り付けたいけど大きすぎる！って言うSSをイーファンビューで開きましょう。（↑上の設定をしてあれば、クリックするだけで起動します）

画像の切り抜きたい部分をドラッグするとこのようにグレーの線が出てきます。何度でもやり直し出来ます。

適当な大きさになったら上にあるツールバーの
「編集」→「切り出し」

これでドラッグした枠の大きさに切り抜かれます。ショートカットキー
「Ctrl+Y」の方が簡単かな？
こちらが切り抜かれた画像

豆知識

失敗した！と思ったらこのアイコンをクリック！
「編集」→「元に戻す」でもCtrl+Zでもできます。

サイズを決めて切り抜きたい

例えば、縦１００px：横１００pxの画像を作りたい。と言う場合、フリーハンドだと正確に作るのは難しい

そんな時は「編集」→「選択範囲の指定」で大きさをあらかじめ決められます



適応をクリックすると、画面左上に100px:100pxのグレー枠が出ますので、
その枠を右クリックでドラッグ
切り抜き方はフリーハンドと同じ「Ctrl＋Y」これだけであっという間に切り抜かれます。

サイズを小さくしたい
画像のサイズを変えるのは「画像」→「リサイズ/リサンプル」で出来ます。

モザイクをかけたい
SSにうっかり写っちゃった他人の名前や発言。勝手にwebにUPできないですね。
そんな時は、モザイクでモゴモゴにしてしまえ！

モザイクをかけたい場所をドラッグ（切り抜きの要領で）

「画像」→「効果」→「モザイク」

でモザイクをクリック
指定範囲にモザイクの効果がつく。


文字入れをしたい
派手な効果は出来ないものの、ちょっとした文字入れ位なら出来ちゃいます。

文字入れしたい場所をドラッグで選択

「編集」→「文字を挿入」か、「Ctrl+T」

テキストダイアログが出ますので
「text」の部分に文字を入れる。

選択範囲より文章が長かったりフォントが大きかったりすると切れます。
文字の色や大きさ、フォントなども変更可能
「テキストの透過表示」のチェックをはずすと文字の背景に色も付けられます・・・

そのままじゃ見辛い時などはこっちがベスト

「背景色の選択」と言う機能もありますが、文字のしたの色は白だけみたいです・・・この機能意味不明。


イーファンビューでバナーを作ろう

上記の基本作業だけでバナー作れちゃいます。

  • まず、バナーに使いたいスクリーンショットをイーファンビューで開く

  • 「編集」→「選択範囲の指定」→幅２００ｐｘ　高さ４０ｐｘを選択

  • 右クリックで選択範囲を移動→ポイントが決まったら切り抜き（Ctrl+Y）

  • 「画像」→「効果」→「フィルタの選択（Ctlr+E）」
    ３Dボタンを選択→横３・縦３にする（この辺は好みだけど）



    OKを押すとバナーの出来上がり

    更に文字入れもしてみて（Ctrl+T）




    この要領でメニューボタンやアイコンなんかも色々作れちゃいますね♪

豆知識

保存の仕方は、
「ファイル」→「名前を付けて保存」かこのアイコンクリックで保存先の場所をどこにするか聞かれますので、この時、ファイルの種類（拡張子）を【GIF】にして、必要であれば名前も変更して（半角英数字がベスト）保存。

保存先は、画像専用フォルダを作ってそこにしまうか、ブログ用の使い捨て画像ならデスクトップでいいかと。ブログにUPした後はゴミ箱にポイ。



>>ホーム