ホームページミックス攻略講座～イラストの背景を透明に！～

ホームページにイラストを貼り付けるとき、そのまま貼り付けただけでは、イラストの背景とページの背景がちぐはぐになってしまうことがあります。

これを防ぐには、ページの背景色とイラストの背景色を合わせてやればいいのですが、自分で描くならともかく、フリー素材などのイラストの背景をいちいち塗りつぶすのは大変です。
それに、ページの背景に模様があったりする場合はお手上げ…。
そこで便利なのが、イラストの背景を透明にするテクニックです。

▼イラストの背景を透明にした例
http://www.hpmix.com/home/mick/E7.htm

			好きなページに、イラスト画像を貼り付けます。なお、ここでは、素材イラストなどに多いgif形式の画像を前提として解説します。

			貼り付けた画像をクリックして、画面右の編集エリアにある「編集」ボタンをクリック。レタッチモードで、写真スタジオを起動します。

			「ファイル」から「名前を付けて保存」を選択します。「ファイルの種類」としてBMPを選び、わかりやすい場所に保存します。「BMPの保存設定」は「フルカラー」を選びます。 ※作業のあと、写真スタジオを閉じずに次にお進みください。

			写真スタジオに、先ほど保存したBMPファイルを読み込みます。「ファイル」の「開く」から読み込んでください。

			背景の色を設定します。左下にある色の正方形をクリックすると、背景色選択ウィンドウが開きます。このとき、背景色はイラストの中で使われていない色を選んでください。

			背景色を変更すると、イラストの中の色が一部変わってしまうことがあります。変わってしまった場所は、「らくがき」タブの「ぬる」で、色を塗り直しておきましょう。

			背景色として指定した色がイラストの中で使われていないことを確認して、「ファイル」から「名前を付けて保存」を選びます。「ファイルの種類」としてgifを選び、わかりやすい場所に保存します。「GIF保存設定」は「256色」を選び、「透過する」のチェックボックスをチェックします。

			写真スタジオを終了して、1で貼り付けた画像を7で保存した画像に貼り替えます。 ※ホームページミックスに貼り付けると、イラストの背景が透明になって、ページの背景がキレイに重なります。

できるだけ輪郭のギザギザしたイラストを選ぶと、背景がキレイに抜けますよ！！

このページの内容は、株式会社ジャストシステムが発行する月刊メールマガジン『ミックスパーク・プレス』で連載されていた「ホームページミックス攻略講座」に掲載されていたものを一部加筆・改訂したものです。