ブロガーの皆さんがよく使っているMac向けツールの一つとして、注釈アプリ「Skitch」(スキッチ)というアプリがあります。
今回はこのSkitchの使い方を説明していきたいと思います。
![](https://www19.a8.net/0.gif?a8mat=3B74YL+AYQEUQ+40II+BYDTT)
どんなことができるの?
Skitchは画面のスクリーンショットなどの画像に、矢印マークやテキスト、囲い枠、アイコン、モザイクなどをサッと挿入できるアプリです。
特にブログ記事に画面のスクショを使って解説する場合にとても便利で、手順を示す際に画面のどこをどうする、といった説明を画像内にカンタンに明記できるのです。
また、部分的にモザイク処理もかけられるので、ネット上に公開するとまずいようなものを、Photoshopなどの重いソフトを使わずともモザイクさせることも可能です。
サッとスクショしてサッと書き込み、サッと保存できる。シンプルながらこれがSkitchの強みです。
ダウンロード・インストールの手順
SkitchをApp Storeからダウンロードして下さい。
App Store - Skitch
https://apps.apple.com/jp/app/skitch-撮る-描き込む-共有する/id425955336?mt=12
App Storeが開いたら「入手」ボタンを押してダウンロードしましょう。無料です。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_827/https://blog.maesuke.com/wp-content/uploads/2020/02/1e03b2c1ccdfcadef41f226b61c1e4ac-1024x827.jpg)
アプリが追加されたらインストールは完了です。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_419,h_445/https://blog.maesuke.com/wp-content/uploads/2020/02/e53b2e15f37cf0f0b6fa8138489d10d4.jpg)
Skitchの使い方
まずはスクリーンショットを撮りたいウインドウをあらかじめ開いて用意しておきます。
Skitchをクリックして開きましょう。
すると以下のようなウインドウが表示されます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_771/https://blog.maesuke.com/wp-content/uploads/2020/02/f5feb32f9f48c763be1f1d08b8e05dc9-1024x771.jpg)
これでもう準備はOKです。
ウインドウ上部に表示されているポップアップをクリックしましょう。今回はExcelのウインドウに注釈を付け加えたいので、「画面のキャプチャ…」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_817/https://blog.maesuke.com/wp-content/uploads/2020/02/b3d28f50b7bee0515dc589e75b44c1c8-1024x817.jpg)
すると上図のように画面全体が暗くなり、カーソルが十字になっているはずです。
これは画面上のどこからどこまでの範囲をスクリーンショットするか選択できる状態なので、撮りたい範囲の左上から右下までグイグイーっとドラッグしていって下さい。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_588,h_446/https://blog.maesuke.com/wp-content/uploads/2020/02/8dd63778e5ab4c4b63a215cc1d584eff.jpg)
ドラッグし終えると、上図のような小さなポップアップが表示されます。
幅と高さのピクセルを微調整できますが、選択した範囲のままでOKであれば青い「キャプチャ」ボタンを押して下さい。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_851/https://blog.maesuke.com/wp-content/uploads/2020/02/e1b32e6f08b747cf57b45e3d167b40fb-1024x851.jpg)
するとすぐに上図のような画面となり、キャプチャ完了です。
ここにこれから色々と注釈を書き込んでいきます。
ウインドウ左端のツールバーから、一番上の矢印アイコンをクリックして下さい。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_761/https://blog.maesuke.com/wp-content/uploads/2020/02/Book1-1024x761.jpg)
矢印アイコンクリック後は、キャプチャ画面上でクリックしたままドラッグしてみて下さい。
そのドラッグの最初と最後をむすぶ矢印が描画されます。
それでは今度はテキストを挿入してみます。
ウインドウ左端の「a」と書かれたテキストアイコンをクリックして下さい。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_833/https://blog.maesuke.com/wp-content/uploads/2020/02/63a71ed08ca9568cb2574d18813a6d62-1024x833.jpg)
テキストアイコンクリック後は、キャプチャ画面上の任意の場所でクリックし、テキストを入力することができます。
テキストエリアの左右の帯を掴んでテキスト幅を調整することができます。
また、テキストエリア右下を掴むとテキストのサイズを調節することもできます。
次に、ウインドウ左端の四角いアイコン「□」をクリックします。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_761/https://blog.maesuke.com/wp-content/uploads/2020/02/Book1-1-1024x761.jpg)
枠を描画することができます。
示したいエリアがあれば、キャプチャ画面上でクリック→ドラッグすれば描画できます。
それでは一気に仕上げてみましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_851/https://blog.maesuke.com/wp-content/uploads/2020/02/b276afaa07955b0a9a25cef1ecc79598-1024x851.jpg)
その他、ペンツール(鉛筆のアイコン)で画面右下の青い吹き出しのような好きな形を描画できます。
色や線の太さもツールバーで変更することができます。
また、タイトルバーやシート名をよく見るとボヤけているのがわかります。
これはウインドウ左端のモザイクのようなアイコンをクリックすることで使用することができます。
完成したら、その画像を保存する操作に入ります。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_651/https://blog.maesuke.com/wp-content/uploads/2020/02/9dec5b0c919bff8881a5ec99791d11df-1024x651.png)
Skitchは保存もカンタンなアプリで、ウインドウ下端にある帯のような部分を、Finderなどの好きな場所にドラッグすることで一発で画像ファイルを保存することができます。
ちなみにこの画像そのものもSkitchで描画しています。
カンタンですね!
まとめ
手軽に注釈を挿入できるアプリ「Skitch」いかがでしたか?
Mac標準のプレビューアプリにも注釈を挿入する機能はあるのですが、ここまで簡単で注釈に特化しているわけではないので非常に便利!
ちなみにスクリーンショットだけではなく、既存の画像をウインドウにドラッグ&ドロップして挿入することもできますよ。
Macで画面を使って解説することが多い方はぜひ使ってみてくださいね。