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. 魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「Phrase…
  2. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  3. ゆっくり、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方
  4. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  5. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…

関連記事

  1. facebook-page-plugin_ecmg-ps
  2. lightshot_ecmg

    WEBデザイン

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

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

  3. media-setting_ec
  4. tcd-theme-widget_ecmg

    ワードプレス

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

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

  5. blog-contents_ecrt

    思考志向 - シコウシコウ

    ブログにおける「価値あるコンテンツ」とは?三大要素と”オリジナリティー”の正体

    いまだから、考えるべきこと。音楽制作をしていると、"自分の発するも…

  6. facebook-app-id-app-secret_ecmg

    マーケティング

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

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

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

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

レク.サウンドラボ

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

特集記事

  1. todoist-tips_ecmg
  2. tcd-theme-user-review_ecmg
  3. tcd-mag_ecmg-ps
  4. business-books_ecmg
  5. extension-tools-for-bloggers_ec
  6. todoist_ec
  7. display-speed_ec
  8. valuable-content-from-image_ec

ピックアップ記事

  1. tcd-theme-options_ecmg
  2. dash_ecmg
  3. child-theme_ecmg
  4. unroll-me_ec
  5. customized-theme-update_ecmg-1-ps
  6. widgetoon-js-count-jsoon_ecmg
  7. todoist-class_ecrt
  8. todoist-basic_ec-ps

強みを見つけて、活かしていこう。

business-books

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

todoist

掘り出し記事

  1. analytics-ip-filter_ecmg
  2. todoist-design_ec
  3. retina-text-widget_ecrt

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. blog-theme-mag_ecmg-ps
  2. intuitive-custom-post-order_ec
  3. widgetoon-js-count-jsoon_ecmg

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. customized-theme-update_ecmg-1-ps
  2. mergely-ecmg
  3. child-theme-mechanism_ecmg-ps

Requ.log | Blogger おすすめ書籍

「言葉にできる」は武器になる。 コンテンツの秘密-ぼくがジブリで考えたこと
プロフェッショナルは「ストーリー」で伝える 現代広告の心理技術101

Requ.log | おすすめエッセイ

言葉の贈り物 今日の人生

Requ.log | おすすめ物語

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

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考・価値感系ピックアップ記事

  1. reset-button_ecrt
  2. restriction_ecmg-ps
  3. blog-contents_ecrt
  1. todoist_ec

    マネジメント

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

    ワードプレス

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

    ブログ

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

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  5. valuable-content-from-image_ec

    ワードプレス

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