网页设计上的“曲线效果”的画法

王朝html/css/js·作者佚名  2006-11-23
窄屏简体版  字體: |||超大  

许多人问我这样一个问题:“如何制作在好多网站上都经常见到的那种曲线的东西”,起初我很惊讶,因为我已经隐含的讲解过这些知识了在我的矢量图形教程中。而现在听起来他们是在寻找那种手把手的教程,好的,这里我们将进行一下讲解:

我将在Photoshop中讲解这个例子,而同样你也可以在任何只要包含“矢量钢笔曲线”工具的图形软件中使用!

1、用钢笔工具点击画一个点!

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

3. 然后,在你想应该设置曲线的底端的地方点击加入一个点

4. 重复一次,继续按下Shift键并拖动鼠标!

5. 点出曲线的结束点。

6.过一会儿我们要填充生成的形状,按下Shift键,在下面再点出这个图形的右下端的点。

7. 继续保持按下Shift键,在下面再点出这个图形的左下端的点。

8. 最后,把你的鼠标带回到起点位置点击形成一个封闭的图形。

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

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

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航