テレカン用例の壁背景を楽に安く作る話

https://www.sofmap.com/ec/contents/sofmap/wallpaper/sum04.jpg

一般的に上記のような画像を作るときには「プロ用のお高いアプリで複雑な手順を踏まないとできないのでは！？」と思われるかもしれないのですが、一般的なテレカンの配信用の画像の場合、せいぜい720P、高くてもFullHD（1080P）の解像度があれば十分なので、プロ用のツールでなくても、無料のアプリでも簡単に作ることができます。しかも、今回はPhotoshopやIllustratorといった画像用のアプリではなく、プレゼン用のツールでもっと簡単に作ってしまう例の紹介です。

ちなみに、自分の商売柄（ゲームなど作っていますよ）、説明用の画像や資料など作ることが多いんですけれど、その際にもPhotoshopとかは使わずに、Keynote（Mac用のパワポみたいなアプリ）や Slides（ブラウザで動くGoogle Driveの無料アプリ）で作っていて、実はシンプルな画像作成ツールとしてもプレゼン用アプリは大活躍してくれるんです。

今回は無料ということなので、Google Slides（日本名 Google スライド） を使って作ってみることにしましょう。（注：自分のOSの設定上、アプリのメニューが英語になっていますが、日本語でも同じ位置にあるので同じ場所のメニューを操作してみてください）

まず、最初にGoogleDrive にアクセスして、Slides で空のファイルを作ります。

https://bexide.gyazo.com/efefdf48fda80dc0d8ba7caf035e484d

名前は何でもいいです。取りあえず、ビサイド・テレカン壁紙にしました。次に、今回は画像出力を720P（幅 1280、高さ 720）で出力したいので、その設定を行います。

これは、あとでも変更もできますが、先に済ませてしまいます。（これを行わなくても大丈夫ですが、低い解像度でしか画像が出力されませんので設定をオススメします）

https://bexide.gyazo.com/fa0d1084a150acc77e3b59c6bb37e7d1

次に、ブランクのスライドを追加します。ここのスライドが出力する画像になります。

https://bexide.gyazo.com/671a6abbc157312909c7f7ce1b0755dd

次に、使いたいロゴをネットで見つけてコピペしてください。すでに手元にある人は、ブラウザにドラッグ＆ドロップでOKです。ネットからコピペする際にはリンクをコピペするのではなくて、画像自体をコピペしてくださいね。利用画像の権利関係は個々人で注意してください。ここでは、ウチの会社のロゴを使いました。

https://bexide.gyazo.com/19e3a4c59eee4c301451f7232754d851

デカイので大きさを適当に調整します。どうせあとでまた調整するので目分量でOKです。

SHIFTキーをおしながらアンカーをつかんで移動させると、元の画像の比率を維持したまま変更できるのがポイントです。

次は、縮小したロゴと同じ大きさの四角を作ります。大きさがおなじになると、ガイドが変わることでアプリお知らせしてくれるので、そこで操作を止めます。

https://bexide.gyazo.com/d4c332374a2491ebe2bd6cba7b66d9d2

次にくっつけて、並べて、コピペして増やします。画面をはみだすくらいで良いです。

ここでもガイドが出てくれるので、楽ちんですね。もし、ちょっとうまく並べられなくても大丈夫。自動で整列してくれる機能もありますから、その機能をつかって整列させることもできますし、マウスカーソルで選択したあと、カーソルキーで微調整もできるますので、やってみてください。ここの列がさらにコピペする元になるので、しっかり整えましょう。

https://bexide.gyazo.com/f0c2f5f11ac2f3153ea70033aa599117

次に幅ぴったりに合わせましょう。まとめせ選択して、スライドの幅に合わせていきます。

https://bexide.gyazo.com/1662cac1c9ae0cf6c505df7d7661c03a

次は、ガイド用にのこしておいたBOXのアウトラインの色と、塗りつぶしの色を「透明」にして見えなくしていきますが、SHIFTキーを押しながら選択すると、まとめて選択できるので、まとめて変更してしまいます。

https://bexide.gyazo.com/f443d5cd9ff46172f4956f33e4b93415

次に、1ブロック分コピペしたら、1ブロック分、下の行に移動して調整します。

https://bexide.gyazo.com/2f1c8e591b4682d66e94a1bdaeb5fcbb

ここまでくれば、あとはスライドの幅に合わせて、さらに増やしていくだけです！

下の段はどうせテレカンでは見切れてしまいますし、別にはみ出してもいいので適当に。

https://bexide.gyazo.com/fae363fbfc57a820436add171aaa1215

最後に、画像に書き出しから完成です！

JPEGでもPNGでもいいのですが、せっかくなので劣化のないPNGににしておきましょう。

https://bexide.gyazo.com/fde81e049e6145d08e72f8e51589e24d

そして、ダウンロードした壁紙がこちら！

https://bexide.gyazo.com/54972d7715861662417efa9f5499ccca

んー、こうやって見てみると、最初にえらんだロゴ画像がちょっと、複雑（文字が多い、グラデつき）だったので、なんだか出来がイマイチですね ^^;

というわけで、今回はだれでも無料で使えるGoogle Drive の Slidesをつかってシンプルに作成してみましたが、画像を貼る以外にも文字や記号もすきなだけのせられますし、もちろんパワポでもKeynoteでも同様、もしくはそれ以上のモノが作れます。簡単にできるので、いい感じの壁紙をつくってテレカンを楽しみましょう！

2020/5/10