三角マーク素材作成講座編バージョン3：グラデーションにする

ここではリストマークなどに使う三角マークのグラデーションバージョンを作成していきます

ファイルの新規作成

すべての三角マークではこの設定での新規ファイルを使います。 上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅：20px　高さ：20px　解像度：72px　カラーモード：RGBカラー　カンバスカラー：透明とします。

グラデーション三角マーク

グラデーションにする場合、どのように色を変化させるかが重要となります。ここではわかりやすいようにwebセーフカラーの#0000FFを基点に彩度を落としていきます。

　
左の画像が経過で右の画像がカラーです。幅は5ピクセルなので5色を使います。

　
カラーピッカーで選択している色は左の画像の三角形の一番左端の列の部分をぬりつぶしています。

　
画像のように1ピクセルごとに三角形の列を色を変えながらぬりつぶしていきます。

　
ここまで塗りつぶせば完成となります。
彩度を変化させるだけのグラデーションなのでとても簡単となっています。

↓完成画像

違うバージョン

これはグラデーションの色と透明を交差して三角形を構成したバージョンとなります。
上で作成したものに白で塗りつぶしてもできます。
グラデーションのものでなくても通常の三角形のマークにも使えるので応用度が高いものです。

↓完成画像

▲トップ