Making

Index>Making>★here

感想・誤字脱字報告などあったら気軽に送って下さい〜 → WEB拍手 メールフォーム

>> 【1】 / 2 / 3 / 4 / 5 / 6

サイトバナー作成過程 Page 1

ごあいさつ。
以前、自作絵をサイトのバナーにする方法を質問されて作った
バナーの作成講座のサイト公開版。よろしければお付き合いを。
サイト開設当時からほぼ同じ感じで作っています。
元のイラストに少し手を加えるだけです。
別に凝った加工をしてるわけでもないですが、よろしければお付き合いを。
用意するモノと補足
  • お絵描きソフト(私はGIMPを使用していますが、PIXIAでの操作法も少し触れてます)
  • マウス(ペンタブよりもマウスの方が使いやすいと思われます)
  • 元にするイラスト

GIMPとは、ネット上でダウンロードできる無料のお絵かきソフトです。
お手持ちのお絵かきソフトがある場合、そちらをご使用下さい。
多分そんなに手順に違いはないと思います。
一応GIMP以外に同じくフリーソフトPIXIAでも同じ手順で動作確認しています。
バナーの大きさのこと

さて、用意は出来ましたでしょうか?では、次にバナーのサイズのお話を。
大体、日本では200×40(幅×高さ px)サイズが標準で使われています。
世界の標準サイズではないと聞いたコトがあるような気がしますが、 まあいいんじゃないでしょうか^^;
また、少し小さい88×31(幅×高さ)もよく見かけられます。
こちらは国際標準サイズでもあります。

以下、国際標準のバナーのサイズです。
468×60(フルバナー)、234×60(ハーフバナー)、88×31(マイクロバナー)
グローバルなサイト作りを意識するならこちらに合わせるとよさげ。
【参考元:「海外ファンサイト事情」 内コンテンツ バナーサイズについて より】

私は200×40サイズしかいつも作ってないので、そちらをサンプルに。

そろそろ始めます
まずは、手持ちのお絵かきソフトを起動です!
そして、ファイル→開くで、バナーの元にするイラストを開きます。
今回はこのイラストを元にバナーを作っていきたいと思います。
サンプル元絵

prev   next

 


全てのイラストに関して、転載・2次使用などご遠慮下さい。

top