DesignWalker » 背景

背景に使えるベクター素材いろいろ

admin — Fri, 18 Jul 2008 08:46:10 +0000

ちょっとしたデザインに背景素材を加えると、それだけでかなりいい感じに仕上がることが多いです。

特にベクター素材は、ウェブでも、プリントでも使えるので便利ですよね。

今回は、そんな背景に使えるベクター素材をいろいろとまとめてみました。

designersrevolution

かなりクオリティの高いベクター素材がアップされているサイトです。

DesignBum: Living Today’s Tomorrows

背景に、この素材を置くだけでそれだけで雰囲気が出そう。そんな抽象的な素材です。

Vector | Dezignus.com

こちらは、背景素材ではありませんが…。ちょっと開いてみたくなるベクター素材がいっぱい。

Webdesign-easy

ロシア語のサイトなので、何を書いているのか分かりません。。でも、とってもきれいな素材がいっぱいです。

Vector Junky

フリーのベクター画像ダウンロードサイトです。こちらは、パターン・カテゴリです。他にもいろいろベクター素材がいっぱいありますね。

FreeVectors.com – grunge

こちらも、ベクターの素材サイト。こちらは、グランジ・カテゴリ。ちょっぴり汚したいときに重宝します。

Vectorportal

ベクターポータルのバックグラウンド・カテゴリです。かなりいっぱいありますね。

Vecteezy!

こちらも有名ですね。Vecteezy!さんのパターン・カテゴリ。

Vector Resources on deviantART

deviantARTのベクターページでも、検索してみました。いろいろ見つかりますね。

Free Vector World Maps Collection

世界地図をうっすら背景に置いても、なかなかいい感じになりそうです。

Free Vector Graphics – Web Design Blog

Web Design Blogさんの、ベクターカテゴリ。背景素材だけではありませんが、いろいろと使える素材がいっぱいです。

CreateSk8

ちょっぴりかわいいベクター素材がいろいろあります。

背景パターンいろいろ

admin — Wed, 23 Jan 2008 18:57:58 +0000

以前、このブログでもご紹介した『サイトの背景画像を変える時に使える7サイト』と『ストライプジェネレーター5つ』

背景パターンはいろいろと重宝しそうです。

本日は、これまでご紹介したサイト以外の背景パターン・サイトをいろいろご紹介（なかには有料のものもありますが…）

1. everyday icons Playground

2. Kollermedia.at – The Website of the Freelancer Koller Jürgen » Pattern4u

3. Shizoo – einfach mal Design haben

4. DinPattern

5. Free Photoshop Brushes at Brusheezy!

6. Naked & Angry

7. DROMOSCOPIO . milleseicentopercento . LIBRERIA DI PATTERN

8. Citrus Moon Patterns

9. Miss Jo

10. PatternHead

11. Texturen jeglicher Art | Alice Grafixx

12. 3Quarks – Background Pattern

13. Tartan Maker

まだまだ、いろいろありそうですね。。

透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる

admin — Wed, 27 Dec 2006 18:06:47 +0000

先日ご紹介した、「透過PNGをIE6以下のバージョンで綺麗に表示する方法」というエントリーなんですが・・・

意外なほどにアクセスがあり、ありがたいことに、現在このブログの一番の人気エントリーになっております。。。

この方法を使えば透過PNGをIE6以下のバージョンで綺麗に表示することができるので、デザインの幅もグッと広がることだと思うのですが。。。問題は。。。

この方法では、imgタグに入れられたPNGファイルのみに有効なため。。。上に文字をのせたりすることができませんでした。。。

っちゅうわけで、透過PNGをCSS（スタイルシート）の背景画像としてあつかえたら、さらにさらに便利やのになぁ～。。。なぁ～んて”韓流”プログラマのユンサンにお話してみたところ。。。

ちょいちょいと作ってくれました～！！！

「透過PNG と IE と IE7」
っという、なんだか、「部屋とYシャツと私」的なタイトルのエントリーでご紹介されております！！

このスクリプトを使いますと。。。

test

こんな感じでCSSでPNGを背景に指定してもIE6でも綺麗に表示されます！！

ちゅうわけで、肝心のやり方のご説明。（プログラマな方は韓流”プログラマのユンサンの方からどうぞ）

1. iepngfix.jsっちゅうスクリプトをダウンロードしてサーバにアップロード（右クリックで対象を保存で。）

2. 透過PNG画像を表示したいhtmlのからの間に

って書いてiepngfix.jsを読み込みます。

3. CSS（スタイルシート）でPNGファイルをバックグラウンド指定してるクラスやIDに以下の一行を追加。

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

（赤字の部分はPNG画像を指定したクラス名、もしくはID名を）

これで、IE6や5.5のバージョンでも綺麗に透過PNGを、CSS（スタイルシート）で操ることができますね～！

関連ブログ