ボタンメーカープロを使ったバナーの制作手順例
実際のサンプルを使って、バナーの作成手順を紹介します！ボタンメーカープロでの画像作成の参考にご活用ください！
こちらの画像を見本に、制作手順を紹介します。
１．画像の大きさを決める
まずは、作りたい画像の大きさを決めます。
今回は730ピクセル×370ピクセルで作成します。
２．背景に画像を置く
メインとなる背景画像をアップロードします。
そのままアップしただけでは、画像の位置などが思った通りのところにないと思うので、微調整をしていきます。
今回は、ビールが主役で、左上にキャッチコピーを置きたいと思ったので、左上が空くように
プレビューで確認しながら大きさや位置を調整します。
３．テキストを入れる
入れたい文字を入力します。
キャッチコピーと、商品名、送料の説明を入れます。
また、「期間限定送料無料」の文字も入れます。
これで４つのテキストボックスを使うことになります。
メインのキャッチコピーの文字の色を金色にしたので、
読みやすいように縁取りをします。
縁取りをしました。
送料についての説明にも縁取りをして、読みやすくします。
４．エンブレムを使う
送料無料を目立たせるために、エンブレムパーツを使います。
「パーツ」→「エンブレム」を選ぶと、
いくつかのエンブレムの種類があります。
今回は赤のエンブレムを使います。画像に合わせて、どのパーツが合うか選んでみましょう。
このままでは大きすぎるので、大きさを％指定します。
大体30%くらいにすると、丁度良い大きさになります。
目盛りを見ながら位置を指定します。
先程入力したキャッチコピーと端をそろえると、整った画像になります。
エンブレムの大きさに合わせて、文字の大きさや位置などを調整します。
「期間限定送料無料」の文字の色を白く、
エンブレムとフォントの大きさも大きくしました。
他の文字の色や縁取りの太さなども調整しました。
メインのキャッチコピーは縁取りが太い方が読みやすくなりました。
５．枠を付ける
このままでは、背景が白い場所に置くと縁が
あいまいになってしまうので、目立つように枠をつけました。
６．ダウンロードして完成。
完成したバナーはダウンロードして使いましょう。あとからテキストを変えたい、微調整がしたい時にはマイリストに保存をしましょう。
おまけ
ボタンメーカープロでは、簡単なパーツと文字の組み合わせで
様々なワンポイントを作ることができます。その一例を紹介します。
左上：「エンブレム」パーツと、明朝体の金色の文字に縁取り
右上：「吹き出し」パーツと、油性マジックフォント 回転を加えると動きが出ます。
下：「リボン」パーツに、明朝体の黄色の文字でリッチなリボンの飾りに。
