ブラシを使ってオブジェクトの外観を変更する

アートボード上で描画したオブジェクトの外観を変更するには、ブラシを適用し、そのブラシの Fill、Stroke、OpacityMask の各プロパティを変更します。

ブラシのプロパティは、[プロパティ] パネルの [ブラシ] カテゴリに表示されます。Fill プロパティは、四角形オブジェクトの内部の外観を設定します。Stroke プロパティは四角形の境界線を設定し、OpacityMask プロパティは四角形オブジェクトの一部を透明にするために使用できます。[ブラシ] カテゴリに表示されるプロパティは、選択するオブジェクトの種類に応じて変わります。

四角形の塗りを変更するには

[ツール] パネルの [選択内容] をクリックしてから、アートボード上の四角形をクリックします。

ヒント :

または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。
[プロパティ] パネルの [ブラシ] で、[Fill] を選択します。
[ブラシ] で、[単色ブラシ] を選択します。
[エディター] で、四角形に適用する色を選択します。RGB 値または 16 進数のカラーコードで指定するか、カラーピッカーを使用して目的の色を選択できます。

ヒント :
または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。

四角形のストロークを変更するには

[ツール] パネルの [選択内容] をクリックしてから、アートボード上の四角形をクリックします。

ヒント :

または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。
[プロパティ] パネルの [ブラシ] で、[Stroke] を選択します。
[ブラシ] で、[単色ブラシ] を選択します。
[エディター] で、ストロークに適用する色を選択します。RGB 値または 16 進数のカラーコードで指定するか、カラーピッカーを使用して目的の色を選択できます。
[外観] カテゴリで、[StrokeThickness] の値を変更します。

ヒント :
または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。

詳細については、「オブジェクトの塗りつぶしまたはストロークに単色ブラシやグラデーションブラシを適用する」を参照してください。

また、Stroke の各種プロパティを調整して、ストロークの角を変更することもできます。

詳細については、「色、ブラシ、およびマスクの設定」の「ストローク」を参照してください。

四角形の不透明度マスクを変更するには

[ツール] パネルの [選択内容] をクリックしてから、アートボード上の四角形をクリックします。

ヒント :

または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。
[プロパティ] パネルの [ブラシ] で、[OpacityMask] を選択します。
[ブラシ] で、[グラデーションブラシ] を選択します。
[エディター] で、少なくとも 1 つのグラデーション分岐点の Alpha 値を 100% 未満に設定します。この例では、グラデーションの右端の分岐点の Alpha 値を 50% に設定しています。

ヒント :
または、[オブジェクトとタイムライン] パネルで該当する Rectangle オブジェクトを選択します。

詳細については、「不透明度マスクの作成」を参照してください。

四角形にグラデーションを追加するには

[ツール] パネルの [選択内容] をクリックしてから、アートボード上の四角形をクリックします。
[プロパティ] パネルの [ブラシ] で、[Fill]、[Stroke]、または [OpacityMask] を選択します。
[ブラシ] で、[グラデーションブラシ] を選択します。

[エディター] のカラーバーで、グラデーションの各分岐点 Cc296375.a3c9e482-e99b-4504-8a02-9507487d1791(ja-jp,Expression.40).png の色を変更できます。これを行うには、分岐点を選択してから、カラーピッカー内で目的の色をクリックします。

四角形の Fill プロパティに適用されたグラデーションブラシ

グラデーションの変更

グラデーションバーをクリックして、他のグラデーションの分岐点を追加できます。また、グラデーションバーの下部にあるボタンをクリックして、線状グラデーション Cc296375.bd5eefed-9628-4363-be5d-29bfb5962175(ja-jp,Expression.40).png を放射状グラデーション Cc296375.4279aa9a-15c2-4435-9937-6848afc38618(ja-jp,Expression.40).png に変更することもできます。

グラデーションの分岐点を削除するには、分岐点をグラデーションバーの外側にドラッグします。

ヒント :
[グラデーションブラシ] を選択すると、[エディター] のスポイトがグラデーションのスポイトに変わります。グラデーションのスポイトを Expression Blend 内またはデスクトップ上の既存のグラデーションの上にドラッグすることで、そのグラデーションを既存のオブジェクトに適用できます。

四角形に適用したグラデーションを変更するには

四角形オブジェクトの [Fill]、[Stroke]、または [OpacityMask] プロパティを選択した状態で、[ツール] パネルの [グラデーション] Cc296375.8dc54a0d-02cc-44cd-b802-5a78309f4503(ja-jp,Expression.40).png を選択します。

ヒント :
アートボード上でオブジェクトを選択した状態で G キーを押すと、[グラデーション] ツールが選択されます。

アートボードに青い矢印が表示され、グラデーションブラシの向きとその終点が示されます。

線状グラデーション矢印

放射状グラデーション矢印

メモ :
青い矢印が表示されない場合は、四角形オブジェクトを選択していないか、ブラシのプロパティを選択していない可能性があります。[グラデーション] ツールは、グラデーションブラシを選択しているときだけ表示されます。

マウスを使用して青い矢印の端点を移動し、グラデーションを変更します。矢印の長さを変更したり、矢印を回転させたり、矢印の中心点を移動したりして、グラデーションを変更できます。

線状グラデーションの変更

放射状グラデーションの変更
[プロパティ] パネルの [ブラシ] の下にあるグラデーションバーをクリックし、グラデーションの分岐点を追加して、その色を変更します。また、アートボード上の青い矢印をクリックしてグラデーションの分岐点を追加するか、矢印をダブルクリックしてグラデーションを編集することもできます。

オブジェクトに適用されたブラシを変換するには

アートボード上で四角形を選択し、[ツール] パネルの [ブラシの変更] を選択します。

ヒント :

アートボード上でオブジェクトを選択した状態で B キーを押すと、[ブラシの変更] ツールが選択されます。

アートボード上の四角形の周囲に青い矢印のガイドが表示されます。
[ブラシの変更] ツールを選択した状態で、次のいずれかの操作を行います。
- ブラシを移動するには、オブジェクト内でドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [平行移動] タブの設定に相当します。
- ブラシを回転させるには、オブジェクトの輪郭線の角の外側にポインターを置いて、ポインターが回転ハンドルに変化したらドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [回転] タブの設定に相当します。
- タイルブラシまたは放射状グラデーションブラシのサイズを変更するには、オブジェクトの中点ハンドルまたは角のハンドルにポインターを置き、ドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [拡大縮小] タブの設定に相当します。
- ブラシを傾けるには、中点ハンドルの外側にポインターを置いて、ポインターが傾斜ハンドルに変化したらドラッグします。この操作は、[プロパティ] パネルの [RelativeTransform] ボックスの [傾斜] タブの設定に相当します。