ARTICLE

Drawing a Origami Mouse Using Triangle Shape, Ring Shape and Transform Property

Posted by Sonia Bhadouria Vishvkarma Articles | Expression Studio July 27, 2012
Using Triangle Shapes and Ring Shapes of Expression Blend 4 we are going to draw an Origami Mouse.
Reader Level:

Step 1: Open Expression Blend 4 -> Select Silverlight Application + Web -> Change Name and Location accordingly -> hit OK. A Blank Window appears on the Artboard.

Step 2: Select Shapes -> Select Triangle Shape from Shapes or Assets located to the Top Left of the Workspace as shown below:

1.png

Note: In front of the Triangle Shape a dialog box appears which shows the details of the Triangle Shape as shown below:

note1.png

Step 3: Draw a Triangle Shape as shown below:

2.png

Note: By using Gradient Brush or Solid Color Brush Fill Gradient Color as shown above as shown below:

note2.png

Step 4: Transform Property: It is divided into 2 parts; they are Render Transform and Projection as shown below:

3.png

Step 5: Select Render Transform Property ->

  • Select Translate Property which is used to move the Triangle in any direction according to your choice by Increasing/Decreasing the X-Y Axis Range as shown below:
note3.png
  • Select Rotate Property from Render Transform Property and Increase/Decrease the Angle Range as shown below:
4.png
  • Select Scale Property  manage the Shape of Triangle by Increasing/Decreasing the Range of X-Y Axis as shown below:
5.png
  • Select Center Point Property of Render Transform Property and Increase/Decrease the Range of X-Y Axis and bring the Triangle to Center as shown below:
6.png

7.png

Step 6: Draw another Triangle Shape and using the Flip Property of the Render Transform Property, flip the triangle to the left as shown below:

8.png

9.png

Note: A Flip Property is divided into 2 parts; they are Flip X-Axis and Flip Y-Axis as shown below:

note4.png

note5.png

Step 7: Draw another triangle by following the above steps of "Flip" as shown below:

10.png

Step 8: Select Shape -> Ring Shape and draw a Ring (Eye) as shown below:

11.png

12.png

Note: Here, fill the ring by using the White Color from the Solid Color Brush.

Note: In front of the Ring Shape, a dialog box appears which shows the details of the Ring Shape as shown below:

note6.png

Step 9: By following the previous steps draw another Ring (Pupil) inside the larger ring as shown below:

13.png

Note: Here, fill the ring using the Black Color from the Solid Color Brush and Sky Blue Color as Stroke.

Step 10: Copy and Paste the rings from Step 7 and Step 8 and see the image as shown below:

Origami-Mouse.png

Summary

 

COMMENT USING