许多人问我这样一个问题:“如何制作在好多网站上都经常见到的那种曲线的东西”,起初我很惊讶,因为我已经隐含的讲解过这些知识了在我的矢量图形教程中。而现在听起来他们是在寻找那种手把手的教程,好的,这里我们将进行一下讲解:
我将在Photoshop中讲解这个例子,而同样你也可以在任何只要包含“矢量钢笔曲线”工具的图形软件中使用!
1、用钢笔工具点击画一个点!

2. 在你想应该设置曲线的顶端的地方点击加入一个点,然后按下Shift键,拖动出一条曲线,继续按下Shift键,以保持曲线的每个拐弯处的切线都是水平的。
3. 然后,在你想应该设置曲线的底端的地方点击加入一个点
4. 重复一次,继续按下Shift键并拖动鼠标!

5. 点出曲线的结束点。
6.过一会儿我们要填充生成的形状,按下Shift键,在下面再点出这个图形的右下端的点。
7. 继续保持按下Shift键,在下面再点出这个图形的左下端的点。
8. 最后,把你的鼠标带回到起点位置点击形成一个封闭的图形。

9. 在路径面板,按下Ctrl并点击路径层,将路径转化成一个选区 (在Illustrator中可跳越这个步骤)。

10. 使用倾斜的填充工具填充形状。

这里是我制造使用技术的一个1分钟的 "网页页面区划":

这是对任何的网页设计者进行创作的漂亮的基本模块儿-- 而且十分的容易,不是吗?