ホーム > Expression Blend > 0からはじめるExpression Blend再入門

その5:グラデーションを操作する

0からはじめるExpression Blend再入門
蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年5月12日 from Atelier:Mitsuba

はじめに

前回はRectangleとEllipseを紹介しました。

今回はそれらで使えるグラデーションのおはなしです。

Rectangleをグラデーション

まず、Rectangleを置いて、Fillをグラデーションにします。

f:id:c-mitsuba:20110425133518p:image

f:id:c-mitsuba:20110425133519p:image

グラデーションの配色を変更する

グラデーションの色味を変えてみましょう。

グラデーションのバーのチップをクリックして、Editorで色を変更します。
f:id:c-mitsuba:20110425133954p:image

f:id:c-mitsuba:20110425133953p:image

バーチップを増やす

バーチップを増やしたいときは、バー上をクリックすれば、その位置にチップが増えます。
f:id:c-mitsuba:20110425133952p:image

f:id:c-mitsuba:20110425133951p:image

グラデーションを反転

グラデーションを反転させたい時も、Reverse gradient stopsボタンで一発です。
f:id:c-mitsuba:20110425133950p:image
f:id:c-mitsuba:20110425133949p:image

円状のグラデーションもボタン1つですね。
f:id:c-mitsuba:20110425133948p:image
f:id:c-mitsuba:20110425133947p:image

グラデーションの向きを変更

では、グラデーションの向きを変えてみましょう。

この状態に戻してください。
f:id:c-mitsuba:20110425133949p:image

左のメニューバーから、Gradient toolを選択します。
f:id:c-mitsuba:20110425134514p:image

Rectangleが選択した状態でRectangleをドラッグしてみましょう。

ドラッグした方向にグラデーションが引かれました。
f:id:c-mitsuba:20110425134513p:image

ブラシの変更

また、BrushTransformといったものもあります。
f:id:c-mitsuba:20110425134739p:image

これを使うと、グラデーションをメッシュのように操作することができます。
f:id:c-mitsuba:20110425134738p:image

おつかれさまでした。

次の記事

0からはじめるExpression Blend再入門』最新記事

コメント

▲このページのトップへ