TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

キャプチャ画像作成に優れた Chrome の拡張機能

キャプチャ画像作成に優れた Chrome の拡張機能

 Awesome Screenshot

少し前はプリントスクリーンやらキャプチャなどのソフトを探しまくっていたのに、後になってから良いソフト、拡張機能にに巡りあうなぁ。無料でここまで使えるのが嬉しい!Chromeの拡張機能 Awesome Screenshotの紹介です。



Awesome Screenshot をインストールする

「+ CHROMEに追加」をクリック。

アクセスしたら右上の「+ CHROMEに追加」をクリック。


インストール完了で右上に赤枠で囲んだ丸いアイコンが見えますね。

インストール完了で右上に赤枠で囲んだ丸いアイコンが見えますね。

  1. capture visible part page:表示されている部分をキャプチャ
  2. capture selected area:選択エリアをキャプチャ
  3. capture entire page:ページの全てをキャプチャ

②の「選択エリアをキャプチャ」を試してみましょう。

Awesome Screenshot でキャプチャ画像を作成する

ピンクの矢印にように斜めにドラッグして大体の大きさに範囲指定

ヤフーの記事を例にキャプチャ画像を作成してみます。ピンクの矢印にように斜めにドラッグして大体の大きさに範囲指定し、赤矢印で微調整します。大きさは左上にpx単位で表示されますので目安にしてください。「CAPTURE」をクリックします。

キャプチャ画像を編集する

ツールバーのアイコンを左から説明します。

ツールバーのアイコンを左から説明します。

  • 必要な部分だけ切り取る
  • 四角形で囲む
  • 丸で囲む
  • 矢印を引く
  • 直線を引く
  • 自由曲線
  • ぼかしを入れる
  • テキスト入力
  • 色を指定する(先に色を指定してからツールへ)
  • やり直し

編集が終わったら「完了」をクリック。


「SAVE」をクリックで保存します。
「SAVE」をクリックで保存します。

あとがき

How to記事作成には欠かせないキャプチャ画像。それに伴うソフトや拡張機能・・・これに関しては関連記事もオススメなので是非どうぞ(´Д`)

関連記事


最新記事

a:2615 t:3 y:1







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.0.2
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional