【Skitch代わりに】画像に矢印や文字を入れるフリーソフト「Screenpresso」

 

 

 

 

ブログで使う説明画像に矢印や文字を入れるとき、まず「Skitch（スキッチ）」が紹介されると思いますが、Windowsユーザーでは使用できず。。

 

そこで、Windowsユーザーでも使用可で、矢印や文字も入れられるフリーソフト「Screenpresso（スクリーンプレッサー）」の登場です。

 

Screenpressoだと、画像内に挿入する文字のフォントも設定できるので。以下では、フォント検索や判別ツールでもわからない、他ブログでの解説画像内のフォント「Noto Sans JP」の設定方法もご紹介。

 

なので、本記事の設定どおりにすれば、よく見かける解説画像そのままのファイルを、初心者でも簡単につくることができるようになります。

 

 

Screenpressoをインストールする手順

これが、「Screenpresso（スクリーンプレッサー）」のサイトです（pressoは、プレッソとしか読めない気がする…）。

この写真は英語表記ですが、日本語対応もしているので、そちらを使って、インストールまでの工程をみてみましょう。

 

工程１　ScreenpressoのサイトからソフトをDL

上の写真が、日本語版サイトになります。

この「スクリーンプレッサーを無料で入手」のリンク先にある「最新バージョン（2020年10月11日時点ではver.1.8.4）」を選びます。

 

すると、下の画面が表示されるので、スキップをクリックするとダウンロードできます。

 

工程２　Screenpressoをインストール

ダウンロードしたファイル「Screenpresso.exe」を開くと、上の画面が出てくるので、「同意します」にチェックして、コンピューターにインストールをクリック。

 

これで、インストールは完了です。

 

工程３　Screenpressoの初期設定を済ます

インストールが済むと、この画面が開きますので、右上のスパナをクリックして「設定」を開きましょう。

 

いくつか項目がでますが、まず「基本設定」タブの「ワークスペースの保存先」で、つくった画像の保存先を決めておくと便利です。

 

 

フォント「Noto Sans JP」をダウンロードする

次に、著名なブロガーさんの記事の解説画像でみかける、画像内の文字フォント「Noto Sans JP」の導入を説明します。

 

「Noto Sans JP」は、プレゼン資料で広く使われるGoogleフォントですが、Windowsには搭載されておらず。。なので、まず入手しましょう。

 

工程１　GoogleフォントからNoto sans JPをダウンロード

「Googleフォント：Noto Sans JP」にアクセスすると、上の画面になるので、右上からNotoSansJPをダウンロードします。

 

工程２　PC（Windows）のフォントとして使えるようにする

次に、パソコン側で「コントロールパネル」を開き、「デスクトップのカスタマイズ＞フォント」と進んで、インストール済みのフォントが格納されているフォルダを出します。

 

そして、ダウンロードした「Noto_Sans_JP.zip」を解凍（ダブルクリック）すると、下の画面が出てきます。

フォルダ内にある6つの「.otf」ファイルを、先ほど開いたフォントフォルダに移せば、準備完了です。

 

 

Screenpressoの使い方：矢印・四角・文字を設定する

いよいよ、Screenpressoで、矢印や文字を画像に入れるための設定に移ります。

以下では、自分の設定を紹介していきます。サクッと終わる作業なので、まずは確認してみましょう。

 

工程１　矢印の設定をする

先ほど設定した「指定領域のスクリーンショット」キーで、適当にスクショをとって、Screenpressoを立ち上げると、上のように「Screenpressoの画像エディター」が出てきます。

 

画面右上で四角にくくっている部分が、解説画像でよく使う「矢印・四角形・文字」と、プラス「モザイク処理」ができるボタンになります。

 

まず、四角でくくったうち、一番左側の矢印ボタンを押すと、以下の画面が出てきます。

初期設定では8つ目までなので、本記事の解説画像で使用している、9個目のボタンをつくってみましょう。

 

つくり方ですが、図中に矢印をつくって、右クリックして「描画オプション」を開くと、下の画面が出ます。

一番上の線の種類を「スタイル付き矢印2」にして、線の幅と影を調整して「ショートカットに追加」すれば、9つ目のボタンに登録されます。

 

工程２　四角形の設定をする

四角形も、初期設定では5つ目までなので、同じ操作で登録します。

 

図中に四角をつくって「描画オプション」を開くと、以下の画面が出てきます。

「色」「線の幅」「角の丸み」を調整して、「ショートカットに追加」すれば、6つ目のボタンが出来上がりです。

 

工程３　文字の設定をする

最後に文字の設定です。初期設定では6つ目までですね。

 

とりあえず画像に文字を挿入して、右クリック「描画オプション」を開くと、下の画面が出てきます。

「フォント「Noto Sans JP」をダウンロードする」で紹介した工程をこなしておけば、一番上の「フォント」にNotoSansJPが追加されているので、それを選びます。

 

あとは、「グロー」と「グローの幅」を設定すれば、文字を囲む枠が表示されて、見やすくなりますね。

それで、ショートカットに追加を押すと、7つ目の文字として登録されるので、この矢印・四角・文字を使って、画像をつくればOKです。

 

 

まとめ　現状：Screenpressoの一択になる

以上、Skitchに代わって、画像に矢印や文字を挿入できるフリーソフト「Screenpresso」の初期設定と使い方でした。

 

もちろん、ペイントソフトやパワーポイントの使用もアリですが、Screenpressoのほうが圧倒的に使い勝手がいいと断言できます。

 

というのも、解説の流れにあったように、

と、画像の加工に必要な一連の操作を、サクサクと直感的にこなせられるからです。

 

Screenpresso以外のフリーソフトだと「Monosnap」もありますが。

固定フォントで、漢字表記も中国語に近いときがあるので、ちょっと使いづらいかも。。

 

そのため、Windowsユーザーが矢印や文字を入れた画像をつくるとき、現状は「Screenpresso」一択と考えます。

 

 

 

▼初心者ブロガーさんに役立つツール▼

【初心者向け】Google拡張機能・ツールによる関連キーワードの検索方法

続きを見る

拡張ツールColorPick｜webページや画像の色を調べる方法

続きを見る

【簡単】ブログのフォントを上手に変える方法【心地よさ】

続きを見る