SiGNで本の形が飛び出たバナーを作成しよう

今回は、本の形が飛び出たバナーをBiND4付属の画像作成ソフト"SiGN"を使って作成します。


※本の画像はあらかじめ用意した画像を使います。


「透明」を活かして「飛び出し」を表現する


ボタン領域の背景からアイコンなどを少し飛び出したように配置すると、よりポイントが強調されて、目を引くバナーになります。







バナーのファイル形式を「PNG」に指定し、背景透明度を「0」にすることで、背景画像を配置していない領域を透明にすることができます。この透明な領域とアイコンを重ね合わせることで、イラストが「飛び出して」見えるようなバナーを作成します。


SiGNのテンプレートでは、画像やテキストがレイアウトできる領域があらかじめ固定されていますが、その領域全体を使用しなければいけない決まりはありません。


重要なことは、そのパーツごとの配置ではなくて、バナー全体のレイアウトを整えることです。


思ったより簡単に作成できますので、ぜひ、チャレンジしてみてください。




※出典：「楽しく、気軽にできるウェブデザインレシピブック」デジタルステージ監修


←ランキング参加中です！只今3位の前後です!


にほんブログ村←ありがとうございます！ 只今2位です!


おわりに
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。
もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。