MB-Support

パソコン初心者のサポートページ

グラデーションの背景画像を WEB 上で制作できるサイト Background Image Maker

 ページをリロードする事無く、メニューで指定した画像をプレビューできるので便利です。Windows に付属するペイントではグラデーションは作成できないので、何かと重宝するでしょう。


ホームページの背景画像や、チャプターに使う背景画像を WEB 上で制作できるサイトを見つけました。 単純に色を付けるだけならば画像は必要ありませんが、透明度を付けたり、グラデーションを付けるとなると、何らかしらのアプリケーションを利用する必要があります。

Background Image Maker



使い方は簡単で、まずは上のリンクを左クリックして、Background Image Maker にアクセスします。 左右に分かれていて、左が制作する画像に関するメニューで、右がプレビュー画面になります。

一番下の「Make」ボタンを左クリックすれば、瞬時にプレビューされるので使い勝手は抜群です。



制作できる画像タイプは、「Slash ( 斜線 ) 」「Strip ( 横縞 ) 」「Dot ( 点、連続表示で縦縞 ) 」「Gardation ( グラデーション ) 」の 4 つです。 ラジオボタンで選択しますが、プレビューは「Make」ボタンを左クリックする必要があります(ライジオボタンを選択しただけでは反映されません)。

Margin、Line Color、BackgroundColor を変更する事で、4つのタイプといえども無数の描写が可能になります。



画像が完成したら、右クリックで自分のパソコンにダウンロードします。 プレビュー画面には「Image」「Sample」が表示されますが、画像としてダウンロードするには Image に表示された画像を右クリックします。 (他のサンプルでは背景として保存されてしまいます)



ポイントは、サイズを指定できる所で、これらの背景画像は、スタイルシートの background-repeat により、連続して表示させる事ができるため、縦幅、横幅のどちらか片方が重要です。



例えば、このサイトの左メニューで利用しているブラックのグラデーションは、横幅は重要ですが、縦幅は5pxほどで済みます。 これを連続して表示させれば良いのです。




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項