Use blend to make Silverlight

Use blend to make Silverlight

 

Microsoft Expression blend is a software used to design the appearance and animation of WPF and Silverlight. Like Photoshop, Illustrator, and Flash, this kind of tool tests users' skills most, that is, "Mouse painting"

 

"Mouse painting" is very simple. You only need to use the path tool,

"Mouse painting" is also difficult. He requires the user to have accurate control over his fingers.

 

People who do not "Mouse painting" will always be layers of tools and software such as blend. They are at most simple animations such as seek, tile, and translation, transition, scaling, and rotation.

If you have mastered "Mouse painting", you will find that blend is on your own ......

 

First, let's demonstrate the basic skills of "path tool painting", which are "4-point painting", "3-point painting", and "2-point painting ", this is a basic skill that I used to learn Photoshop.

 

For all the painting processes, I only use the path tool.

 

 

 

Four points

Open the canvas and guides, and use the "path tool" to point out the closed paths of the following four points:

 

Press the Alt key to drag out the [left corner] Controller and adjust the radians of the two sides of the [left corner]

Press the Alt key to drag out the [right corner] controller, and adjust the radians of the lines on both sides of the [right corner] through the two controllers.

(Tip: symmetric the [right corner] controller and the [left corner] Controller)

 

 

 

Three points

Use the "path tool" to point out the closed path of the following three points:

 

Press the Alt key to drag out the [left corner] Controller and adjust the radians of the two sides of the [left corner]

 

 

Press the Alt key to drag out the [tracking point] controller, and adjust the radians of the two sides of the [tracking point] through the two controllers.

 

 

Press the Alt key to drag out the [right corner] controller, and adjust the radians of the lines on both sides of the [right corner] through the two controllers.

 

 

 

(Tip: symmetric the handle position)

 

 

 

2 point

Use the "path tool" to point out the closed path of the following two points

(After clicking the second vertex, click it on the first vertex to close it)

Press the Alt key to drag out the left handle of the [upper point] and adjust the Radian of the Left link of the [upper point] using the left handle.

 

Press the Alt key to drag out the left controller of the [lower point] and adjust the Radian of the Left link of the [lower point] through the left controller.

 

Press the Alt key to drag out the right controller of the [lower point], and adjust the Radian of the link on the right of the [lower point] through the right controller.

 

Press the Alt key to drag out the right handle of the [upper point] and adjust the Radian of the right link of the [upper point] using the right handle.

 

 

(Tip: symmetric the handle position)

 

The following are three animations that I used blend "Mouse painting" when I was bored last night. I also named them "Snake-hunting beauty"

 

This is "snake"

Silverlight animation demonstration

Http://silverlight.services.live.com/invoke/71234/s/iframe.html

 

Simplified stroke Style

 

 

 

This is ""

Silverlight animation demonstration

Http://silverlight.services.live.com/invoke/71234/x/iframe.html

 

"Mouse paint" and "color"

 

 

This is "beauty"

Silverlight animation demonstration

Http://silverlight.services.live.com/invoke/71234/mn/iframe.html

 

This is a "Mouse painting" character. It is not ideal. I usually use a drawing board for figure painting.