THE HAM MEDIA BLOG

Web2.0っぽいグラデーションの一つ、 「近似値の色相グラデーション」覚書

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
design
デザイン
グラデーション
グラデーション
jmblog.jp - Web2.0っぽいグラデーションのコツ

一年以上前のエントリーですが、
今回再度自分の勉強のために覚書

同じ系統の近い色を使ったグラデーションの作り方

近似値の色相グラデーション

ぱっと見た感じ全体が一色のように見えて、
実はグラデーションがかかっていた、などという
綺麗なデザインを、何度も見てきた。

今日はそんなグラデーションを
Fireworksで作ってみた

ボックスを作る

近似値の色相グラデーションの作り方

ベースの色で塗りつぶす

近似値の色相グラデーションの作り方

塗りの種類を線形にして縦方向に

近似値の色相グラデーションの作り方

この辺の色をとる

近似値の色相グラデーションの作り方

白と入れ替える

近似値の色相グラデーションの作り方

近似値の色相グラデーション完成!

近似値の色相グラデーションの作り方

最初の塗りつぶしとの違い

近似値の色相グラデーションの作り方

ざっと流れを書いてみた。
今後も活用されていきそうだ。

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る