microsoft expression blend video tutorial

Use the Layers panel to select the shape, and modify it so that the “BasicShape” layer has only a border, and the “BasicFill” layer has only a fill.

If the shape pastes into the wrong layer, drag and drop it using the Layers panel, so that you have the same shape in 2 layers. Use “Edit–>Paste in Front” to paste the shape’s copy into the 2nd layer.

We will store the outline of our shapes separate from the fill content as a matter of practice. Select the shape we created and choose, “Edit–>Copy”.Ĭreate 2 separate layers called “BasicFill”, and “BasicShape”. To begin this tutorial, open Microsoft Expression Design and create a new document with a canvas area of 256×256 pixels.įirst, we will draw a rectangle and set its “Corner Radius” to 20px. Of course, we will begin by creating the graphics in Design, and then following it up with an implementation in Blend. The remaining control templates follow quickly from this first example. This is just a basic intro, now its up to you to explore further as much as you can.This is the first part of a tutorial on creating a first-level control template from Design to Blend. After some score increase the objects as a level Make some object to come randomly and use button to shoot them and record score for the player.

Now run the project and click the button to see the animation in action.Īnd yeah its working great! What you can do now is add some more animation or do some coding logic to make a game.

Then select the storyboard 'Firing' so it should run on the button In 'assets', select 'Behaviors' and then Drag 'ControlStoryBoardAction' toward our button.

In this step we will assign the storyboard trigger event to our button.

Now we need a button so we can make this animation work by clicking it.

To check the animation click on green play icon. Move the keyframe to 1 sec and drag your missiles to the end side of the grid (canvas). At start your keyframe will be at 0 and your missiles should be in initial position. Click on the '+' button in the right panel. Create a new storyboard to record the animation of the missiles.

Here comes the main part to add the animation.

Now select rectangle tool and make two lines to represent the missiles.

Just click where you want the corners to be and make a plane like this. Select pen tool and design a plane (Don't worry to make a perfect design).

Your app will open in blend for visual studio.

Now right click on the mainpage.xaml page and click 'Design in blend'.

Microsoft expression blend video tutorial