スマホでできるバナーデザイン!fotorとphotoshop mixで記事タイトルバナー作ってみた
携帯アプリでも作れる簡単バナー講座
前の記事で今では携帯アプリでもバナーが作れると言ったのですが、実は作ったことがありません。汗
それなら一回そこそこなクオリティでもいいから作ってみよう!
ということで試しに作ってみました。
使ったあぷりはこの二つ。
どちらも無料で使えます。
とりあえずいつものように、記事のタイトルになりそうな簡単なバナーを作ってみよう
- 今回はマックの北海道ミルクパイを食べてみたという記事だと仮定
- 背景にミルクパイの画像
- それだけだと文字が読みにくいので少し薄くしてから文字いれ
というデザインフローにしました。
以外とない画像を合成するタイプのアプリ
まずはphotoshopmixというアプリを使用。
これは二つ以上の画像が重ねられて、合成が簡単にできたり画像の補正もできちゃうというアプリ。
アドビのアプリだから信頼性はありますよね。
crowdには毎月お支払いできないですが
撮ったこの写真を文字を重ねても読める感じがいい。
ということでカメラを指で隠して暗い画像を作成。
これを合成するのです。
ちょっと補正もして。
そうするとちょっとオシャレに見えてきた。
指が肌色でよかった。
マックの赤にうまく馴染んでいるような気がする。
ナメック星だったらこうはいかない。
こういうタイプのアプリはスマホではあんまりないような気がします。
このアプリはとりあえずこれで終わり。
カメラロールに保存します。
文字が自由に入れられる無料の画像補正アプリ、fotor
次に使うのがfotor。
これの優秀なのは文字入れがテンプレじゃなくて自分が打ち込んだ文字が自由に入れられること。
いろんな問題のあるマックですが、
北海道ミルクパイに関してはとりあえず美味しかったので、
I'm lovin' it!と文字を書いて、
そのしたにタイトルをつけてみました。
英語はいろんなフォントがあるから雰囲気も変えやすくていいですよ。
日本語は一つしかないですが、選んだフォントによって細くできたり太くできたりするので、画像にあった太さを選びましょう。
明朝とか丸文字とかもサポートできたらすごいけど、無料でここまでできたらいいですね。
こんな感じでいれました。
それっぽくなってきたと思います。
そして、画像のサイズは6:4がスタイリッシュにみえるので、そのサイズにクロップしたらできあがり!!
シンプルですがダサさは無くなっているような気がしますが、
いかがでしょうか?
Adobe Photoshop Mix と Fotorの組み合わせだと、
記事によってはパソコン開かずにそこそこの画像が組み込める質の記事ができそうです!
操作自体は難しいことはしていないので、今スマホをいじっている人なら誰でもできます。
ツイッターとかで画像を作っている人にもオススメ!