screenpresso-capture_ec

ワードプレス

その瞬間をキャプチャー。Screenpressoでブログに必須のスクリーンショットを撮る方法

前回の記事ではScreenpresso(スクリーンプレッソ)をインストールし、初期設定を行いました。

screenpresso-initial-setting_linkcard

 

ここでは【画面のスクリーンショットを撮る】方法を説明します。

画面のスクリーンショットを撮る

まずScreenpressoのワークスペースを開きます。(Win+Print Scr)
左下の「キャプチャ」→「指定領域のスクリーンショット」のプルダウンをクリックすると、可能なスクリーンショットの種類を一覧できます。

 

screenpresso-capture_01

 

 

screenpresso-capture_02

 

この中から必要なものを選んでクリックするだけでOK。
実際にやってみると、それぞれどんな機能なのかすぐに分かると思うので、ここでは特に使用頻度が高い以下の3つの機能に絞って説明していきます。

 

【指定領域のスクリーンショット】

【スクリーン起動を遅らせる(3秒)】

【自動スクロールを使ってスクリーンショット】

 

 

指定領域のスクリーンショット

「指定領域のスクリーンショット」を選択するとすぐに、ワークスペースの後ろにあった画面に切り替わるので、十字型カーソルの場所を基準にドラッグして範囲選択します。

 

screenpresso-capture_03

 

この時、画面右下に見えている円形の中には、十字型カーソル部分の拡大画像がプレビューされています。これを見ながら範囲選択することで、ピクセル単位で細かく調整することが可能です。
また、選択中に「Esc」(エスケープボタン)を押すと、はじめからやり直すことができます。

 

ドラッグしている左クリックを離すと、画面がワークスペースに切り替わり、保存されていることが確認できます。

 

screenpresso-capture_04

 

ドラッグをせずに、ウィンドウなどの固定された枠を選択することもできます。

 

 クリックで拡大

Scr_Shot_07

Scr_Shot_08

Scr_Shot_09

 

マウスオーバーするだけで候補の『枠』が赤く選択されていることが分かると思います。
この状態でワンクリックするだけでその部分が保存されます。これは助かりますね!

 

 

スクリーン起動を遅らせる(3秒)

「スクリーン起動を遅らせる(3秒)」を選択するとすぐにワークスペースの後ろにあった画面に切り替わります。すると、まるで映画のような3秒のカウントダウンタイマーが始まります。

 

screenpresso-capture_05

 

カウントダウン終了後は、全く同様に範囲選択をするだけなのですが、3秒遅らせることで一体何が可能になるのかというと、、、

右クリックメニューの表示を同時にキャプチャー出来るようになります。

 

screenpresso-capture_06

 

カウントダウン中に任意の場所にカーソルを持っていき、右クリックをしてキャプチャーしたい状態にしておく、ということです。これも意外と重宝する機能ですね!

 ここでは、Screenpresso設定の「スクリーンショット」タブ内、「カーソルをキャプチャ」にチェックを入れたため、マウスカーソルが一緒にキャプチャーされています。

Screenpresso初期設定はこちら 

screenpresso-initial-setting_linkcard

 

キャプチャーが終わると画面がワークスペースに切替わり、保存されていることを確認できます。

 

screenpresso-capture_07

 

 

自動スクロールを使ってスクリーンショット

「自動スクロールを使ってスクリーンショット」を選択するとすぐにワークスペースの後ろにあった画面に切り替わるので、その後現れる説明の手順どおりに行うと、ページ全体のスクリーンショットを撮ることができます。

 

Scr_Shot_07

 

通常であれば、”今表示されている範囲内でしか” スクリーンショットを撮ることはできませんが、この機能を使えば、全体を俯瞰する画像を手に入れることが出来ます。

キャプチャーが終わると画面がワークスペースに切替わり、保存されていることが確認できます。

 

screenpresso-capture_08

 

以上です。

