欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

photoshop 流线型导航栏

程序员文章站 2022-05-20 13:06:55
...
网页设计导航条中有一些是下图这样的形状,我们可以用Photoshop的形状工具、路径和*变形快速做出来。

  photoshop 流线型导航栏

在Photoshop中用形状工具画一个圆角矩形,注意一定要选择路径模式:

  photoshop 流线型导航栏

用路径选择工具选择左下角的2个锚点:

  photoshop 流线型导航栏

按下“CTRL+T”进入*变形,并将中心点定位到左边线:

  photoshop 流线型导航栏

右键点出菜单,选择“水平翻转”。

  photoshop 流线型导航栏

用同样的方法翻转右边,选择右下角两个锚点,按下“CTRL+T”进入*变形,并将中心点定位到右边线,右键点出菜单,选择“水平翻转”。完成。

photoshop 流线型导航栏

相关标签: photoshop 导航栏