「PC画面のスクショを加工(矢印や文字入れ)して提案書に載せたい!」「PC画面を画面録画してHPやブログで使いたい!」という方に、めちゃくちゃ簡単にPC画面のスクリーンショットや画面録画ができるGooglechromeの拡張機能Awesome Screenshotをご紹介します!

私はブログ歴7年半の間で数多くのツールを使ってきましたがAwesome Screenshotは本当に便利で、1度使ってからは他のスクショ・画像加工・画面録画のツールは使なくなってしまいました。

ちなみに、Awesome Screenshotを使うと以下のようなことができます!

 

  • PC画面のスクリーンショットが撮れる
  • 画像に注釈を書き込める(文字や矢印・図形 etc)
  • PC画面録画ができる
  • PCのカメラで動画が撮影できる

 

しかも、Awesome Screenshotは無料です。

提案書の注釈入りの画像を載せて分かりやすくする、HPやブログ、SNSなどに動画を載せるなど、Awesome Screenshotを使って他の会社や営業マンに差をつけましょう!

スポンサーリンク

Awesome Screenshotをインストールする

まずは、Awesome Screenshotをインストールしてください。

Awesome Screenshotのインストールはこちらから

Awesome Screenshotインストール画面

 

この画面が表示されたら、画面右上の「chromeに追加」をクリック、そうすると「Awesome Screenshotと画面録画を追加しますか?」という確認用の小窓が開きますので、「拡張機能を追加」をクリックします。

 

Awesome Screenshot セッツアップ

 

そうすると、Sign inのページが表示されますので、「Sign in with Google」をクリックしてください。

 

Awesome Screenshot セッツアップ②

 

この画面が表示されますので、「Next」をクリックして次に進みます。

英文が何て書いてあるか気になる方もいると思いますので、日本語に訳した文書を載せておきます。

ピン延長
拡張機能に簡単にアクセスするには、アドレスバーの右側にあるジグソーパズルのアイコンをクリックし、Awesome Screenshotを見つけてからPinをクリックします。

拡張機能のアイコンがツールバーにある場合は、この手順を無視して「次へ」をクリックしてください。

Awesome Screenshot セッツアップ③
「Try Recotding Now」をクリックすれば、セットアップ完了です。

セットアップ完了
これでこのガイドは完了です。

右側の拡張子アイコンをクリックします。
このツールの使用を開始するには、アドレスバーの

または、以下のボタンをクリックしてください。
今すぐ

ちなみに、このような画面が表示されますが、セットアップは終わっていますのでタブを閉じてしまってOKです。
Awesome Screenshot セッツアップ終了後のでも画面
あと、Awesome Screenshotを使いやすくするために、以下の設定をしておきましょう!
Awesome Screenshotのアイコンを表示させえる

Googlechromeの画面右上にあるジグゾーパズルのピースのようなアイコンをクリック(①)し、このような小窓が

Awesome Screenshotのピンマークをクリック(②)します。

 

Awesome Screenshotのアイコンを表示させえる②

 

そうすると、Googlechromeの右上に常にAwesome Screenshotのアイコンが表示されるようになり、これをクリックすることで簡単にPC画面のスクショや画像録画ができるようになります!

Awesome Screenshotの使い方

ここからは、Awesome Screenshotの使い方を解説します!

スクショ(キャプチャ)の撮り方と注釈の入れ方

awesome screenshotの便利なところは、スクリーンショットの撮影から注釈を入れてダウンロードするまでの全てをアプリ内で完結できるということです。

スクリーンショットを撮る手順

  1. スクショを取りたい画面を開く
  2. Googlechromeの画面右上のawesome screenshotのアイコンをクリック
  3. 小窓が開いたら「キャプチャ」を選択し、目的に合わせてアイコンをクリック

 

awesome screenshotでは、「表示部分」「フルページ」「選択範囲」の3種類のスクショの撮り方があります。

表示部分というのは、GooglechromeのURLが表示されているところやブックマークが表示されているところを自動でカットしてPC画面に表示されている部分のスクショが取れます。

また、フルページではPC画面に表示されている部分だけでなく、WEBページを上から下まで全てスクショできますし、選択範囲は画面全体ではなく、限られた範囲のスクショが取れます。

スクリーンショットへの注釈の入れ方

スクリーンショットを撮る手順①~③までは同じです。

③でスクショの撮り方を選択すると、以下のような画面が表示されます。

awesome screenshot スクリーンショット 注釈の入れ方

あとは、黒いツールバーに表示されたアイコンをクリックし、キャプチャー画像に矢印や四角枠、モザイク処理をしたりテキストを書き込んだりしましょう!
直感的に使えますので、どんどん試してみてください。
尚、取り消したい場合は、右から6番目の矢印が左回りに回転しているアイコンをクリックすると1つ前の作業状態に戻すことができます。

awesome screenshotの保存方法

スクショの撮影と注釈を入れるのが終わったら、画面右上の「Done」というアイコンをクリックします!
awesome screenshot 保存
この画面が表示されますので、赤い矢印のアイコンをクリックしてください!
awesome screenshot 保存②
そうすると、小窓が開いて画像のダウンリード先を選べますので、デスクトップを選択して保存をクリック!
これで、PC画面上にスクショ画像が保存されます。

awesome screenshot 動画

次は画面録画の手順です!
awesome screenshot 画面録画

awesome screenshot のアイコンをクリックして「レコード」を選択します。

次に「画像全体」「このタブ」「カメラのみ」の中から画面録画方法を選択し、「録画開始」をクリックしてください。awesome screenshot 画面録画②

3秒間のカウントの後に画面録画がはじまります。

awesome screenshot 画面録画③

 

画面録画を終わりたいときは、awesome screenshotのアイコンをクリックして小窓を開いて「録画停止」をクリックしてください。

自動的に画像録画した動画が保存されます。

awesome screenshotのアイコンをクリックすると評される小窓の右下の「Videos」をクリックすると、画面録画した動画を確認することができますよ!

まとめ

awesome screenshotのような便利な拡張機能はどんどん使って仕事のクオリティーアップや時短に役立てるべきです。
この記事の反応が良かったら、他にもいろいろな便利な拡張機能やWEBサイトがありますのでブログで紹介しますね!
スポンサーリンク

コメントをどうぞ




Facebookでフォローする

最新情報をお届けします

Twitterでフォローする

おすすめの記事