photoshop设计一个漂亮的网站导航

作者:佚名 出处: 内容提要: 用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。 先看效果图。 因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。 添加图层样式。 效果如下

用ps制作简洁的企业网站头部

先看效果图。 新建文档600×100像素,背景白色,建新层,画一矩形选区,填充#1979A0。 建4个新层,画矩形分别填充#1979A0, #487D3C, #DF8D00, #DF0010,排列效果如下。 副标题 将4层合并,新建4个层,画矩形分别填充#565656, #797979, #AAAAAA, #CCCACA。 输入文字,添


作者:佚名   出处:
photoshop设计一个漂亮的网站导航插图

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航插图(1)

因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航插图(2)

添加图层样式。

photoshop设计一个漂亮的网站导航插图(3)

photoshop设计一个漂亮的网站导航插图(4)

photoshop设计一个漂亮的网站导航插图(5)

效果如下。

photoshop设计一个漂亮的网站导航插图(6)

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航插图(7)

添加图层样式。

photoshop设计一个漂亮的网站导航插图(8) 

photoshop设计一个漂亮的网站导航插图(9)

photoshop设计一个漂亮的网站导航插图(10)

效果如下。

photoshop设计一个漂亮的网站导航插图(11)

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航插图(12) 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航插图(13)

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航插图(1)




作者:佚名   出处:
photoshop设计一个漂亮的网站导航插图

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航插图(1)

因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航插图(2)

添加图层样式。

photoshop设计一个漂亮的网站导航插图(3)

photoshop设计一个漂亮的网站导航插图(4)

photoshop设计一个漂亮的网站导航插图(5)

效果如下。

photoshop设计一个漂亮的网站导航插图(6)

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航插图(7)

添加图层样式。

photoshop设计一个漂亮的网站导航插图(8) 

photoshop设计一个漂亮的网站导航插图(9)

photoshop设计一个漂亮的网站导航插图(10)

效果如下。

photoshop设计一个漂亮的网站导航插图(11)

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航插图(12) 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航插图(13)

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航插图(1)



作者: 791650988

为您推荐