Webデザイン、制作をしていると時々ブラウザ上の全画面キャプチャを取らねば!
という壁にぶつかります。

ながーいページの場合、スクロール分までどうしたらいいの!?と涙目です。

使っているブラウザはGoogleChromeでしょうか?

ならば今すぐプラグインを導入しましょう!!

1.Awesome Screenshotインストール

Awesome Screenshotから「+無料」をクリック

capture1

もちろん無料プラグインです!

2.スクリーンショットを撮ってみる

インストールが終わると、アドレスバーの横にカメラのようなアイコンが表示されます。

スクリーンショットを撮りたいページをブラウザで表示させておいて
このカメラアイコンをクリックします。

capture2

全画面キャプチャをとりたい場合は Capture Entire Page を選びます。

するとこのような画面に!!

capture3

文字や図形の挿入、切り取りなどもこの画面上で行えます!

キャプチャをとった後にペイントやPPTなどでの加工が不要になります。

加工も終わったら 完了 ボタンをクリックします。

3.画像として保存する

前画面で「完了」ボタンをクリックするとこのような画面が表示されます。

capture4

「保存」「クリップボードにコピー」「印刷」を選ぶことができます。

今回は保存したいので Save Image as a file を選択します。

Png形式で保存され、もちろん保存先も指定できます。

まとめ

私はよく操作説明資料やWebサイト制作時のワイヤー作成に使っています。

操作自体も数秒で完了する速さ!手放せません。

みなさんもぜひぜひ活用してみてください。