使用ツール
Macとプレビューアプリのみ
なぜ?
![スクリーンショット 2019-12-04 10.23.17.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F684b7ec3-10fd-dd13-fd57-d06344da5e49.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d09c13e0056014b1847615e4795e4019)
普段は上記のようなアイコンを使用しているが、背景が透過されておらず白色のため黒っぽい背景のスライドに置くとめっちゃ浮く。
![スクリーンショット 2019-12-04 10.23.17.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F488d66c4-2dee-97ea-3926-78a19362467d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c7066d71ad93df20d1e697f6cb8bf615)
なので
- 背景を透過していい感じにしてみる
- 線と背景の黒と白を反転させていい感じにしてみる
の2つの画像を作ってみます。
背景を透過していい感じにしてみる
GOAL
![スクリーンショット 2019-12-04 10.48.35.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fe438c1bb-3dd8-fdd3-6b84-bcb064f222b1.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ae6af6b1a6cb6e98b0ed79c3cc16e032)
めちゃめちゃいい感じ!!🦄🦄🦄🦄🦄
- プレビューアプリで対処の画像を開き、マークアップツールバーを開くボタンを押す。
![スクリーンショット 2019-12-04 10.45.01.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F7abd4861-aea3-8015-6afe-d8425f9d9c71.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dbb8b12dd397e6e7fa79f190f1d8c373)
2. インスタントアルファで範囲指定(透過したい部分を適当にドラッグすると全体がいい感じに選択されます)
![スクリーンショット 2019-12-04 10.45.12.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fc4c4bc02-24c5-4904-6f4d-92457d782e31.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7bc1634030eb8003d5aa00d3ade00052)
3. Command + X で指定範囲を切り取ります
![スクリーンショット 2019-12-04 10.46.19.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fb109ff0f-07d7-3ab2-8004-b5be871a78ef.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e9ed623d2033c5f6199164e5fcfe59cc)
4. 保存
適当に保存してください。ただしjpgとかの場合は透過に対応していないのでpngとかにして保存してください
![スクリーンショット 2019-12-04 10.46.19.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fd8539c6d-fd73-1d6e-f845-c30527873dc7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6edfb66c2427ec3ed7ddac9907442795)
※変化してないように見えますが変化してるはずです!
線と背景の黒と白を反転させていい感じにしてみる
GOAL
![スクリーンショット 2019-12-04 11.02.34.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fe21f6492-b037-1bbf-242a-af4c42a1aa3d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d37d8c1d3ee6b270e00528dc7b5077b4)
なんかおしゃれっぽいぞぉ!!🦄🦄🦄🦄🦄
1. プレビューアプリで対処の画像を開き、マークアップツールバーを開くボタンを押す。
![スクリーンショット 2019-12-04 10.45.01.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F7abd4861-aea3-8015-6afe-d8425f9d9c71.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dbb8b12dd397e6e7fa79f190f1d8c373)
2. インスタントアルファで範囲指定(透過したい部分を適当にドラッグすると全体がいい感じに選択されます)
![スクリーンショット 2019-12-04 10.45.12.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fc4c4bc02-24c5-4904-6f4d-92457d782e31.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7bc1634030eb8003d5aa00d3ade00052)
3. Command + X で指定範囲を切り取ります
![スクリーンショット 2019-12-04 10.46.19.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fb109ff0f-07d7-3ab2-8004-b5be871a78ef.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e9ed623d2033c5f6199164e5fcfe59cc)
4. 2, 3をひたすら繰り返し、すべての背景を透過します
![スクリーンショット 2019-12-04 11.05.33.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fb5dbf144-d0e2-82f7-7671-53b3fe8c214c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3882cfd0432d090bc5f44cf3a89a392c)
(がんばった...あとすこしやでぇ
5. カラーを調整で色を反転!
![スクリーンショット 2019-12-04 11.06.50.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F23e5d64d-c04d-d279-c3f0-41309e2af741.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dc9f1966f43be97b43ad8a83e3451312)
カラーを調整ボタンをタップして
![スクリーンショット 2019-12-04 11.06.55.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F8fdb51ff-2cf2-c99f-b699-d5e799a820c3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2e5a9c75525689cafa55ae90ffeea067)
左右の赤丸のつまみの位置をそれぞれ逆にします(左のつまみを右に、右のつまみを左にします)
![スクリーンショット 2019-12-04 11.10.17.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Faffe10a6-8807-a5f0-38ca-295b67c52ac9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ecd347051d0e33b17a0718dd8e69ee59)
※一応つまみを逆にした画像です
そうすると...
![スクリーンショット 2019-12-04 11.12.00.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2F98de3481-8b48-fcf7-5778-c90f63cce996.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=993cb8590a3a3bc6e7bbbfd318fed810)
できた!🤡🤡🤡🤡🤡🤡🤡🤡🤡🤡
まとめ
並べるとこんな感じです👍
![スクリーンショット 2019-12-04 11.15.39.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F70276%2Fc5ec8c7d-e83c-786a-3f6c-b7b913ee3c89.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=82df05e2b3e147ceb46af1b0d5ee3b68)