Creating Custom Shapes guide

Expand / Collapse
 

Creating Custom Shapes guide


Creating a Custom shape

In this article, I’m going to discuss the process for creating custom shapes and getting them loaded into the X20 video processor.  You might want to create custom shapes for any number of reasons, a common one being for corporate logos.

So How is a Shape Defined?

The bitmap border / shadow engine uses a XAML (eXtensible Markup Language)  parser to convert a vector-based shape definition into the specially formatted raster-based image that is loaded to the video processor hardware.  The shape definition is imported into the system as a .shape file, which contains a single XAML PathGeometry definition.

The real meat of the shape definition is defined in the Figures section of a PathGeometry object, which is written in a mini path syntax.  In practice you’ll be copying and pasting this data out of a tool like Microsoft Expression Design or Inkscape, but in case your curious there are several pages online that describe the XAML path mini-language (one here) that you can peruse in your free time if your curious to know more about how this syntax works.

Tools of the Trade

There are many tools capable of generating XAML output, but my personal preference is Microsoft’s Expression Design tool.  You can download a 60-day free trial of this tool on Microsoft’s site.

You’ll also want to have a basic template file that you can paste your custom shape data into.  The template is attached as a .zip file.
(Shape Template.shape)

OK I have the Tools, now what?

The steps involved are easier to show than describe, and so I created a video walkthrough showing the process of creating a custom shape with Expression Design, saving it into a .shape file, and then finally importing that shape into Spyder using Vista Advanced

http://youtu.be/78mdnsjrZGU

Below is some information regarding creating custom shapes.  The first thing you will need is a vector graphics application (like Inkscape for example) that has a .xaml editor.
Using the vector based app, create your shape and go to the .xaml editor.  Copy the data.



Open the custom vector editor-Shape template(attached) and paste data(from .xaml opened in notepad) after the Figures=” and make sure the “ /> is at the end of the data.




Save the notepad file as a .shape file(type ”XXXXXXX .shape" in the file name)  You can now load that into Custom Shape in Vista Advanced.
 






 

 

 

 

 

 

 

 

 



Rate this Article:

Attachments


Shape template.zip Shape template.zip (250 bytes, 410 views)

Add Your Comments


Name: *
Email Address:
Web Address:
   
  
 
 
   
Verification Code:
*
 

Details
Last Modified:3/7/2016 11:34:34 AM

Last Modified By: EmmaK

Type: HOWTO

Level: Aadvanced

Article not rated yet.

Article has been viewed 4,292 times.

Options