LINEで送る
Pocket

先日、SiMPLE*SiMPLEさんで紹介されていた、「Web2.0風デザインのための秀逸チュートリアル68選

これは、ものすごくいいですね!どれも参考になるチュートリアルばかりですね。。
見てるだけでちょっぴりPhotoshopが上達したような気がしますよね。。。

っと思って実際Photoshopを立ち上げて、チュートリアルを見ながら、手順通りすすめてみても・・・

英語で手順が書かれているので途中で見失う。。
実際のサンプル通りに仕上がらない。。。

という方々も多いのでは?

っちゅうわけで、実際にいくつかのチュートリアルを試してみました。。で、今回試してみたPhotoshopファイルをアップしてみたので、欲しい方はご自由にDLして参考にしてみてくださいな~。。

途中、面倒くさくなって細部をはしょっていたり、チュートリアルに書かれているやり方とは微妙に違う部分もありますが。。。すんません。。。

1. Three Girls
Web 2.0っぽい放射線状のグラデーションに人の影をつけるチュートリアル。色をピンクにしてみました。。。

実際のチュートリアルはこちらじゃ

で、実際にやってみたのが↓これ。

Three Girls

で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)

2. Rainbow
Web 2.0っぽい波状のボーダーを背景に人の影をつけるチュートリアル。

実際のチュートリアルはこちらじゃ

で、実際にやってみたのが↓これ。

Rainbow

で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)

3. Flower
Web 2.0っぽいグラデーションのチュートリアル。花の中心部は今回は、面倒なのでパス。。。

実際のチュートリアルはこちらじゃ

で、実際にやってみたのが↓これ。

Flower

で、実際のPhotoshopファイルが↓これじゃ。。(Photoshop CS2で作成しました。。多分、他のバージョンでも開けるはず。。。)

いやぁ、しかしPhotoshopって奥が深いですね。。。

Similar Posts:

LINEで送る
Pocket


0 Thoughts on “PhotoshopでWeb 2.0風 ウェブデザイン チュートリアルを実際に試してみた”

  • いつも拝見してます。
    はてブ増え始めた頃からでしょうか。

    か ゆ い と こ ろ に 手 が 届 く

    ブログだなーと、とても参考にさせてもらってます。
    いち閲覧者として、いつも有難うございます^^

  • satoshiさん
    わざわざコメントいただきまして、どうもありがとうございます~!このような読者の方々からのコメントをいただくたびに「あぁブログ書いててよかったなぁ~」って思います。今後ともよろしくお願いします!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です