如何使用 Microsoft Expression Blend 2 设计和绘制商业软件盒？

3.65/5 (9投票s)

2008 年 12 月 24 日

2分钟阅读

67793

539

逐步讲解如何使用 Expression Blend 2 绘制和设计商业软件盒子的教程。

请注意，您需要安装带有 .NET 3.0 的 Expression Blend 2。

引言

在本教程中，我将解释如何使用 Expression Blend 2 绘制和设计一个商业软件盒子。这只是 XAML 代码。在本教程结束时，您将知道如何使用 Expression Blend 2 绘制和设计一个商业软件盒子。

从以下位置获取 Blend 2 的一些基本知识：.NET 3.0 WPF 工具和示例。

步骤 1：从工具箱中选择钢笔，绘制软件盒子的正面布局路径。将正面的填充颜色自定义为LinearGradient，如下所示。执行BrushTransform，使渐变与正面的侧面平行。

步骤 2：从工具箱中选择钢笔，绘制软件盒子的侧面布局路径。将侧面的填充颜色自定义为LinearGradient，如下所示。执行BrushTransform，使渐变与侧面的侧面平行。

步骤 3：使用 Paint .NET，设计要在软件盒子上显示的商业正面和侧面图像。您可以将背景设置为透明并将其保存为 PNG 格式。

步骤 4：您可以将侧面和正面图像添加到您的 Expression Blend 项目中。您可以通过选择“添加现有项目”来将图像添加到您的项目中。

步骤 5：选择LayoutRoot，然后将图像从项目树拖放到设计器中。调整图像大小，然后选择“使图像 3D”。

步骤 6：选择Front3D 3D 图像模型，然后自定义正面图像的 3D 旋转以适合软件盒子的正面布局。

步骤 7：为了给软件盒子制作一个反射，选择Front 3D 模型，执行Y 轴翻转变换。

步骤 8：然后继续进行Translate-Y 变换。选择剪裁到边界以剪裁您想要的反射边界。您可以对侧面重复相同的概念。

步骤 9：最后，您就拥有了商业软件盒子。