lightshot_ecmg

WEBデザイン

Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャーツールLightShot先輩の使い方

それなりに融通のきくMacのスクリーンショット機能。それでも、思ったようにキャプチャーできずに何度もやり直してませんか?

WindowsのPrintScreen機能は言わずもがな。そもそも自由度が低く、後でPhotoshopなどでトリミングしないと使い物にならないこともしばしば。

 おっと!Windows標準搭載のSnipping Toolを知らんのかね?

 MacもWindowsも、アクティブウィンドウをそのままキャプチャーできますけど?

確かにそれで十分な場合もあるでしょう。
でも繰り返しますが、何度もスクリーンショットの撮り直し、してませんか
どうして何度も撮り直しをしてしまうハメになるんでしょう。きっとそれは…

キャプチャー範囲を設定後、自由に選択領域を移動できない

ということが一番の理由でしょう。つまり、「マウスドラッグで範囲指定し終わった瞬間」に保存されてしまうため、微調整できないことが原因です。

例えばSnipping Toolの場合 

LightShot_DEMO

マウスから手を離すと同時に編集画面に移行してしまうので、選択範囲が狭すぎればやり直し。逆に広すぎれば後でトリミングする必要がでてきます。
じゃあ範囲選択の段階で、ある程度調整できたら楽になりそうですよね。

こんな感じで 

LightShot_DEMO_03

ちょっとしたことなのに魅力的でしょう?実際、とっても楽になります。

縦横のピクセルサイズもしっかり表示されるし、範囲外の暗転具合も見やすいですよね。また、選択範囲外に表示される各種アイコンで画像に対するアクションを選べます。

例えば、かの有名なフロッピーディスクマークをクリックすれば好きな場所へ保存できます。それにしても、フロッピーさんが保存ボタン界から消えてしまう日はいつか来るんでしょうか。

LightShotで出来ること

LightShot_01

ご紹介が遅れました。このツールは【LightShot】といいます。
“らいとしょっと先輩”の主な機能は以下のとおり。

LightShot_crop

 選択範囲を自由に決めてキャプチャー

 前回と同じ範囲をキャプチャー

 フルスクリーンをキャプチャー(見えている範囲)

 マウスカーソルを含めてキャプチャー

 簡単な画像注釈

他にもキャプチャーした画像データをLightShot独自のクラウドストレージに保存できたり、SNS共有などの機能も備えていますが私は利用していません。
キャプチャー画像をローカル環境に保存するのに必要な情報に絞って説明していきます。

LightShotのインストール

LightShotにはインストール版とブラウザ拡張版が存在します。ここではブラウザ外でも利用できるWindowsインストール版を例に説明していきますが、使い方は他のOS、ブラウザ拡張版もほぼ変わらないので参考にしてください。

 インストールはこちらから

 ブラウザ拡張版は上記リンク内、「Various Platforms」欄から。

上記サイトからダウンロード・インストールすると、紫色の羽のアイコンがタスクバーに表示されます。(もちろん任意で非表示設定可能)

LightShot_02

タスクバーに表示されていない場合は、以下の場所に隠れているはずです。

LightShot_07

LightShotの使い方

LightShot_06

PrintScreenボタンを押すだけ。先輩!さすがです!
それだけで冒頭のようなスクリーンショット機能  が利用できます。

キャプチャー範囲をドラッグして設定すると、選択範囲外に表示される各種アイコンで、画像に対するアクションを選べます。

LightShot_08

保存バー

LightShot_09

注釈バー

LightShot_10

簡単な注釈画像であれば、この注釈バーからあっという間に作れてしまいます。

LightShot_11

Optionsから各種設定が可能

インストールして表示されるようになった”羽のアイコン”を右クリック→「Options」を選択すると、設定画面が開きます。

LightShot_12

Generalタブ

LightShot_03

基本的に上の状態でOK。

 「Keep selected area position」
→チェックを入れると、前回キャプチャーした範囲と同じ範囲が選択枠として現れます。

 「Capture cursor」
→チェックを入れると、マウスカーソルも一緒にキャプチャーされます。

Hotkeysタブ

LightShot_04

ホットキー(ショートカットキー)の割り当てを設定できます。

 「General hotkey」
→デフォルトの発動ボタンを変更できます。

 「Instant save fullscreen」
→チェックを入れると、設定されているホットキーを押すことで、今画面で見えている表示全体をキャプチャーできるようになります。

