找回密码
 注册
搜索
热搜: 回贴

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

2009-12-13 17:01| 发布者: admin| 查看: 29| 评论: 0|原作者: 云天河

●许多人问我这样一个问题:“如何制作在好多......


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


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



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

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


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


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


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

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 21:23 , Processed in 0.159306 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部