photoshop制作汽车类网站模板(4)

模糊形状到15px,同时调整渐变! 用颜色#1a88e4 添加导航线条 使用圆角矩形,半径设置为10,在导航下建立一个大的区域,并添加如下图层样式

photoshop制作汽车类网站模板(5)

增加文字与图片信息 添加一些箭头小图标,样式如下 同样方法在做一个区域。 添加内容

模糊形状到15px,同时调整渐变!

photoshop制作汽车类网站模板(4)插图

用颜色#1a88e4 添加导航线条

photoshop制作汽车类网站模板(4)插图(1)

使用圆角矩形,半径设置为10,在导航下建立一个大的区域,并添加如下图层样式

photoshop制作汽车类网站模板(4)插图(2)

photoshop制作汽车类网站模板(4)插图(3)

photoshop制作汽车类网站模板(4)插图(4)

                                       
使用矩形在形状的上部绘制如下颜色矩形,不透明度为10%

photoshop制作汽车类网站模板(4)插图(5)

使用#232323 和 #383838 颜色制作1px分割线,如下红色选中的部分

photoshop制作汽车类网站模板(4)插图(6)

加入LOGO与导航文字。

photoshop制作汽车类网站模板(4)插图(7)

制作如下两个蓝色的圆,颜色为#1a88e4

photoshop制作汽车类网站模板(4)插图(8)

为圆设置“滤镜 > 模糊 > 镜头模糊”设置成近似如下样子即可

photoshop制作汽车类网站模板(4)插图(5)

制作光线形状区域

photoshop制作汽车类网站模板(4)插图(10)

                                       效果如下:

photoshop制作汽车类网站模板(4)插图(11)

新建850x850px大小黑色背景,用多边形套锁工具勾选如下图区域

photoshop制作汽车类网站模板(4)插图(12)

填充白色,其间依然保持选框选中状态下添加蒙板,随后转换到“通道”图层中会看到一个“图层蒙板0通道”的图层,将其选中,其他不要选

photoshop制作汽车类网站模板(4)插图(13)

随后使用“滤镜 >  模糊 > 镜头模糊”,设置半径为10,完成后如下图。

photoshop制作汽车类网站模板(4)插图(14)

按ctrl+l 打开“色阶”面板。调整如下图所示,这样你会看到之前的棱角很厉害的多边形变成圆角多边形,对于做网站这种做法十分有用,可以用在很多场合,请大家熟练掌握

photoshop制作汽车类网站模板(4)插图(15)

photoshop制作汽车类网站模板(4)插图(16)

                                       
按ctrl的同时点通道中的“图层蒙板0通道”图层,使其产生选区,随后切换到图层,新建图层并删除之前的图层,填充白色,使用如下图图层样式

photoshop制作汽车类网站模板(4)插图(17)

photoshop制作汽车类网站模板(4)插图(18)

photoshop制作汽车类网站模板(4)插图(19)

photoshop制作汽车类网站模板(4)插图(20)

完成效果如下

photoshop制作汽车类网站模板(4)插图(21)

                                       
增加文字与图片信息

photoshop制作汽车类网站模板(4)插图(22)

添加一些箭头小图标,样式如下

photoshop制作汽车类网站模板(4)插图(23)

同样方法在做一个区域。

photoshop制作汽车类网站模板(4)插图(24)

添加内容

photoshop制作汽车类网站模板(4)插图(25)

                                       
将头部导航垂直反转作为底部

photoshop制作汽车类网站模板(4)插图(26)

最后完成的网站页面如下

photoshop制作汽车类网站模板(4)插图(11)

效果如下:

photoshop制作汽车类网站模板(4)插图(11)

新建850x850px大小黑色背景,用多边形套锁工具勾选如下图区域

photoshop制作汽车类网站模板(4)插图(12)

填充白色,其间依然保持选框选中状态下添加蒙板,随后转换到“通道”图层中会看到一个“图层蒙板0通道”的图层,将其选中,其他不要选

photoshop制作汽车类网站模板(4)插图(13)

随后使用“滤镜 >  模糊 > 镜头模糊”,设置半径为10,完成后如下图。

photoshop制作汽车类网站模板(4)插图(14)

按ctrl+l 打开“色阶”面板。调整如下图所示,这样你会看到之前的棱角很厉害的多边形变成圆角多边形,对于做网站这种做法十分有用,可以用在很多场合,请大家熟练掌握

photoshop制作汽车类网站模板(4)插图(15)

photoshop制作汽车类网站模板(4)插图(16)

                                       

按ctrl的同时点通道中的“图层蒙板0通道”图层,使其产生选区,随后切换到图层,新建图层并删除之前的图层,填充白色,使用如下图图层样式

photoshop制作汽车类网站模板(4)插图(17)

photoshop制作汽车类网站模板(4)插图(18)

photoshop制作汽车类网站模板(4)插图(19)

photoshop制作汽车类网站模板(4)插图(20)

完成效果如下

photoshop制作汽车类网站模板(4)插图(21)

                                       

使用矩形在形状的上部绘制如下颜色矩形,不透明度为10%

photoshop制作汽车类网站模板(4)插图(5)

使用#232323 和 #383838 颜色制作1px分割线,如下红色选中的部分

photoshop制作汽车类网站模板(4)插图(6)

加入LOGO与导航文字。

photoshop制作汽车类网站模板(4)插图(7)

制作如下两个蓝色的圆,颜色为#1a88e4

photoshop制作汽车类网站模板(4)插图(8)

为圆设置“滤镜 > 模糊 > 镜头模糊”设置成近似如下样子即可

photoshop制作汽车类网站模板(4)插图(5)

制作光线形状区域

photoshop制作汽车类网站模板(4)插图(10)

                                       

模糊形状到15px,同时调整渐变!

photoshop制作汽车类网站模板(4)插图

用颜色#1a88e4 添加导航线条

photoshop制作汽车类网站模板(4)插图(1)

使用圆角矩形,半径设置为10,在导航下建立一个大的区域,并添加如下图层样式

photoshop制作汽车类网站模板(4)插图(2)

photoshop制作汽车类网站模板(4)插图(3)

photoshop制作汽车类网站模板(4)插图(4)

                                       

增加文字与图片信息

photoshop制作汽车类网站模板(4)插图(22)

添加一些箭头小图标,样式如下

photoshop制作汽车类网站模板(4)插图(23)

同样方法在做一个区域。

photoshop制作汽车类网站模板(4)插图(24)

添加内容

photoshop制作汽车类网站模板(4)插图(25)

                                       

将头部导航垂直反转作为底部

photoshop制作汽车类网站模板(4)插图(26)

最后完成的网站页面如下

photoshop制作汽车类网站模板(4)插图(11)

作者: 791650988

为您推荐