こんにちは、Marcです。
何かを解説する記事を書いている時、記事内の画像の特定の部分を四角で囲ったり、矢印を引いたり…こんなことをやりたい時にみんなはどんなツールを使っているだろうと気になり調べて見ました。
いくつかのアプリを使った中で、最も便利に感じたのが『Screenpresso(スクリーンプレッサー)』です。
この記事では、Screenpressoのインストールから基本的な使い方までを解説していきたいと思います。
Screenpressoのインストール
インストールは簡単です。さっそく手順を見ていきましょう。
Screenpressoの公式サイトをブラウザで開きます。
https://www.screenpresso.com/ja/
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673491364-f248a1d7022fdfc9c75406f9feac7aac-1024x499.png)
『スクリーンプレッサーを無料で入手』をクリックし、ダウンロードページに移動します。
『Screenpressoをダウンロードする』をクリックします。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673491604-5a488336a95f5044ecd44ec130874ebd-1024x499.png)
特に不要の場合は『スキップ』で問題ありません。希望する場合はメールアドレスを入力して『ダウンロード』をクリックします。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673491730-8fe1367d77a2dee7015e959eb7c7ec4f-1024x499.png)
ダウンロードが自動で開始されます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673491840-d5fd2dc96eb947276b8fac41534f0431-1024x474.png)
ブラウザ左下にダウンロードの進捗が表示されます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673491884-694973691edc7810d0af98514b897904.png)
上記のダウンロードが完了したら、表示されているアイコンをダブルクリックしてインストーラーを起動します。使用許諾契約書の『同意する』にチェックを入れ、『コンピューターにインストール』をクリックします。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673492195-2d7db0a8687e09ff7e25cdbc0b89a33a.png)
インストールはすぐ完了します。『OK』を押して終了させましょう。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673492438-6b7097fc2e1427b70564c7cfee9c234d.png)
インストールの完了と同時にScreenpressoが起動します。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673492675-a2a1bc2f33d2171823a53d5de4d1ca2e-1024x575.png)
基本的な使い方
シンプルなUI操作で使うことができます。今回はよく使いそうな機能に絞り、概要を解説していきます。
スクリーンショットを撮る方法
スクリーンショットの取り方は2パターンあります。
クイック起動する方法
画面上部の中央付近に、よく見るとグレーのボーダーがあります。その付近にマウスカーソルを持っていきます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673504188-c971125a7724099bc423affdd5236aa3-1024x576.png)
マウスを持っていくと『スクリーンショット』と『録画』が表示されます。行いたい動作を選択しましょう。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673493466-80c0022cf3f3deecc26342a11eda55cb.png)
領域指定モードに切り替わります。赤枠がスクリーンショットの取得範囲です。任意選択、フォルダ選択ができます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673494176-f98dadb13e6cc186777b0bcd62fa326c-1024x575.png)
画面右下に丸で囲まれた領域があります。グリッドを見ながら選択範囲を微調整しましょう。
選択範囲を指定するとスクリーンショットが撮られ、画面右側に一覧として表示されます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673494510-59f186df74d956628307e456fd01e8ce-1024x576.png)
タスクバーから起動する方法
タスクバーの右側にあるインジケーター領域の上向きの矢印をクリックします。起動中のアプリが表示されるので、その中に『赤い四角のP』マークをダブルクリックします。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673495305-541343eda041abab6105de667ee50a15.png)
Screenpressoのアプリが起動します。画像一覧の下にある『スクリーンショット』をクリックするとスクリーンショットが開始されます。以降の手順はクイック起動と同様なので割愛します。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673496467-4460f84fcc98f0367889ad398333a98a-1024x576.png)
編集モードにする
こちらは一つ前の手順の赤枠内を拡大したものです。編集モードにするにはスクリーンショットを撮った画像をダブルクリックします。または、選択してメニューの『編集』を選んでもOKです。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673496535-feaa0339d8ac4d0558dadab92879c478.png)
矢印を引く
サイドメニューから矢印マークを選び、その中から使いたい矢印を選びます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673499592-aa87e811d380197e2d89566f8c097b55-1024x663.png)
矢印を向けたい方向にドラッグすると矢印を描くことができます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673499612-17b7d18e7101e53fbb3476ae6c9fcc9d-1024x663.png)
四角形で囲う
サイドメニューから四角形マークを選び、その中から使いたい四角形を選びます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673504787-181b4a05e9de120626e5ca4609828c75-1024x662.png)
対象の箇所をドラッグしながら囲います。線の太さなどを調整したい場合は、囲った四角形を右クリックして『描画オプション』を選択します。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503161-ac7b418f9f9e42a550f5f70aec742197-1024x662.png)
線の幅、角の丸みなどを細かく調整できます。設定したら『ショートカットに追加』から『新規』をクリックすることで保存できます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503213-fe466ea1ed16c46dc240f63522661343-1024x664.png)
以降は以下のように一覧に表示されます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503352-53eaa5ad087f65369916b6970d80beb9-1024x664.png)
テキストを挿入する
サイドメニューからAマークを選び、その中から使いたいテキストを選びます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503405-cd1e4ce8c4714e3949eaf3b14e7e4302-1024x663.png)
テキストを入れたい付近を範囲選択して文字を入力します。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503431-9e7ac627453f279d9671fc707ce93569-1024x664.png)
手書きで線を書く
サイドメニューから縦波線マークを選び、その中から使いたい線を選びます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503455-1e3724c418d9851ffe6c47c27b2066ad-1024x661.png)
マウスでドラッグすると自由に線を書くことができます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503469-e44f0bc39280d3617cf7a846c85e91d2-1024x665.png)
ぼかしを入れる
サイドメニューから水玉マークを選びます。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673510277-ff25db82bbc50da3e24204a55177150c-1024x663.png)
ぼかしたい範囲をドラッグして選択します。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503503-ff99b763a3e6221fee712dd61b6d2d58-1024x662.png)
『四角形で囲う』のSTEP 2の要領で、ぼかしたい範囲を右クリックして『描画オプション』を開きます。その中でぼかしレベルが調整できます。ばかしではなくモザイクにしたい場合は『ピクセル化』にチェックを入れます。ただし、この機能は有料ライセンスが必要です。
![](https://marc.style/wordpress/wp-content/uploads/2023/01/1673503538-7ae6f8f7e6cb7fcb63f73d018ebef6b2-1024x664.png)
全ての機能を使うには有料ライセンスが必要
上記で解説したモザイクの利用をはじめ、有料ラインセンスには無料版では使うことができない機能が揃っています。以下は公式サイトの情報をわかり易くまとめたものです。
無料版 0円 | プロフェッショナル版 4,277円 | 企業版 313,322円 | |
---|---|---|---|
画像キャプチャ | |||
HDビデオキャプチャ | ビデオにロゴが入る | ||
画像エディタ | 機能制限あり | ||
Androidのキャプチャ | |||
画像からのテキストキャプチャ | |||
カラーピッカー | |||
フル機能の画像エディタ 再編集、エフェクト、ウォーターマークを含む | |||
word, pdfドキュメント生成 | |||
ビデオクリップとマージ | |||
複数のワークスペース | |||
クラウド・SNS共有機能 | |||
機密データのぼかし | |||
優先サポート(1年) | |||
ポリシー | |||
ライセンス | 1ユーザー | ユーザー無制限 | |
無料ではじめる | 購入はこちら | 購入はこちら |
※金額や機能は変更になる場合があるので、必ず公式サイトでも確認してください。
有料版は買うべき?
結論を言うと、ブログを長く続けるなら「買って損はない!」と思います。
Screenpressの有料版はこれ一つでスクリーキャプチャから画像編集までこなせるのがポイントです。
特にスクリーンショットを撮る際の、自由選択と要素選択(フォルダやアプリケーションウインドウなど)の切り替えの柔軟性、右下に表示されるグリッドによる正確なキャプチャがとても便利です。
最低限の利用であれば無料版でもいいのですが、僕の場合は以下のポイントがちょっと気になってしまったため、有料版を購入しました。
- 画像エディタに機能制限がある
- ビデオキャプチャした時にロゴが入ってしまう
画像エディタの制限
キャプチャを撮って画像編集した後、矢印の角度やテキストの修正を行いたい場合があると思うのですが、無料版だとこちらができませんでした。
ビデオキャプチャにロゴが挿入される
僕のブログでは、IT&Web系の解説記事を多く取り扱う予定のため、今後ビデオキャプチャなどを使う可能性があります。その際、ロゴが入っていると何となく…と思ってしまいました。
ビデオキャプチャだけ他のツールを使ってもいいですが、デザインの統一性が失われる可能性もあります。
最後に
今まであまりこの手のツールは使ったことがなかったので、今回調べてみていい勉強になりました。
Screenpresso以外にもいくつかのアプリを使って比較してみたので、機会があればそちらの記事も書きたいと思います。
まだまだブログ作成に必要なツールの情報収集を始めたばかりなので、「もっといいツールがあるよ!」という情報がありましたらぜひ教えてください。