Draw a Origami Cat Using Pentagon Shape and Projection Transform Property

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

Step 2: Select Shapes -> Select Pentagon Shape from Shapes or Assets located to the top left of the Workspace as shown below:

1.png

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

note1.png

Step 3: Draw a Pentagon Shape as shown below:

2.png

Step 4: Using the Rotation Property of the Projection Property, rotate the Shape as shown below:

3.png

Note: Here, the Projection Transform Property consists of 4 properties; they are Rotation, Center of Rotation, Global Offset and Local Offset as shown below:

  • Select Rotation and see the effect as shown below:
Rotation.png
Note: See the description of Rotation.

note2a.png

3.png
Note: Here, by increasing or decreasing the value of the X-Axis manage the Shape.

note2b.png

note2c.png
Note: Here, by increasing or decreasing the value of the Y-Axis manage the Shape.

note2d.png

note2e.png
Note: Here, by increasing or decreasing the value of the Z-Axis manage the Shape.
  • Select Center of Rotation and see the effect as shown below:
center-of-rotation.png
Note: See the description of the Center of Rotation.

note3a.png

note3b.png
Note: Here, by increasing or decreasing the value of the Y-Axis manage the Shape.

note3c.png

note3d.png
Note: Here, by increasing or decreasing the value of Z-Axis manage the Shape.
  • Select Global Offset and see the effect as shown below:
global-offset.png
Note: See the description of the Global Offset.

note4a.png

note4b.png
Note: Here, by increasing or decreasing the value of the X-Axis manage the Shape.

note4c.png

note4d.png
Note: Here, by increasing or decreasing the value of Y-Axis manage the Shape.

note4e.png

note4f.png
Note: Here, by increasing or decreasing the value of Z-Axis manage the Shape.
  • Select Local Offset and see the effect as shown below:
local-offset.png
Note: See the description of the Local Offset.

note5a.png

note5b.png
Note: Here, by increasing or decreasing the value of the X-Axis manage the Shape.

note5c.png

note5d.png
Note: Here, by increasing or decreasing the value of Y-Axis manage the Shape.

note5e.png

note5f.png
Note: Here, by increasing or decreasing the value of the Z-Axis manage the Shape.

Step 5: Select Fill Property -> select Solid Color Brush -> select Gray Color and see the effect as shown below:

image4.png

Step 6: Select Triangle Shape, draw Triangle, manage its width-height and send the shape to the back of the Pentagon Shape as shown below:

image5.png

Note: Here, Select Object -> Order ->  Send to Back as shown below:

note6.png

Step 7: Draw another Triangle Shape or copy and paste the above Triangle as shown below:

image6.png

Step 8: Select Ellipse and Draw Eyes and fill with the White Color or Sky Blue Color as shown below:

image7.png

image8.png

image9.png

Step 9: Again select Ellipse and draw a Retina and fill with the Black Color or Brown Color as shown below:

image7.png

image10.png

image11.png

Step 10: Select Triangle and draw a Nose and fill with the White Color as shown below:

image12.png

Here's the Origami Cat.

Summary

The objective of this article is to learn about the Projection Property, Order Tool, Ellipse Shape, Triangle Shape and Pentagon Shape.

Up Next
    Ebook Download
    View all
    Learn
    View all