Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
あなたが知らないかもしれないPhotoshop、120の裏技 | P O P * P O P
最近ちょくちょく見るようになった文書共有サイトのScribdですが、そちらで「120 THINGS YOU NEVER KNEW ABOUT PHOTOSHOP」なるものが紹介されていました。 Photoshop、ImageReadyユーザーのためのちょっと便利なショートカットが満載です。自分も知らない裏業がたくさんありました。 これは迷わず印刷して永久保存ではないかと・・・。Scribdの文書を貼り付けておきますね。よろしければどうぞ。
PhotoshopでWeb2.0風ロゴを作る方法 - ネタフル
Create your own Web 2.0 logosというエントリーより。 You’ll need Photoshop and a downloadable “style” file provided by the author. This file includes the necessary elements to recreate six popular logos (including LinkedIn and Skype), though the idea here is not to copy, but rather to learn the basic techniques and “start your own creativity from there.” PhotoshopでWeb2.0風ロゴを作る方法が書かれている「How Web 2.0 Logos are d
i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集（しかも無料！）
昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介（む、『ゲット』って死語か？）。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます（フォントがなかったりするときがあるのがちょっとアレですが）。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね！さ、もうこのレイヤー削除して
Photoshopで遊ぶ： iPodの広告風影絵を作ってみた
写真から人物の切り抜きができるようになったので、前から作りたかった「iPodの広告風影絵」の作成。手順はいたって簡単だ。 １．Photoshop CS3 のクイック選択ツールを使って人物の輪郭を選択する ２．それを元にパスを作る ３．パスを元にベクターレイヤーを作り、黒く塗りつぶす ４．一つ下に新しいレイヤーを作り、iPodの広告のカラーの色のどれかで塗りつぶす 以下が今日作った作品。誰の写真を元にしているかは言わなくとも分かるだろう。
グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
PhotoShopでタバコの煙風クール画像を１から作るチュートリアル:phpspot開発日誌
PhotoShop - Smoke Effect Here you can make some very cool smoke with just a simple filter effect. I havnt seen a tut like this on the internet yet so I thought I had better post one. But anyway I find it a very useful method, I use it quite a bit. PhotoShopでタバコの煙風クール画像を１から作るチュートリアル 次のように、PhotoShop で１からクールな煙画像が作れます。 この煙画像を更に組み合わせていくことですごくカッコいい画像が作れそうですね。 これは是非覚えておきたいですね。チュートリアルをこなしておけば応用でいろんな画像が作れる
フリーで大量のPhotoShopブラシを入手できる「Brusheezy」:phpspot開発日誌
Free Photoshop Brushes by Brusheezy フリーで大量のPhotoShopブラシを入手できる「Brusheezy」。 １４０種類以上のブラシをダウンロードできます。 どれも面白いブラシばかりで、これらを活用することで独自のデザインを作ることができるかもしれませんね。
フリーで使える超絶クールなPhotoShopブラシ:phpspot開発日誌
Free Hi-Res Watercolor Photoshop Brushes | BittBox I write mostly about Illustrator in this blog, but the truth is, Illustrator is only the beggining. フリーで使える超絶クールなPhotoShopブラシ 次のようなクールなPhotoShopのブラシをダウンロードしてすぐ使うことができます。 ブラシを使って次のような素敵な画像が作れます。 PhotoShop CS1,CS2 用がダウンロードできるようです。 これは素晴らしいですね。 関連エントリ フリーで大量のPhotoShopブラシを入手できる「Brusheezy」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた - DesignWalker
http://www.designwalker.com/2007/05/japanese_color_gradient.html
http://e0166nt.com/blog-entry-157.html
http://www.designwalker.com/2007/05/photoshop_gradient.html
http://www.designwalker.com/2007/04/before_after.html
