Appleネタ|素人でも無料ツールで簡単にバナーを作成する方法

Pocket

今回はMacでバナーを作ってみたので、いかにして作成してたのか記事にしてみたいと思います。プロが作るようなバナーは作れませんが、簡単なバナーなら作成することができます。ぜひこちらの記事を参考にして、簡単なバナーから作成してみてくださいね。

目次

もくじ

  1. バナーを作る為の下準備をしよう!
  2. 好きなバナーを探して写真を撮ろう!
  3. パワーポイントの図形で構想を練る!
  4. 写真の構成を考えていこう!
  5. 文字を入れてみよう!
  6. 最終工程を経てバナーが完成!
  7. 今回の記事のまとめ

バナーを作る為の下準備をしよう!

バナーを作る際、あらかじめ下準備が必要になります。バナー作りに必要なものを、今から列挙していきたいと思います。自身のブログに貼るだけなら、手の込んだバナーでなくてもいいかもしれません。

準備物1:参考となるバナーをサイトから拝借する

サイトには、様々なデザインのバナーが転がっております。そのサイトから、写真を撮りバナーのモデルとして使用することができます。練習にいくつか写真を撮って、自分の好きな構図に変えてみるのもいいかもしれませんね。

準備物2:バナーを作成するためのKeynote

今回ご紹介するバナー作成方法は、Keynoteを使って作る方法になります。Macユーザなら誰でもダウンロードできるため使用しない手は無いですね。もしダウンロードしていないのなら、早速ダウンロードしてみましょう!

準備物3:プレビュー

プレビューを使って、Keynoteで作成したバナーの周りを切り取ります。不要な部分を切り取ることによって、バナーが完成します。そのほかに必要なものがありますので、簡単に触れていきたいと思います。

そのほかの準備物

あらかじめ、写真やイラストを準備しておきましょう。私はスマートフォンなどで写真を撮って準備していましたが、今や写真やイラストは無料でゲットできますので探してみましょう。きっといい写真が眠っていることでしょう。

無料サイト検索ワード集

  • 無料 写真 
  • 無料 イラスト
  • イラスト屋(無料イラストを取り扱っているサイト)

好きなバナーを探して写真を撮ろう!

サイトを見回っていると、お気に入りのバナーに出会うことがあります。そんな時に使えるテクニックとして、キーボードのCommand+Shift+4を押すと範囲指定で写真が取れます。撮影した写真をパワーポイントに貼って、デザインを参考にします。

写真を撮る前の状態
Command+Shift+4で撮影した写真

パワーポイントの図形で構想を練る!

手順1:Keynoteを起動させて真っ白いページを出す


手順2:撮影したバナーをドラック&ドロップでKeynoteに貼る


手順3:図形を使って型取り

※フォーマットの中の赤枠の”サイズ”を調整しすれば正方形にすることが出来ます!


型を取るとこうなります!

※フォーマットタブの中の赤枠の回転を使用して図形をひっくり返せます


手順4:図形を整える

※同じ図形はコピーしてペーストしましょう

図形を駆使してバナーの構成が完成です。ここまでくると、写真をこの図形の中に貼って好きな文字を入れることでバナーが出来ます。私は素人なので、あくまで素人がバナーを作る工程になります。ご容赦ください。

写真の構成を考えていこう!

手順1:写真をドラック&ドロップで赤枠に落とす


手順2:赤矢印の方向に写真を縮める

手順3:好きな場所に設置したら終了ボタンを押す


手順4:フォーマットの赤枠から背景の色を決めよう

ここまで来ると、なんだかバナーらしくなってきましたね。ここから先は文字を入れてみようと思います。今回のコンセプトは公園なので、公園らしい文章を入れてみたいと思います。ここまで完成したら、もう一踏ん張りです。

文字を入れてみよう!

手順1:テキストボタンから好きな場所にテキストを書こう

※好きな場所に文字を入れてテキストタブから好きなフォントを選びます


手順2:出来たファイルをPDFに書き出す

これでバナー自体は完成です。しかし、まだこのままでは使えません。次に使うツールはプレビューのツールになります。作成したものをバナーとして使うためには、完成したものを切り取る作業が必要になります。

最終工程を経てバナーが完成!

手順1:保存したPDFを開こう(プレビューで)

手順2:枠に合わせてカットしよう

バナー完成!

プレビューからカットした場合

番外編1:パワーポイントから直接写真を撮影する

Command+Option+4で撮影した場合

番外編2:カットする形がいびつな場合はこちらから編集可能

今回の記事のまとめ

今回はバナーを作ってみました。バナーのキャッチコピーが、全然キャッチーじゃなくて申し訳ございません。初心者なので、このくらいしか作れませんが十分バナーとして役に立つくらいのものはできたのではないでしょうか。サイトの見栄えを良くするくらいには使用できると思います。是非みなさんも、サイト作成にお役立てください。

ここまでご覧いただきありがとうございます!

ブログランキング・にほんブログ村へ

4件のコメント

  • 凄い!もはやプロレベル!参考になりました💛

    • コメントありがとうございます!
      今回は素人が作るバナーの方法だったのでプロが使うようなソフトは使用していません><
      無料ソフトだけで作れるってところがいいですよね!
      まだまだ腕を上げてこのサイトもリニューアルしたいです⭐️

  • こんな素敵な情報得れて嬉しいです😆
    ブログに書いてくださってありがとうございます!!

    • この記事が少しでも役立てば嬉しいです♪
      ご覧くださりありがとうございます!

コメントを残す

Translate »
%d人のブロガーが「いいね」をつけました。