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. ゆっくり、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方
  2. あっという間に仕事効率化。ブログにも使えるMac定型文ツール「Dash」の設定方…
  3. ”知っているつもり”の拡張子、jpg gif png。画像形式による違いと特徴、…
  4. 子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と…
  5. Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャー…

関連記事

  1. LightShot-Screenpresso_ec

    WEBデザイン

    辿り着いたキャプチャーツール、LightShotとScreenpresso。その機能比較と併用の魅力…

    併用すれば、もっとハカドる。スクリーンショットに特化したキャプチャ…

  2. backup-all-in-auto_ec

    ワードプレス

    WordPressサイトを丸ごとバックアップ!「BackWPup」で丸投げタイマー設定

    一度設定したら、後はおまかせ!せっかく作った自分のWEBサイトが、…

  3. facebook-app-id-app-secret_ecmg

    マーケティング

    サラリと終える開発者登録。FacebookのApp ID(アプリID)とApp secretの取得方…

    え・・こんな簡単だったんすか。サイト運営をしていると、Facebo…

  4. insert-card-link_ecmg

    ワードプレス

    クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

    リンク挿入、どうしてますか?記事を書いていると、「以前に自分が書い…

  5. tcd-theme-options_ecmg

    ワードプレス

    理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

    サイトレイアウトは、直感的に、簡単に。WEBサイトを立上げると、最…

  6. tcd-theme-widget_ecmg

    ワードプレス

    サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット」の使い方

    本格レイアウトの「キモ」。WEBサイトのレイアウトって、メインカラ…

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

特集記事

  1. retina_ecmg
  2. business-books_ecmg
  3. valuable-content-from-image_ec
  4. improvement-flow_ecmg
  5. tcd-mag_ecmg-ps
  6. adjust-the-button_ecmg

ピックアップ記事

  1. compress-jpeg-png-images_ecrt
  2. child-theme_ecmg
  3. phrase-express_ecmg
  4. todoist-productivity_ecmg
  5. gif-animation_ec
  6. intuitive-custom-post-order_ec

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

todoist

掘り出し記事

  1. pushbullet_ec
  2. meta-seo-inspector_ecmg
  3. screenpresso-initial-setting_ec
  4. todoist-re-schedule_ec

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. todoist-advanced_ec
  2. compress-jpeg-png-images_ecrt
  3. todoist-productivity_ecmg
  4. lightshot_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. restriction_ecmg-ps
  2. reset-button_ecrt
  3. modern-dilemma-ecmg
  4. blog-contents_ecrt
  1. extension-tools-for-bloggers_ec

    ブログ

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

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  3. business-books_ecmg

    マーケティング

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

    ワードプレス

    魅力的なブログで収益化。ワードプレステーマTCD【MAG】の有効的な活用方法とカ…
  5. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
PAGE TOP