ブログのアイキャッチ画像作成に愛用しているMacの「Keynote」
Keynoteで取り込んだ画像を様々な形にトリミングする方法が分かったので備忘録として書き残しておきます。
この記事を読むことで下のような画像を作ることができます▼
![Keynote 画像 トリミング図形 12種類](https://photoroamer.jp/wp-content/uploads/2020/11/876448a9144c85a52b4dca7f08c361e7.jpeg)
![Keynote 画像 トリミング選択図形](https://photoroamer.jp/wp-content/uploads/2020/11/1cb9c13409afc428f4b41323e7b1b2e8.jpeg)
【基礎編】Keynoteで画像をトリミングする方法
Keynoteで画像をトリミングする時の流れは次のようになります。
【基礎編】Keynote画像トリミング
- トリミング範囲(サイズ)の決定
- 画像サイズの決定
1.Keynoteに画像を取り込む
取り込みたい画像をKeynoteにドラッグ&ドロップ。
![Keynote 写真 取り込み](https://photoroamer.jp/wp-content/uploads/2020/11/314682bb937a770f8fc069a5605cd146.png)
![Keynote 写真 取り込み](https://photoroamer.jp/wp-content/uploads/2020/11/314682bb937a770f8fc069a5605cd146.png)
2.トリミングしたい図形の選択
Keynoteに取り込んだ画像を選択した後にメニューバーから「フォーマット → イメージ → 図形でマスク」を選び一覧の中からトリミングしたい図形を選択(ちなみに丸は「楕円」を選びます)
![Keynote 写真 トリミング 図形選択](https://photoroamer.jp/wp-content/uploads/2020/11/75f2abb95493ad4c78ea448e11d3ec9c.jpg)
![Keynote 写真 トリミング 図形選択](https://photoroamer.jp/wp-content/uploads/2020/11/75f2abb95493ad4c78ea448e11d3ec9c.jpg)
3.画像のトリミング
図形を選択するとトリミングスケールが出てくるので自分の好きな大きさに調整します。
![Keynote 写真 トリミング](https://photoroamer.jp/wp-content/uploads/2020/11/75f2abb95493ad4c78ea448e11d3ec9c-1.jpg)
![Keynote 写真 トリミング](https://photoroamer.jp/wp-content/uploads/2020/11/75f2abb95493ad4c78ea448e11d3ec9c-1.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
画像をトリミングする時は先にトリミング範囲(サイズ)を決めてからその範囲内に画像を入れるイメージで作業するとトリミングがスムーズにできます。
1.トリミング範囲(サイズ)の決定
![Keynote トリミング範囲(サイズ)の決定](https://photoroamer.jp/wp-content/uploads/2020/11/a19c94e0b7381dc82c3682dae63c1ecd.jpg)
![Keynote トリミング範囲(サイズ)の決定](https://photoroamer.jp/wp-content/uploads/2020/11/a19c94e0b7381dc82c3682dae63c1ecd.jpg)
2.画像サイズの決定
先ほど決めたトリミングサイズの中に写真サイズを調整しながら入れていく。
![Keynote 写真サイズの決定](https://photoroamer.jp/wp-content/uploads/2020/11/115070e9cf7460bd645976480fb9f7da.jpg)
![Keynote 写真サイズの決定](https://photoroamer.jp/wp-content/uploads/2020/11/115070e9cf7460bd645976480fb9f7da.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
![](https://photoroamer.jp/wp-content/uploads/2019/12/cf9cd54a125c935cb8bf0dfb2990fe46-e1645953834805-150x150.jpg)
個人的にはトリミングスケールを使わず矢印で示したように写真を直接調整した方が直感的にトリミングできます。
トリミングが終わると下のようなカワイイ写真が出来上がりました。
![Keynote トリミング 完了](https://photoroamer.jp/wp-content/uploads/2020/11/f1f7f85f204b11b4ce4d66c5dc300d39.jpg)
![Keynote トリミング 完了](https://photoroamer.jp/wp-content/uploads/2020/11/f1f7f85f204b11b4ce4d66c5dc300d39.jpg)
この方法を利用することで丸や四角など、よく使われる12種類の図形で画像をトリミングすることができます。
![Keynote 写真 トリミング図形 12種類](https://photoroamer.jp/wp-content/uploads/2020/11/876448a9144c85a52b4dca7f08c361e7.jpeg)
![Keynote 写真 トリミング図形 12種類](https://photoroamer.jp/wp-content/uploads/2020/11/876448a9144c85a52b4dca7f08c361e7.jpeg)
【応用編】Keynoteで画像を複雑な図形にトリミングする方法
先ほどの12種類の図形では物足りないという欲張りなあなたに向けて、さらに複雑な図形に画像をトリミングする応用編も紹介します。
【応用編】Keynote画像トリミング
1.図形の挿入
先ほどと同じように写真をkeynoteに取り込んだ後は図形ボタンから好きな図形を選び挿入します。
![Keynote 写真 トリミング 図形挿入](https://photoroamer.jp/wp-content/uploads/2020/11/4eef2df960195b6285a14592cf1ad5fe.jpg)
![Keynote 写真 トリミング 図形挿入](https://photoroamer.jp/wp-content/uploads/2020/11/4eef2df960195b6285a14592cf1ad5fe.jpg)
2.画像と図形の選択
好きな図形を挿入後はキーボードの「commmandキー」または「shiftキー」を押しながらトリミングしたい写真と画像の両方を選択します。
![Keynote 写真 トリミング 図形 写真 選択](https://photoroamer.jp/wp-content/uploads/2020/11/1c3c4ecbb9dbae8ac0149b3f6658eea0.jpg)
![Keynote 写真 トリミング 図形 写真 選択](https://photoroamer.jp/wp-content/uploads/2020/11/1c3c4ecbb9dbae8ac0149b3f6658eea0.jpg)
3.画像と図形のマスク処理
画像と図形を選んだ後はメニューバーから「フォーマット → イメージ → 選択部分でマスク」を選択。
![Keynote 写真 トリミング 選択部分マスク](https://photoroamer.jp/wp-content/uploads/2020/11/a36915df4d252a8bb88460a0f0d51725.jpg)
![Keynote 写真 トリミング 選択部分マスク](https://photoroamer.jp/wp-content/uploads/2020/11/a36915df4d252a8bb88460a0f0d51725.jpg)
先程と同じようにトリミングスケールが出てくるので同じ要領でトリミング範囲と画像サイズを調整します。
![Keynote 写真 トリミング範囲 写真サイズ](https://photoroamer.jp/wp-content/uploads/2020/11/ec060b50fada69fa398ead0750073123.jpg)
![Keynote 写真 トリミング範囲 写真サイズ](https://photoroamer.jp/wp-content/uploads/2020/11/ec060b50fada69fa398ead0750073123.jpg)
トリミングが終わると下のようなカワイイ?よく分からない?写真に仕上げることができました。
![Keynote トリミング 選択範囲 完了](https://photoroamer.jp/wp-content/uploads/2020/11/659b2d3f3a0ffb199f058521a462e479.jpg)
![Keynote トリミング 選択範囲 完了](https://photoroamer.jp/wp-content/uploads/2020/11/659b2d3f3a0ffb199f058521a462e479.jpg)