Formatsタブ

LightShot_05

保存する画像のフォーマット指定や画質のクオリティーを設定できます。
「Upload images format」となっていますが、ローカル保存する画像のフォーマットもここの設定に準じます。

操作は直感的なのに、オプションでここまで設定可能。便利ですねえ。
LightShotを使うだけで、思い通りの範囲の画像を手に入れられるようになります。

Mac版LightShotもオイシイ。

Mac版のLightShot先輩は、こんなシャレた容姿をされてます 

LightShot_13

残念ながらWindows版のようなOptionsからの詳細設定は叶いませんが、Preferencesから…

LightShot_14

LightShot_15

ホットキー変更や、”Retina画質対応モード”を解除できます。(チェックを入れると解除)
Retinaディスプレイで見えているままの解像度でしっかりキャプチャーしてくれるのがMac版のウマみです。Macだけでなくモバイルデバイスなど、ディスプレイがどんどん高解像度化していく今、かなり重宝する機能です。

Screenpressoを使っている人にも…

さて、上で挙げてきた便利な機能たち。実は… 別記事で紹介しているツール【Screenpresso】(スクリーンプレッソ)と機能がほとんどかぶっています。しかも、LightShotよりScreenpressoのほうが多機能です。

Screenpressoについてはこちら 

screenpresso-initial-setting_linkcard

じゃあScreenpressoを利用している人は不要かというと、一概にそうとも言えないのです。私も実際に併用しています。次のページではその理由を、それぞれのツールを比較しながら簡単に紹介します。

Screenpressoを利用している人はもちろん、Screenpressoを知らなかった人も目を通してみてください。注釈画像を簡単に作りたいブロガーは特に、必見です。

NEXT

 

 あわせて読みたい記事

【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個のツール

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. 「忙しくてやりたいことができない・・!」に効く。マイペースに習慣を変えるタスク管…
  2. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  3. 理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方
  4. 【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「…
  5. Twitterのシェア数表示を復活!「widgetoon.js & count.…

関連記事

  1. extension-tools-for-bloggers_ec

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個のツール

    知らなきゃもったいない。先日、とある交差点で信号待ちをしていた時の…

  2. annotation-image_ecmg

    ワードプレス

    ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追加しよう

    注釈画像も、自由自在。前回までの記事では、Screenpres…

  3. ad-placement-in-mag_ecmg
  4. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法

    もっと思い通りに。具体的な調整例。下の記事で紹介した「カッコ美しい…

  5. description-video_ec
  6. widgetoon-js-count-jsoon_ecmg

    マーケティング

    Twitterのシェア数表示を復活!「widgetoon.js & count.jsoon」の登録方…

    簡単登録で、後はおまかせ!Twitterは以前仕様変更があり、公式…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. tcd-mag_ecmg-ps
  2. todoist-tips_ecmg
  3. todoist_ec
  4. theme-change_ecrt
  5. adjust-the-button_ecmg
  6. business-books_ecmg

ピックアップ記事

  1. todoist-basic_ec-ps
  2. widgetoon-js-count-jsoon_ecmg
  3. todoist-advanced_ec
  4. dash_ecmg
  5. simple-image-sizes_ec-ps
  6. phrase-express_ecmg

タスク管理で、自己管理。

todoist

掘り出し記事

  1. retina-text-widget_ecrt
  2. backup-all-in-auto_ec
  3. screenpresso-initial-setting_ec
  4. mailbox-goodbye-newapp_ec

魅力的なブログを、今すぐ作ろう。

tcd-mag

ブログのRetina対応、始めませんか?

retina-os-solution

ピックアップ記事

  1. todoist-constitution_ec
  2. todoist-class_ecrt
  3. quicktag_ecmg
  4. spark-tutorial-ecmg

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. spark-tutorial-ecmg
  2. modern-dilemma-ecmg
  3. paradigm-shift-ecmg
  4. irreplaceable-ecmg

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考系ピックアップ記事

  1. modern-dilemma-ecmg
  2. blog-contents_ecrt
  3. reset-button_ecrt
  4. restriction_ecmg-ps
  1. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
  2. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
  3. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  4. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
  5. todoist-tips_ecmg

    マネジメント

    【小技特集】もっと使いこなす!おすすめタスク管理ツールTodoistの活用法12…
PAGE TOP