当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作简单绚丽的导航效果

Photoshop制作简单绚丽的导航效果

先看看效果吧! :)

Photoshop制作简单绚丽的导航效果

第1步:新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。

Photoshop制作简单绚丽的导航效果

第2步:新建层, 选择选区工具(M),固定大小为100 x 40px

Photoshop制作简单绚丽的导航效果

第3步:填充线性渐变从 #68ad40和#4c8c2c .

Photoshop制作简单绚丽的导航效果

第4步:选着图层样式 > 内发光 > 渐变叠加 > 描边#427a25

Photoshop制作简单绚丽的导航效果
Photoshop制作简单绚丽的导航效果
Photoshop制作简单绚丽的导航效果

现在您的按钮应该是这样的.

Photoshop制作简单绚丽的导航效果

Photoshop制作丝带纹理风格网页导航
Photoshop制作时尚web2.0风格导航面板