メインコンテンツへジャンプ
ASP.NETのTips満載!

チュートリアル

文責:山田奈美最終更新日:2008年11月07日

図形にグラデーションをつけたい(Expression Blend)

キャラクターイラスト

図形に色をつけるのに、いつもベタ塗りじゃつまらない。

グラデーションを使ってみると面白いよ。

グラデーションの設定

Expression Blendを使うと図形にグラデーションをつけるのも簡単です。

  1. 図形を選択する
  2. [オブジェクトとタイムライン]パネルからグラデーションをつけたい図形を選択します。

  3. [Fill]ブラシを選択する
  4. [プロパティ]パネルの[ブラシ]から[Fill]ブラシを選択します。[Fill]ブラシは図形の内側の描画に使います。その下にある[Stroke]ブラシは、図形の輪郭を描画するときに使います。

  5. 色を決める
  6. [グラデーションブラシ]を選択します。選択後、下に[グラデーションスライダ]が表示されます。[グラデーションスライダ]の左端と右端それぞれに色を設定します。

  7. 種類を決める
  8. グラデーションの種類を選択します。[線状グラデーション]と[放射状グラデーション]が選択できます。

    グラデーションの設定1
    グラデーションの設定1
  9. 向きや長さを決める
  10. グラデーションを設定したオブジェクトを選択した状態で、ツールボックスの[ブラシの変更]を選択すると、アートボード上に矢印が表示されます。この矢印の向きや長さを変えることにより、グラデーションの向きや長さを変えることができます。たとえば矢印を短くすると、その幅だけグラデーションが表示されます。

  11. オプションを設定する
  12. [プロパティ]パネルの[ブラシ]の下にある[オプション]をクリックして、[Repeat]や[Reflect]を選択すると矢印の幅のグラデーションが繰り返し表示されます。[Repeat]は指定した順番に繰り返し表示され、[Reflect]は指定した順番+逆順を繰り返し表示します。

    グラデーションの設定2
    グラデーションの設定2
コンテンツの終わりです。