写真を分割して配置したいと思ったことはありませんか?
私は動画のオープニングに出演者をひとつの画面に3人出したいなぁ〜なって思うことがあります。
ただ写真を切って並べるだけではちょっとかっこよくないので写真を切り抜いて背景を新しくつけた上で並べてみましょう。
目次
手順
- 写真を切り抜く【PhotoshopMix】
- 背景をつける【Keynote】
- 背景ごと切り抜く【PhotoshopMix】
- 合わせる&アニメーション付ける【Keynote】
1.写真を切り抜く【PhotoshopMix】
まずはPhotoshopMixで写真を切り抜く。
背景を綺麗に消して被写体のみにする。
![](https://wasshoi5.com/wp-content/uploads/2019/02/IMG_1281-1024x383.jpg)
PhotoshopMixを使った写真の切り抜き方はこちら↓
![](https://wasshoi5.com/wp-content/uploads/2019/02/D9601615-6D75-44D5-98ED-E2FA2818A34D-160x160.jpeg)
2.背景をつける【Keynote】
![](https://wasshoi5.com/wp-content/uploads/2019/02/A57F0D02-78FA-448B-9326-661C3CEE9C63-1024x725.jpeg)
①photoshopMixで切り抜いた素材をKeynoteに並べる。
![](https://wasshoi5.com/wp-content/uploads/2019/02/964691A9-B32D-4973-8148-EB3F38B27637-1024x576.jpeg)
②三角形や四角形を使ってそれぞれに背景をつける。
![](https://wasshoi5.com/wp-content/uploads/2019/02/628A5120-C2D1-4733-887B-25887274A110-1024x372.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/D61771AD-E149-4067-A886-C6621F9AF2E2-1024x410.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/FD3A4F4F-DAB7-41D2-ADA5-96EF4C5913F1-1024x576.jpeg)
このとき赤丸のはみ出した部分は気にしなくて良い。
いくらはみ出しても完成像は左上の画像になるのでそこを確認しながら背景を作る。
![](https://wasshoi5.com/wp-content/uploads/2019/02/BBC08A82-7EA0-441D-A31C-0C70C64B7AB5-1024x194.jpeg)
全てに背景をつけました。
3.背景ごと切り抜く【PhotoshopMix】
再びPhotoshopMixに戻り今度は先ほどつけた背景ごと切り抜く。
![](https://wasshoi5.com/wp-content/uploads/2019/02/A911027C-A270-450E-BE6C-6F69360A00DE-1024x576.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/514E3AB5-0BEF-4C84-BFDD-7EAB028D0717-1024x576.jpeg)
これを先ほど背景をつけた全ての画像(今回は8個)で行う。
ここまでの流れとしては
![](https://wasshoi5.com/wp-content/uploads/2019/02/B2DBF7DB-5A36-4834-835C-9DB711F2BF1E-1024x576.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/88CDB5AD-ACAA-401D-8C6C-BF262A4D6F67-1024x576.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/C46A4B1A-CC84-45DE-A761-EE2A297F1CAC-1024x576.jpeg)
![](https://wasshoi5.com/wp-content/uploads/2019/02/36A6DE9C-1797-415E-B9A7-A2EFE6724C0A-1024x576.jpeg)
4.合わせる&アニメーション付ける【Keynote】
最後に再びKeynoteに戻りバラバラに分けた素材を合わせて動き(アニメーション)を付ける。
![](https://wasshoi5.com/wp-content/uploads/2019/02/A37F587B-ED70-4ED2-8256-E71D0BCFE50B-1024x576.jpeg)
一度バラバラに分ける前の形に綺麗に並べなおす。
並べ終わったら素材を選び
・アニメーションをクリック
・【イン】のアニメーションを選ぶ(今回はムーブイン)
・オプションにて出でくる方向を決める
これを全ての素材で行う。
![](https://wasshoi5.com/wp-content/uploads/2019/02/47D37E94-15C4-4C05-80D0-779B767FE156-1024x576.jpeg)
ここまでが一通りの流れです。
最初の3個だけですがアニメーションでムーブインを選択するとこの様な動きになります。自分好みのものを選んでください。
まとめ
アプリを何回か行ったり来たりする手間はありますがとても簡単に出来て尚且つ両方とも無料!これはやらないわけにはいきませんね。
今回は私のキャラクターを使って解説しましたが、もちろん写真を使って行うことが大前提です。また動きを出す際Keynoteを使用しましたが編集ソフトがある方はそちらを使用していただくとより一層いいものになるのではないかと思います。
![](https://wasshoi5.com/wp-content/uploads/2019/02/143CA924-DB3E-41BD-9779-70B7F7BAD031-1024x576.jpeg)
自分らしい作品を、そして自分がやりやすいい方法を見つけてください。その中で私の解説が少しでも参考になれば嬉しいです。