次は、【画像に矢印や枠線、文字を追加する】方法を説明します 

annotation-image_linkcard

 

 「スクリーンショット機能だけで十分なんすけど」とういう人は…

スクリーンショットを撮ることに特化した【LightShot】というツールもあります。
Screenpressoと併用することもできるので、合わせて使うともっと便利になります 

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

『伝わりやすいブログ』を作るには? 1. まずやっておきたい初期設定
 valuable-content-from-image  screenpresso-initial-setting
3. 矢印や枠線、文字を追加する  4. パソコンの画面操作を録画する
 annotation-image_ec2_283  description-video

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

Requ.log | レク.ログ

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

ピックアップ記事

  1. 知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケ…
  2. ブログにおける「価値あるコンテンツ」とは?三大要素と”オリジナリティー”の正体
  3. 簡単で効果的なストレス解消方法。「リセットボタン」で本当のリラックスを呼びだそう…
  4. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  5. サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット…

関連記事

  1. retina_ecmg
  2. set-double-rectangle_ecmg
  3. lightshot_ecmg

    WEBデザイン

    Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャーツールLightSh…

    "気軽な"先輩をウマく使おう。それなりに融通のきくMacのスクリー…

  4. browzer-extension_ec

    ワードプレス

    ”WEBサイズマスター”へ。Chrome拡張「Page Ruler」「View Image Info…

    自分のWEBサイトの幅、知ってますか?今自分が見ているページの「あ…

  5. sns-count-cache_ecmg

    ワードプレス

    便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cacheの設定方法と有効…

    必要な設定だけにフォーカス!「ページを表示するたびに、今のシェア数…

  6. gif-animation_ec

    WEBデザイン

    ゆっくり、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方

    色が変わっていく...目を引くサイトロゴを簡単に。休むことなく働き…

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

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. valuable-content-from-image_ec
  2. todoist-tips_ecmg
  3. extension-tools-for-bloggers_ec
  4. tcd-mag_ecmg
  5. improvement-flow_ecmg
  6. retina_ecmg
  7. display-speed_ec
  8. tcd-theme-selection_ecmg
  9. theme-change_ecrt
  10. tcd-theme-user-review_ecmg

ピックアップ記事

  1. tcd-theme-widget_ecmg
  2. gif-animation_ec
  3. todoist-routine_ecrt
  4. chrome-font_ecmg
  5. todoist-constitution_ec
  6. todoist-productivity_ecmg
  7. dash_ecmg
  8. blog-theme-mag_ecmg-ps
  9. quicktag_ecmg
  10. blog-contents_ecrt

強みを見つけて、活かしていくために。

business-books

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

todoist

おすすめ記事

  1. 「Mailboxの代わりは・・?」代替メールアプリ最有力。S…
  2. アップデートで英語化された!?BackWPupをサクッと日本…
  3. 【Retinaディスプレイ対応3】ねえ・・どうする?widt…
  4. 瞬間転送。写真もURLもポンっ!スマホとパソコン間のデータ移…
  5. WordPressサイトを丸ごとバックアップ!「BackWP…

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

tcd-mag

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

retina-os-solution

最近の記事

  1. 【使用者レビュー】WordPress初心者にこそおすすめのブ…
  2. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  3. タスクに、日時や曜日が勝手に反映される・・!?Todoist…
  4. 魅力的なブログで収益化。ワードプレステーマTCD【MAG】の…
  5. MAGのデザインをフル活用。PCとスマホの広告設置枠を自由に…

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

特集記事

  1. 【目的別】とっておきのWordPressテーマ比較。TCDテ…
  2. 最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くし…
  3. 【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザ…
  4. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  5. 『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテ…

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
  2. business-books_ecmg

    マーケティング

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

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  4. adjust-the-button_ecmg

    ワードプレス

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

    マネジメント

    【フリーランス必見】確実に納期を守るために。タスク管理ツールTodoistで予定…
PAGE TOP