グラデーション素材の作り方の例

実際のグラデーション素材の作り方の例ですが、当ブログのグレイの背景をグラデーション化しようと思っていたので、それを例にご紹介します。

作り方の手順としては、まず、身近なところからこんな感じにしたいという色彩のサンプルを拾ってきます。

このブログはMTブログで作成しているのですが、今回は記事入力欄に適当なのがあったんで、こちらを参考にしてみることにしました。

灰色グラデーション素材の例

このような感じの灰色グラデーション素材にしようと思うのですが、まずパワースポイトでそのあたりの色彩コードをいくつか拾ってきます。

灰色ならブラウザの部分やウィンドウズなどネット上のいたるところにありますので、適当にいくつか採取してみます。

色彩コードの採取

これらの候補のなかから、灰色のRGBの値を調べてみると、r.g.b.共に170前後あたりから白へとグラデーションするとよさげのようなので、これで作成してみることにします。

グラデーション・コントローラーで170前後の値にRGBを設定してみると、このようになります。

グラデーション・コントローラーで素材作成

R、G、Bの値を170に設定するのは、右クリックで切り替えながら、R,G,BそれぞれのY軸の値を170に設定すればOKです。

使い方の詳細はソフトウェア作者さまの説明書をご覧ください。

最終的に出来上がった灰色のグラデーション素材はこのような形でできあがりました。

完成した灰色素材

忘れずに保存して、自分のサイトの素材用に加工したのちアップロードしましょう。