More than 5 years have passed since last update.

PowerPoint & Keynoteで絵を描こう

Last updated at 2016-03-19Posted at 2016-03-19

はじめに：

絵を描く際は、IllustratorやVisioがとても便利です。ただ、他の方とデータをやりとりする時は、相手が対応するソフトをお持ちでないと、ちょっとした修正も面倒になります。

さて、たまたま、redmine.tokyo というコミュニティのロゴをデザインする機会をいただいたのですが、ちょっとしたサイズや色味の修正であれば、自分以外の方にメンテナンスしていただきやすいほうが良いですよね。

そこで、おそらくIT系の方なら普通にお持ちであろう、PowerPointを使って作図をすることにしました。

※プレゼンの質を高める、というお話では無いので、ご注意ください...

PowerPointを作図のツールとして使うようになったのは、 @tnagasawa さんのブログを拝見してからです。

それまでは、私もパワポはプレゼンテーションツールとしてしか利用せず、基本画像、ギャラリーにあるものを使っているだけで、自分で作図をすることは行っていませんでした...。

上記の資料を拝見し、『全部自分で、しかもパワポで描いている』という点に軽くショックを受けました...。（プレゼンテーションの内容も、もちろん素晴らしいですよ！）
よくよくTipsを見ると、基本図形をうまく組み合わせたり、切り抜きや合成（重ね合わせて連結）したりして、作図をしていることが判りました。

redmine.tokyoのロゴの案は、円の組み合わせが中心でシンプルなものだったので、早速パワポで描くことにしました。

例えば、月を描くのであれば、下記のように２つの円を重ねて、切り抜きで作図ができます。

また、基本図形の組み合わせでは難しいようなものは、まずは『 線とコネクタ 』（いわゆるペンツール）で形を描きます。

線とコネクタ -> フリーフォーム もしくは フリーハンド で、線を描きます。微調整はあとから行うので、本当にざっくりと。
パスを閉じて図形が出来たら、図形を選択し、右クリック。『 頂点の編集 』を選択すると、図形の頂点の編集モードに切り替わります。

こういった、ちまちました作業の積み重ねの結果、波千鳥のできあがり。

実際に仕上げてみたデータは、こちらにあります。

さて、Mac OSだとKeynoteというプレゼンテーションツールが付いてきます。
新規に買ったMacbookにはPowerPointをまだ入れていなかったので、じゃあ、Keynoteで書けるかな...? と思い、何か描いてみることにしました。

シンプルな図形は、PowerPointと同じく、「図形」メニューから基本図形を使ったり、組み合わせたりして描画できます。

もうちょっと複雑な形の場合は、「 ペンで描画 」を使います。

ここでも、PowerPointと同じように、ざっくりと形を取っていきます。
形ができたら、滑らかにしたいポイントをダブルクリックすると、曲線に切り替えができます。

ポイントの位置はDrag&Dropで調整し、必要に応じてポイントを増減して、形を整えていきます。

こんな感じで、うまく図形をグループ化したり、コピー&ペースト + 微調整を加えて描いてみたのが、こちら。

グラデーションや切り抜きの機能でちょっと足りないかな？と思うところもありましたが、十分Keynoteでも描けそうです。

さて、やってみての振り返りです。

PowerPoint, Keynoteどちらも、鉛筆やスケッチなどの手書きの図を先に貼り付けて、透明度を調整。その上からトレースしていくと、描きやすかったです。

もしくは、下書きを背景画像として読み込んでトレースという方法もやってみました。

とは言え、デザイナー職ではないので、そこまで高度なことはしない＆知らないので、しいて言えば、これくらい..。

ということで、十分簡単なイラスト作成ツールとしても利用可能です。
フリー素材ではしっくりくるものが無い場合は、自作してみるというのは如何でしょうか？

その他にPowerPointでの作図で参考にさせていただいたサイトです。

実際に公開されているPowerPointのテンプレートを見て驚きでした！
クラウディア窓辺さんのキャラクターもPowerPointで作図されていたりしますので、興味のあるかたはぜひご覧ください。