PhotoshopでWeb 2.0風 ウェブデザイン チュートリアルを実際に試してみた
先日、SiMPLE*SiMPLEさんで紹介されていた、「Web2.0風デザインのための秀逸チュートリアル68選」
これは、ものすごくいいですね！どれも参考になるチュートリアルばかりですね。。
見てるだけでちょっぴりPhotoshopが上達したような気がしますよね。。。
っと思って実際Photoshopを立ち上げて、チュートリアルを見ながら、手順通りすすめてみても・・・
英語で手順が書かれているので途中で見失う。。
実際のサンプル通りに仕上がらない。。。
という方々も多いのでは？
っちゅうわけで、実際にいくつかのチュートリアルを試してみました。。で、今回試してみたPhotoshopファイルをアップしてみたので、欲しい方はご自由にDLして参考にしてみてくださいな～。。
途中、面倒くさくなって細部をはしょっていたり、チュートリアルに書かれているやり方とは微妙に違う部分もありますが。。。すんません。。。
1. Three Girls
Web 2.0っぽい放射線状のグラデーションに人の影をつけるチュートリアル。色をピンクにしてみました。。。
実際のチュートリアルはこちらじゃ
で、実際にやってみたのが↓これ。
で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)
2. Rainbow
Web 2.0っぽい波状のボーダーを背景に人の影をつけるチュートリアル。
実際のチュートリアルはこちらじゃ
で、実際にやってみたのが↓これ。
で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)
3. Flower
Web 2.0っぽいグラデーションのチュートリアル。花の中心部は今回は、面倒なのでパス。。。
実際のチュートリアルはこちらじゃ
で、実際にやってみたのが↓これ。
で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)
いやぁ、しかしPhotoshopって奥が深いですね。。。
|
|
|
この記事に関連する記事
![Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]](http://ecx.images-amazon.com/images/I/51VGsA-4aJL._SL75_.jpg)
![Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/518kQgLKnxL._SL75_.jpg)
![Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/517QVsIHXtL._SL75_.jpg)
February 23rd, 2007 at 9:13 am
いつも拝見してます。
はてブ増え始めた頃からでしょうか。
か ゆ い と こ ろ に 手 が 届 く
ブログだなーと、とても参考にさせてもらってます。
いち閲覧者として、いつも有難うございます＾＾
February 23rd, 2007 at 3:56 pm
satoshiさん
わざわざコメントいただきまして、どうもありがとうございます～！このような読者の方々からのコメントをいただくたびに「あぁブログ書いててよかったなぁ～」って思います。今後ともよろしくお願いします！