虹色ラインのフリー素材

虹色ラインの無料背景画像です。

フリー（無料）素材は、ホームページやブログなどでご利用頂けます。

例えば、アメーバブログや Twitter の背景画像としてご利用頂けます。

虹色ラインの背景画像は、デスクトップの壁紙としてもご利用頂けます。

フリー素材は、zip 形式でダウンロードしてご利用ください。

フリー素材集の利用規約はこちらです。

虹色ラインの背景画像をダウンロード（７素材）（zip 形式）

虹色ラインの背景画像をホームページやブログに設定する場合は、以下の設定が推奨となります。（外部スタイルシートか HTML の head 要素に記述します）

body {
background-image: url(images/line-background-sozai.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #000000;
}

文書本体（body）に、背景画像のパス（url）／１回だけ表示（no-repeat）／画像を固定（fixed）／背景色（#000000）を設定するという記述です。

上の画像は、背景画像を設定した画面のスクリーンショットです。

画像はクリックで拡大します。設置後のイメージ確認用です。

画面の端が白く表示されるかもしれませんが、実際に設置したときは全面に隙間なく背景画像が表示されます。

こちらは、梱包した無料背景画像の紹介です。

上の画像は、光彩（外側）とトーンカーブで明るくしました。

落ち着いた色の虹色ラインも梱包しました。

別のカラー（グラデーション）も梱包しました。

この背景画像は、Adobe Illustrator CS5 と Adobe Photoshop CS5 で作成しました。

ラインのパスは、Illustrator CS5 のブレンドツール（オブジェクト／ブレンド／作成）で作成しました。

ブレンドオプションは、距離（3 px）に設定しました。

ダイレクト選択ツールでラインの形を整えたら、パスをコピー（編集／コピー）します。

Photoshop CS5 で、編集／ペーストをクリックします。

ペーストダイアログボックスで、パスを選択して OK をクリックします。

パスの境界線を描くと、ラインが完成します。

ラインのカラーは、一番上のレイヤーで設定します。描画モードは、オーバーレイに設定します。

グラデーションツールで塗りつぶすと、ラインにカラーが設定されます。

各種設定によって状況は異なりますが、ラインの色を濃くしたい場合は、ラインのレイヤーを複製して重ねます。

ラインが光っているように見せたい場合は、レイヤースタイルダイアログボックスで光彩（外側）を設定します。

色調補正のトーンカーブで、全体を光らせることもできます。

虹色ラインのフリー素材がお役に立ちましたら幸いです。