Crop an Object Using Subtract Option & Use Drop Shadow Effects

Steps to work with Subtract and use Drop Shadow Effects in Expression Blend 4

Step 1: Open Expression Blend: A dialog box appears -> select Silverlight Application + Website and hit OK. A Blank Page is shown with a white background called Art board.

  Fig-1.png

Step 2: Select the Ellipse Tool from the Tool Box located at the left side of the Workspace

 Fig-3.png

Draw a Circle

Fig-4.png

Note: When we Draw a Circle look at the Object and the Timeline Window -> Layout.

Then, we will add two Ellipses (Circles) in the XAML page, one on top of the other but in a little different location.

 Fig-6.png

Note: When we draw another Circle look at the Object and Timeline Window -> Layout.

Step 3: Crop Circles -> than select both the Circles using the CTRL Key by directly clicking Layout or Art board.

 Fig-9.png

Note: There is a gap between the Circles.

Then Go to Object -> Combine -> Subtract as shown below. We will subtract the 2nd circle from the first one.

 Fig-10.png

Note: See the Object and Timeline window, both Circles have merged and the Ellipse name has changed into Path as shown below:

 Fig-11.png

After subtraction have a look:

Fig-12.png

Step 4: Select the Circle using Selection Tool located at the top-left of the Tool Box. Rotate it as shown. Using the Property Panel select the Fill Option located at the top and Fill White Color in the background.Then apply Stroke using the Red Color as shown below:

Fig-13.png

 Fig-14.png

Step 5: Drop Shadow: Select Property Panel -> Effects -> New -> DropShadowEffect: a dialog box appears. Manage Radius, Shadow Depth, Stroke Thickness, Blur Radius as shown below:

 Fig-15.png

Fig-16.png

Note: A Black Color Shadow appears.

 Fig-17.png

Here's the Final Image

 Final-Image.png

Summary

The purpose of this article is to share knowledge about cropping and applying Shadow Effects using the Tool Box and various Properties from the Property Panel.


Similar Articles