Combine Tool in Expression Blend

This article is going to define you the difference between combine tools available in object menu. Combine tools contains 5 magical functions that is Unite, Divide, Subtract, Intersect and Exclude Overlap.Firstly, Let’s see what these things do.

Unite: This tool unites the image in a form that merged all images and will share the same center point.

Divide: This tool helps you in creating new image by combining given images in a form that previous image will be place in behind of the front one.

Subtract: This tool bring you a new image in  a form that front image will displayed only and exclude the overlap part as well.

Intersect: This tool helps you in bringing the only intersected part of the combined images.

Exclude Overlap: As name implies this tool will exclude that overlapped part in given images. 

Now, Let’s see how we can implement it into our project:

Step-1:

Open Microsoft Visual studio and create Windows Phone blank app (Silverlight).

opening windows phone silverlight
creating windows phone app silverlight

Step-2:

Now, Open your project in Blend by right-clicking the solution in right panel of your visual studio.

opening solution in blend
opening in blend

Step-3:

Select the only available grid and add 2 ellipses from the ToolBox on the right side of Screen.

adding ellipse
Adding ellipses
Step-4:

Fill the Ellipse with the color of your own choice and place it like this.

Filling ellipse
filling ellipses

Step-5:

Now, Select all the ellipses and go to Object-> Combine-> Unite and see the effects, both ellipses have merged into one and a gap occur in center of shapes.

unite-ing the image

Step-6:

you can give any shape to your resulted figure by going to Object-> Path-> Convert to Path.

Step-7:

Select the Object-> Combine-> Divide to see the effects, as you can see this tool separate the selected object.

dividing the ellipse

Step-8:

Select the Object-> path-> Convert To path to change the figure according to your requirement.

Step-9:

Select the Object-> Combine-> Intersect and see only the middle part of the two ellipses intersected.

intersect-ing the ellipse

Step-10:

Select the Object-> Combine-> Subtract, and you can see that left ellipse has subtracted even with the intersected path.

subtracting tool

Similarly, you can change the the figure according to your requirement by simply going to path in object menu.

Step-11:

Now, select the Exclude-Overlap in the in object menu, you can see the only overlapped path will be excluded.

 excluding overlap

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s