Skitchを使って恐ろしくかんたんにイケてるバナーを無料で作る方法

ウェブ

BASEでバナー広告とタイアップ広告を販売したもののまあ全くもって売れる気配がありません。やはりそこらへんの有名ブロガーさんみたいにすぐにはうまくいきませんね。

はあちゅうさん(@ha_chu)のこのコトバがとても引っかかってて


俺なんて村上春樹さんの足元にも及ばない、むしろ存在すらもうすんごい薄すぎて20デニールぐらいやないかと、てかもう素足かも。

だからウザいくらいこれでもかと宣伝するためにブロガー御用達のSkitchを使ってバナーを作りこのブログに貼ることにしました。ついでに人気記事がまとめて観れるようにふたつバナー作ったよ。

あと広告主さんにちょっとだけお得な話も用意しました。

Skitchでバナーを作る方法

簡単な作成の流れを説明すると、

  1. バナーに使う画像を用意する。
  2. 用意した画像をSkitchを使って開く。
  3. 文字や図形などを使って装飾する。
  4. エクスポートで完成!

たったの4ステップで完成します。めっちゃ簡単!
ではいってみましょう!

バナーに使う画像を用意する

オリジナルの画像でもいいですしフリー素材から探してくるのもアリだと思います。

最近はO-DAN(オーダン)を使ってアイキャッチ画像探してます。

160121-1

海外のフリー素材を集めたサイトを横断検索するよくありそうなサービスなんですがひとつだけ他とは違う点があって日本語でキーワードを入れて検索すると英語に自動翻訳してくれるんです!

151125-3

英語が苦手な人でもカンタンに世界中のウェブサイトからフリー素材を探すことができますね。

今回僕はこの画像を元にバナーを作ります。
この写真めっちゃ気に入ってるんです。

IMG_6277-1

用意した画像をSkitchを使って開く

Skitchはカンタンにスクリーンショットや文字、矢印や図形などの注釈が付けれるアプリです。

160121-2
マルチプラットフォーム対応していて機種や場所を選ばず使えるのも魅力のひとつですね。このブログで画像加工する時はもちろんこのアプリを使ってます。

160121-3

ではSkitchを開いて「ファイル」→「開く」をクリックします。

160121-3-1

するとフォルダが開くので該当の画像を選択します。

160121-5-1

すると画像が表示されました。
では文字や図形などを入れて装飾していきましょう。

160121-6

文字や図形などを使って装飾する

左サイドバーにあるアイコンを使って装飾していきます。
各アイコンのざっくりした説明はこんな感じです。

160121-7

今回は文字のみでこんな感じに装飾しました。
では次はこの画像をエクスポートしましょう。

160121-8

エクスポートで完成!

「ファイル」→「エクスポート」をクリックします。
字が被って見にくいからモザイク使って消しました。

160121-9

すると画像を追加したときと同様にフォルダが開くので任意の名前をつけて保存しましょう。

160121-10

そうしてできたバナー画像がこちら。
我ながらいい味出してると思いますね。

banner

サイドバーを見ていただくと分かると思うのですが他にふたつのバナー作りました。

こっちはワーキングホリデーで関する記事がまとめて見れたり

banner2-1

こっちはワーホリ後の転職に関する記事をまとめてます。

banner3-2

上の画像をクリックすると実際にリンク先へ飛ぶようにしてありますので試しにクリックしてみてください。

これで恐ろしいほどカンタンにSkitchを使ってバナー画像を作ることができました。

さいごにひとこととお得情報

1月3日にBASEを始めて現時点で324PV(ほとんどが自己なはず)です。

160121-11

毎週月曜日にTwitterで定期的にこんなツイートしてるんだけどその日だけグッとPV上がりますがそれ以降はさっぱりですね。

ちなみに自動ツイートサービスはtwiRoboを使ってます。

とりあえず実績あげたいので最初の在庫数がなくなるまで今の価格の半額で今日から販売しようと思います。
タイアップ広告が5,000円でバナー広告が15,000円になります。

160121-12

このブログと相性がいいのはWebサービスとかガジェット系だと思います。あとは留学系ですかね。

関西人なんで値切りももちろん対応しますよ!
お互いいい関係が築けれるようになれたら最高ですね。

我こそはという広告主様なにとぞよろしくお願いします。

タイトルとURLをコピーしました