OS Xのプレビューの手書き機能を使いこなす

WithOne AdventCalendar 3日目の記事です。
本日は、この1年でMacを使い始めた私が便利だと思ったプレビューの手書き機能について説明します。

# 必要なもの
プレビューアプリをアンインストールしていないMac

# プレビューについて
画像やOffice系のファイルやPDFを開くとデフォルトで開くのがプレビューです(設定を変えてなければ)。
それ単体で開くことがないため、個人的にLaunchpad上では「使用しない」フォルダに突っ込んでます。

## プレビューの手書き機能について
プレビューはプレビューと言いつつ色々機能が備わっているので、今回はプレビューの手書き機能(正しくはスケッチ)を紹介したいと思います。

## 手書き機能を行えるファイルタイプ
- 画像系(jpg,png,tiff...)
- PDF
- 他にもあったら情報欲しいです

# 手書き
手書き機能を行えるファイル開き、カバンっぽいボタンを押すと
<img width="703" alt="スクリーンショット 2016-12-01 9.51.37.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/a0ce14ad-fc1d-0fc3-7ba8-e9a87f368fd6.png">

手書き機能のボタンが現れます。
このボタンを選択状態にすると手書きで図形を描けるようになります。
<img width="700" alt="スクリーンショット 2016-12-01 9.51.53.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/48eacc8b-1e59-7693-f8ab-6dbe7f7a45ec.png">

## 手書きでかける図形
基本的に描ける図形は、図形ツールの一覧に存在するものです
<img width="273" alt="図形ツール.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/bae1098e-cec6-79b4-c054-173541743489.png">

### ダメな例
例えば一覧に存在しない六芒星をこのように一筆書きで描いたとしても
<img width="216" alt="六芒星.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/bfff6a88-c90b-dd58-c6d6-3dadfa406156.png">

このように近い図形に補正されてしまいます
<img width="216" alt="六芒星 2.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/197b9ca2-4b3a-e74b-f494-9c71e50c08b1.png">

### 良い例
存在する図形を描いてあげれば、図形を選ぶ手間なく描くことができます。
<img width="688" alt="サンプル2.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/7f26a0f8-9c9a-2a80-ef79-11a9cfb3b076.png">


## 手書きでしか出現させられない図形
上記とメニューの図形の一覧を見比べてもらうとわかるとおり、図形一覧には無いものも描けます。

これらは、ネット上にある過去のプレビューアプリの記事のスクショを確認したところメニューに存在していた図形なので、
プレビューのバージョンアップによってメニューからは除去されたが図形のようです。

存在しない図形を手書きで書くには若干のコツがありますので、一例を次に示します。

### 三角形
これは見たままなので省略

### 吹き出し付きの棒
直線を描いて、頭に丸を描いてあげると吹き出し付きの棒が描けます。
吹き出しになっているので丸の中には文字を入れることができます。
<img width="568" alt="丸付きの棒.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/2d3547ad-522d-a48c-8ccf-8e4c9071b7a4.png">

### 吹き出し(ほわほわ)
渦巻きを描いてあげるとなぜかこれになります。
<img width="333" alt="スクリーンショット 2016-12-02 13.19.09.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/1739c214-f3fe-f647-3bc3-6052ab2db0e5.png">

### 白抜きの矢印
できそこないの矢印っぽい何かを描いてあげると白抜きの矢印になります。
<img width="459" alt="スクリーンショット 2016-12-02 15.32.02.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/abb55688-fb8b-838b-036c-46e908fc844d.png">


### 両方が尖っている矢印
はじめに普通の矢印の書き方ですが、
線の終端を少しだけ元の方向に戻ってあげると描けます。
<img width="445" alt="矢印.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/040ccfe8-a2ab-9fb3-bad0-c0fbbc21574a.png">

両方が尖っている矢印を描くのは、両端を少しだけ逆方向に描けば実現できると思いきや、何度トライしてもうまくいきませんでした。
正解は開始端に三角形を描いてあげれば描けるみたいです。
<img width="699" alt="両矢印.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/e20eb3d6-1b26-af6a-7458-ee6b7b993d1f.png">


### ハート
片方が凹んだ尖った何かを描いてあげるとハートが描けます。
<img width="295" alt="スクリーンショット 2016-12-02 15.30.04.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/89612c49-de12-5629-96a4-2eac6864c8d5.png">

### その他
使ってて見つけたら追記します

### 番外編：チェックマーク
小さい四角い領域が並んでいるとチェックボックスだと判断するようで、
手書き状態で四角の中をシングルクリックをするとチェックマークが付きます。
ただ、隣り合った四角でも片方はチェックができて片方はできなかったりするので、現在の精度では実用的ではないようです。
<img width="336" alt="スクリーンショット 2016-12-02 15.38.27.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/517e9d48-c2ba-f16f-4ff5-2fee98bc1bc6.png">

# プレビューのオススメの設定
- 大きく
- 太く
- 直線より目立つ

<img width="315" alt="オススメの設定2.png" src="https://qiita-image-store.s3.amazonaws.com/0/130316/0929ca1f-5285-4ce1-40e0-853e41c95274.png">

# 終わりに
プレビュー機能を使って、色々と楽しちゃいましょう！