グラデーションをマスターするためのPhotoshopのチュートリアル集
Post on:2008年6月26日
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。
71 Gradient Resources for Web Design
Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
![Using Photoshop Gradient Toolのクリップ](/wp-content/uploads/2008062602-01.png)
Using Photoshop Gradient Tool
Photoshopのグラデーションツールの使い方
![A Gradient Tutorialのクリップ](/wp-content/uploads/2008062602-02.png)
A Gradient Tutorial
グラデーションの基本的な使い方
![Creating Web 2.0 Effects With Photoshop, Part 1のクリップ](/wp-content/uploads/2008062602-03.png)
Creating Web 2.0 Effects With Photoshop, Part 1
Web2.0風のグラデーションの作成方法
![Smooth Gradient Headerのクリップ](/wp-content/uploads/2008062602-04.png)
Smooth Gradient Header
ヘッダでよくみるグラデーションの作成方法
![How to Create a Transparent Gradientのクリップ](/wp-content/uploads/2008062602-05.png)
How to Create a Transparent Gradient
透過グラデーションの作成方法
![Become a Gradient Effect Junkie!のクリップ](/wp-content/uploads/2008062602-07.png)
Become a Gradient Effect Junkie!
グラデーションのいろいろな使用例
![Creating Stylish Web 2.0 Gradient Buttonsのクリップ](/wp-content/uploads/2008062602-06.png)
Creating Stylish Web 2.0 Gradient Buttons
グラデーションボタンの作成方法
![Web 2.0 Badge Photoshop Tutoriaのクリップ](/wp-content/uploads/2008062602-08.png)
Web 2.0 Badge Photoshop Tutoria
グラデーションバッジの作成方法
![Create a Shiny Badge Photoshop Tutorialのクリップ](/wp-content/uploads/2008062602-09.png)
Create a Shiny Badge Photoshop Tutorial
グラデーションバッジの作成方法
![Sleek and Spicy website headerのクリップ](/wp-content/uploads/2008062602-11.png)
Sleek and Spicy website header
Web2.0風ヘッダの作成方法
![Web 2.0 Design Kitのクリップ](/wp-content/uploads/2008062602-16.png)
Web 2.0 Design Kit
Web2.0風ヘッダの作成方法
![Gradient Textのクリップ](/wp-content/uploads/2008062602-12.png)
Gradient Text
グラデーションテキストの作成方法
![Tutorial: Rays of Lightのクリップ](/wp-content/uploads/2008062602-10.png)
Tutorial: Rays of Light
光のグラデーションの作成方法
![Underwater Scene with Gradientsのクリップ](/wp-content/uploads/2008062602-13.png)
Underwater Scene with Gradients
水中風のグラデーションの作成方法
![Warm Golden Sunsets With Gradient Mapsのクリップ](/wp-content/uploads/2008062602-14.png)
Warm Golden Sunsets With Gradient Maps
太陽光のグラデーションの作成方法
![Using Gradients to Make Light and Shadowのクリップ](/wp-content/uploads/2008062602-15.png)
Using Gradients to Make Light and Shadow
光と影のグラデーションの作成方法
![Ultimate Web 2.0 Gradients v2のクリップ](/wp-content/uploads/2008062602-17.png)
Ultimate Web 2.0 Gradients v2
Web2.0風のグラデーションファイル
![Ultimate Web 2.0 Gradients v3.0 Releaseのクリップ](/wp-content/uploads/2008062602-18.png)
Ultimate Web 2.0 Gradients v3.0 Release
Web2.0風のグラデーションファイル
![Ultimate Web 2.0 Layer Styles - Free Downloadのクリップ](/wp-content/uploads/2008062602-19.png)
Ultimate Web 2.0 Layer Styles - Free Download
Web2.0風のレイヤーファイル
![1000 Free Gradients - Web 2.0 Gradientsのクリップ](/wp-content/uploads/2008062602-20.png)
1000 Free Gradients - Web 2.0 Gradients
ベーシックなグラデーションファイル
![Color Inspiration: Blends, Gradients, Steps, Oh My!のクリップ](/wp-content/uploads/2008062602-21.png)
Color Inspiration: Blends, Gradients, Steps, Oh My!
グラデーションのインスピレーションに
sponsors