当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop打造流线型导航栏

Photoshop
ImageReady2.0全面接触(11)
ImageReady2.0全面接触(12)
ImageReady2.0全面接触(13)
ImageReady2.0全面接触(14)
ImageReady2.0全面接触(15)
ImageReady2.0全面接触(16)
ImageReady2.0全面接触(17)
ImageReady2.0全面接触(18)
用真正的图层制作动画-ImageReady2
ImageReady 3.0 新增功能初探(一)
ImageReady 3.0 新增功能初探(二)
ImageReady 3.0 新增功能初探(三)
ImageReady CS中随意涂“鸭”(1)
ImageReady CS中随意涂“鸭”(2)
蠕动线框动画的制作(1)
蠕动线框动画的制作(2)
蠕动线框动画的制作(3)
蠕动线框动画的制作(4)
ImageReady CS新功能掠影(1)
ImageReady CS新功能掠影(2)

Photoshop 中的 photoshop打造流线型导航栏


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 652 ::
收藏到网摘: n/a

网页设计导航条中有一些是下图这样的形状,我们可以用Photoshop的形状工具、路径和自由变形快速做出来。

  

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

  

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

  

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

  

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

  

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