SELFPHP Produktempfehlung
Windows Server 2008	SQL Server 2008	Microsoft Expression

Working With the Pen Tool
So you have discovered how to import vector paths, as well as edit the existing shapes in Expression Blend. In this section, you have an opportunity to find out how the Pen tool works, allowing you to create your own custom shapes.

Drawing Straight Lines
The first Pen tool technique to discover is how to create a straight line. To do this, you create individual anchor points by clicking with the Pen tool. Since you need to keep your other Expression Blend project open, you will have to re-launch another instance of Expression Blend so that you can practice.

1. In Explorer, locate the folder named module02_assets and open the folder named PenExercise and then open the PenExercise project file. Expression Blend launches and an artboard appears with some paths already on it. You will use this artboard for practicing with the Pen tool.
   Note: If you do not see the file appear, locate the Properties panel, and double-click on the MainPage.xaml file.
   
   
   
   The Pen tool exercise file.
   
   
2. In the Objects and Timeline panel, select the canvas named practice. This canvas has been created so that you can delete and restart the exercise at anytime without destroying the underlying exercise paths.
3. Select the Pen tool from the Tools panel and locate Path 1 on the left side of the artboard. Click, then release on the top endpoint to begin your path.
   
   
   
   Use the Pen tool to create the first anchor point.
   
   
4. Position your cursor (don’t click yet!) over the second point in the zig-zag, then click. This connects the first point with the second. If you work in Adobe Illustrator, this concept is very familiar to you, but if you typically create paths in code, this is a new method to learn.
   
   
   
   Create the second anchor point.
   
   
5. Continue to click and release to complete the zig-zag. Notice how the Pen tool automatically continues the line to include each new anchor point that you designate.
6. After you have set a final anchor point, press and hold the Ctrl key, then click on any empty area of the artboard. This deselects and ends the line. If you don’t deselect the line, the Pen tool continues to link the line you just created to any anchor points that you create.
7. Position the cursor over the top end point of Path 2. Click and release the left mouse button to create the first anchor point of the new line.
   
   
   
   Creating straight lines in path 2.
   
   
8. Position the cursor over the next anchor point. Hold down the Shift key, then click and release to create the second point of the line; the Pen tool automatically connects the two points with a straight line. Because you were holding the Shift key when the second point was created, Illustrator automatically draws a perfectly horizontal line.
9. Position the cursor over the next anchor point. Again hold the Shift key, then click and release the left mouse button to set a third anchor point. This time, the line created is on a 45 degree angle. By holding down the Shift key, you can create lines that are on that are straight, vertically, horizontally, or on 45 degree angles.
10. Continue holding down the Shift key and clicking with the Pen tool to complete Path 2.
11. Hold down the Ctrl key (Windows) or Command key (Mac OS) and click on the artboard to deselect and end the line.
12. Choose File > Save to save your work.

Downloads

• Prototypen erstellen mit Hilfe von SketchFlow in Expression Blend 3 – Einführung
  http://go.microsoft.com/?linkid=9690582
  
  
• Browsergame mit Hilfe von Behaviors in Expression Blend 3 erstellen
  http://go.microsoft.com/?linkid=9690583
  
  
• Funktionen von SuperPreview in Expression Web 3 – Einführung
  http://go.microsoft.com/?linkid=9690584
  
  
• Silverlight Unterstützung in Expression Web 3
  http://go.microsoft.com/?linkid=9690585

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.