ブログ運営をしているとバナー画像(ボタン)が欲しくなることがあります。
例えば、こんなバナー⬇︎とか。
僕はPhotoshopやイラレなどの知識が皆無なんですが、それでも文字だけの簡単なバナー画像ならMacのプレゼンテーションアプリ「Keynote」を使って5分程度で作成できます。
実際に上のバナー画像は超ド素人の僕が作成したものです。
というわけで今回はKeynoteでバナー画像を作る方法をご紹介します。
Keynoteで簡単なバナー画像を作成する方法
手順1
▲まずはKeynoteを起動させ、テーマを選びます。
僕はいつも「ホワイト」というテーマから始めています。
テーマを選択したら上の画像のようにマスターを変更します。(編集エリアが1つだけのマスターを選ぶと作りやすいです)
手順2
▲「編集エリア」にテキストを入力します。
今回は「Feedly」と入力しました。
手順3
▲画面上のメニューから「図形」を選択します。
本記事では角が丸くなった四角形を選びました。
▲選んだ図形がスライドに追加されました。
手順4
▲これでは文字が隠れているため、図形をマウスで右クリック(トラックパッドなら指2本でクリック)し、「最背面へ」を選択します。
▲これで図形がテキストの後ろ側に回りました。
手順5
▲続いて、図形の色を変更します。
図形を選択した状態で「塗りつぶし」の色を変更します。
この作業は図形を最背面に移動させる前にやってもOKです。
手順6
▲テキストの長さに合わせて図形の形を変更します。
手順7
▲次にテキストの色を変更します。今回は白にしました。
必要ならここでフォントも変更します。
▲文字の色が白に変わりました。
ここまできたら「ファイル」>「書き出す」>「イメージ」からMac(本記事ではデスクトップ)に書き出します。(フォーマットはPNGを選んでいます)

手順8
▲Macに保存されたフォルダを開き、中に入っているファイルをプレビューから開きます。
手順9
▲画面上メニューの一番左側にあるアイコンから「スマート投げ縄」を選択して先ほど作成した画像の周りを囲みます。
▲うまく囲めたら画像の周りにきれいな点線が追加されるので「切り取り」をクリックします。
▲これで完成です。
▲必要に応じてサイズも変更できます。
さいごに
こうしてバナーを自作してサイトを整えるのは楽しい作業ですが、できれば時間を奪うだけの事務作業はできるだけ自動化してしまいたいですよね。
下記リンク先ではデザインや本業に集中する時間を作るために欠かせない「最強の事務効率化ツール」を紹介しています。よければご覧ください!
⇒ Macユーザー×自営業の最強ツール → Macで請求書を作るならMisoca!12年前に使い始めて結局これ一択だと確信している理由















