スクリーンショットの撮り方いろいろ

スクリーンショットの撮り方いろいろ

よく使うプラットフォームごとのスクリーンショット撮影や、画像の加工方法についての覚え書き。

もくじ

• Windows 編
  • キーボード ショートカット
  • PriScVista
  • Paint.NET
• Mac編
  • キーボード ショートカット
  • Screenshot Plus
  • Skitch
• Android 編
• iOS シミュレータ編

Windows 編

キーボード ショートカット

Windows でスクリーンショットを撮影するための基本的な方法。

一般的な Windows 用のキーボードなら、スクリーンショット撮影用に Print Screen ( PrtScr や PrtSc などと表記されたりもする ) キーが用意されているので、それを利用する。操作するキーは以下のようになる。

ノート PC の場合、キーボードの面積を節約するために Print Screen が他のキーとの組み合わせになっていることがある。機種にもよるが、Fn や Shift キーも一緒に押す必要があったりする。例えば Fn + PrtSc といった感じで。

クリップボードにコピーした画像は、グラフィック ソフトなどに貼り付けられるので、ファイルに保存したい場合はそちらでおこなう。この方法で撮影した場合、Windows Vista 以降で Aero を有効にしていると、ウィンドウ枠の背面も映り込むので注意する。

PriScVista

個人的にオススメのスクリーンショット撮影ツール。

起動するとタスクバーの通知領域にアイコンが表示される。撮影はアイコンを右クリックすると表示されるメニューか、キーボード操作によっておこなう。

PriScVista

Aero が有効なときにウィンドウ単位で撮影すると、透過情報や影を含んだ状態の画像を保存できる。つまり背面の映り込みを気にしなくてよい。透過が不要なら、任意の色を背面に指定して撮影することも可能。

私の場合、ウィンドウ単位で撮影し、透過 + 影つきの PNG ファイルで保存することが多い。ファイル名には任意の書式で連番も付けられるのも地味に便利。

たまに撮影できないウィンドウがある。一部のインストーラ系やウィンドウ枠に特殊な効果をもたせているもの ( 非クライアント領域をクリップしているもの？ ) などは、撮影しても画像を保存できないらしい。

機能的に申し分なく、使い方も簡単。インストーラ不要で環境を汚さない。アプリが表示される場所は通知領域なので、スクリーンショットを撮るとき意識せずにすむ。といったあたりが気に入っている理由。あと、アイコンのセンスが好きだ。

Paint.NET

愛用しているペイント系グラフィック ソフト。透過とレイヤを扱えるので、スクリーンショットの加工に役立つ。

Paint.NET

スクリーンショットの一部を切り抜きたい場合に、その範囲を選択してから、メインメニューの「イメージ」→「選択範囲に合わせてトリミング」を実行することが多い。

クリップボードに画像データがコピーされているとき、それよりもキャンバス サイズを小さくしてから張り付けると、サイズを画像にあわせて拡張するか、維持するのか選べる。画像を貼り付けた後に移動できるので、サイズ維持と組み合わせると、切り抜き機能として便利。

画像に注釈を入れたい場合は、テキストや図形機能を利用する。レイヤ分けしておけば、元の画像に影響を与えずに試行錯誤できる。仕上げに影付けをするのもよいだろう。手前味噌だが、影や縁取りを付けるプラグインについて紹介した、このブログの過去記事を貼っておく。

Mac編

キーボード ショートカット

Mac 用のキーボードには Print Screen キーはなく、代わりに以下のキーを組み合わせたショートカットでスクリーンショットを撮る。

Windows に比べてキーの組み合わせが多いけど、すぐに慣れた。撮影した内容をそのまま画像ファイルに保存できるのは非常に便利。

ウィンドウ単位で撮影したときに透過情報と影も一緒に保存してくれて嬉しい。ダッシュボードのウィジェットや、Skitch のような非矩形のウィンドウでもキチンと撮影できる。

キーボード操作が面倒なら、アプリケーション フォルダのユーティリティに用意されている、グラブ.app を利用するとよい。こちらはメニューから選ぶだけで撮影でき、タイマー機能も付いている。ただし画像の保存形式は TIFF。なぜ PNG ではないのだろう？

Screenshot Plus

ウィジェット形式のスクリーンショット撮影ツール。

グラブ.app の機能を分かりやすく整理したような感じ。保存先やファイル名、画像の形式などを変更できる。

Screenshot Plus

キーボード ショートカットに慣れるまで使っていた。タイマー機能は今でもたまに利用する。ツールとしてよくできてるので、キーボードやグラブが苦手ならオススメ。

Skitch

撮影したスクリーンショットに注釈を入れるときは、Skitch を利用している。

Skitch
カテゴリ: 仕事効率化
価格: 無料

かつては有償だったが、昨年の夏、Evernote によって買収されて無料化。実にありがたい。

Skitch

何かを説明する画像を作成したい場合、このツールがあれば大抵、こと足りる。あまりに便利なので、利用できない状況がもどかしく感じる。

いい加減にいじっても、それなりに綺麗な注釈を入れられる点がよい。専門的なグラフィック ツールを使えばもっと高度なことができるけど、一定以上のクオリティをサクッと作れるほうが重要。

テキスト機能も素晴らしい。テキストはオブジェクトとして管理されているので、画像に追加した後でも、自由に移動や文の変更がおこなえる。私の場合、まずはざっくり書き、余力や時間があれば微調整する、というスタイルで編集している。

Android 版や iPad 版もリリースされている。iPhone 版は準備中とのこと。Windows 版はどうなのだろう。あれば嬉しいけれど、無理かな？

Android 編

Android の場合、端末 ( Galaxy S など ) によってはスクリーンショット撮影機能が用意されており、Android 4.0 では標準サポートしているが、それ以外の環境では DDMS ( Dalvik Debug Monitor Server ) を利用する。これは Android SDK に含まれている。

Android 開発しない場合でも、スクリーンショットを撮影するなら入れておくと便利。

DDMS は SDK のインストール先にある tools フォルダ内に用意されている。Windows はddms.bat、Mac なら ddms という名前のファイルがあるので、これらを実行する。

DDMS を起動すると、認識されている Android 端末 ( 実機やエミューレータ ) がリスト表示されているので、スクリーンショットを撮影したいものを選択する。その後、メニューから「Device」→「Screen capture」を選択すると、撮影がおこなわれる。撮影した画像はウィンドウとして表示される。

DDMS

ウィンドウに並んでいるボタンは以下のようになっている。

実機の場合、端末によっては ADB ドライバが必要になるかもしれない。PC に USB 接続したとき、自動的にインストールしてくれる ( 初代 Xperia など ) こともあるが、そうでない場合は別途、導入する。

ADB ドライバは端末メーカーの Web サイトに用意していることが多い。もし DDMS が端末を認識しない場合は、そちらをあたってみること。ただしインストール方法が厄介 ( 素のドライバ ファイルを参照させられたりする ) な端末もあるので、注意すること。

Windows の場合、手順をしくじるとデバイス マネージャーを操作する必要があったりするので、そのあたりの知識がないと危険。

iPhone/iPad シミュレータ シミュレータ編

iPhone/iPad シミュレータには標準でスクリーンショット撮影機能 ( キーボードで ⌘ + Control + C を押す ) が付いているけれど、私は iOS-Simulator Cropper で撮影することが多い。

このツールは、iPhone の枠も含めたり、画像のファイル名に連番をつけたりできて、非常に便利だ。

iOS-Simulator Cropper

シミュレータでも十分に動作するアプリや、モックを作っているときは、このツールでスクリーンショットを撮ることが多い。