Cafi Netつながる情報技術
  1. トップ>
  2. フリー素材集2>
  3. パンチングメタルの背景画像

パンチングメタルのフリー素材

パンチングメタルの無料背景画像です。

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

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

パンチングメタルの背景画像は、デスクトップの壁紙としてもご利用頂けます。

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

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

パンチングメタルの背景画像1

パンチングメタルの背景画像をダウンロード(20素材)(zip 形式)

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

body {
background-image: url(images/metal-background-sozai3.jpg);
background-attachment: fixed;
}

文書本体(body)に、背景画像のパス(url)/画像を固定(fixed)を設定するという記述です。

パンチングメタルの背景画像を設定した画面

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

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

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

パンチングメタルの背景画像2

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

上の画像は、濃いグラデーションでパンチングメタルを描きました。

パンチングメタルの背景画像3

パンチングメタルに加工する前の素材も梱包しました。

パンチングメタルの背景画像4

縞鋼板(しまこうはん)(滑り止め)の素材も梱包しました。

パンチングメタルの背景画像5

百合(ゆり)の紋章やハートのパンチングメタルも梱包しました。

星や王冠のパンチングメタルも梱包しました。

パンチングメタルのレイヤー

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

上の画像のように、3枚のレイヤーで作成しました。

上から1枚目のレイヤー(メタルのグラデーション)は、グラデーションツールで描きました。

白と黒のグラデーションです。不透明度は、21% に設定しました。

金属の質感は、ブラシツールとぼかし(移動)で描きました。

隙間のあるブラシでランダムに描いて、フィルター/ぼかし/ぼかし(移動)を適用すると、金属の質感を表現できます。不透明度で濃さを調整します。

1枚目のレイヤーは、複数のレイヤーを結合したレイヤーです。

レイヤーを右クリック/クリッピングマスクを作成をクリックして、クリッピングマスクを作成します。

上から2枚目のレイヤーは、編集/塗りつぶし/パターンで塗りつぶしたレイヤーです。

作成するパターンによって、様々な形のパンチングメタルを作成できます。

レイヤースタイルダイアログボックスでベベルとエンボスを設定すると、立体的になります。

上から3枚目のレイヤーは、背景色のレイヤーです。

パターンオーバーレイで、メタリックブラックを設定しました。

パンチングメタルのフリー素材がお役に立ちましたら幸いです。