ありきたりのテンプレートではなく、どうせWebサイトを作るならオリジナルのデザインにしたい――そんなときに悩むのが、“色”ではないだろうか。特にヘッダーやフッター、ナビゲーションバーなど、サイトのイメージを決める重要な要素の色使いは、サイト制作者の腕の見せ所だ。 「でも、どうもセンスには自信がないし……」。それなら、Photoshopのグラデーションライブラリを使ってみよう。Photoshopには標準でもかなりの種類のグラデーションが用意されているが、ネット上ではさらに膨大な数のライブラリが配布されている。グラデーションライブラリを使えばあっという間にイメージどおりの色の組み合わせが手に入るし、うまく活用できればサイト全体の完成度もぐっと上がる。 今回は、単純に「上から下に適用するだけ」でも十分カッコいい、シンプルで“使える”グラデーションライブラリをいくつかピックアップしてみた。なお、実

フリーのCSS/HTMLテンプレートやジェネレーターを活用するとカッコいいWebサイトは簡単に出来上がる。Webサイトのロゴジェネレーターもあるが、サイトの看板となるロゴだけは気合を入れて作りたい。だが、どうも文字を並べただけではしっくりこない――。 そんなときにオススメなのが、Photoshopのカスタムシェイプを活用する方法だ。先日紹介したブラシ（関連記事）と同様に、ネット上にはさまざまなカスタムシェイプが配布されている。今回はロゴのデザインに手軽に使えそうなカスタムシェイプをいくつかピックアップしてみた。 「Speech Balloon Shapes」

「キミのWebサイト、うちの環境だと表示が崩れるんだけど……」 。友人からのこんな指摘に「ちゃんとFirefoxでもSafariでもOperaでもチェックしたのにな」と内心戸惑いつつ、よくよく話を聞いてみると「Internet Explorer 6（IE6）」を愛用中だという。 やられた、IE6はチェックしていなかった！　そもそも、自分のWindows XPマシンは「IE7」にアップグレード済みで、IE6はもう入っていない。マシンが何台もあるWeb制作会社ならともかく、個人でしこしことサイトを作っていると複数の環境を用意する余裕はないし、そこまでの手間をかけたくもない。 そこで活躍するのが、「IETester」というツールだ。通常、1つのWindowsで複数バージョンのIEは共存できないが、IETesterはさまざまなバージョンのレンダリングをエミュレートし、指定したバージョンで表示してく

Photoshopのカスタムブラシを使えば、Webサイトで使えるカッコいいグラフィックをあっという間に作れる――。先週、「アナログな質感」をテーマにネット上で入手できるいくつかのブラシファイルを紹介したが（関連記事）、「自分の環境では使えなかったぞ！」という読者もいるだろう。というのも、Photoshopのカスタムブラシ（ABRファイル）はバージョンによって異なり、新しいバージョンで古いバージョンのABRファイルは読めても、その逆はできない。たとえば最新のPhotoshop CS3で作成されたABRファイルは一昔前のPhotoshop 6では使用できないのだ。 古いPhotoshopで最新のPhotoshopブラシを使えるようにするにはどうすればよいのか？　今回はオープンソースソフトを使って手軽に実現する手順を紹介しよう。 そもそもPhotoshopブラシってどうやって作る？ 手順の説明に

使い方1つでWebサイトのイメージをガラッと変えてしまう写真画像。特にトップページで大きく使う写真は、サイト全体の印象を決めてしまうといっても過言ではない。 お金をかけずに質の高い写真画像を使いたい！　そんな願いをかなえてくれる無料の写真素材サイトが最近、増えている。今回は配布点数が多く、日本語で安心して使える国内の素材サイトを5つ紹介しよう。

Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう？　そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。 CSSも画像もまとめて作ってくれる角丸ジェネレーター 「RoundedCornr」 HTML＋CSS＋GIF画像を使った角丸ボックスを作ってくれる定番ジェネレーター。コーナーの大きさやボックスのカラーなどのパラメータを指定すれば、必要なファイルがすべて自動生成される。背景をグラデーションにしたり、ボックス全体を1枚の画像としても出力できる。 ■URL= http://www.roundedcornr.com/

次は「BitBox」から、水彩画風のブラシ「Grungy Watercolor」を。力強いブラシが全部で10種類。それぞれ違う色で重ねていくだけでもちょっとしたイラストになりそうだ。サイトのヘッダーの背景などに 使ってみてはどうだろうか。Photoshop CS3／CS1／PNGの3種類のファイルが配布されているので幅広いバージョンのPhotoshopで使える。 Old Postcard Brushes 1 クリエイターのコミュニティサイト「deviantART」の中にあるPhotoshopブラシコーナーからは、「Old Postcard Brushes 1 」をピックアップ。 古いポストカードのデザインを再現したブラシで、ポストカードの枠、消印スタンプなど13種類がセットになっている。Webサイト用の写真画像をモノクロにして組み合わせれば、あっという間にレトロな雰囲気のサイトに印象が変わ

Account Suspended This Account has been suspended. Contact your hosting provider for more information.