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

效果如下: 新建850x850px大小黑色背景,用多边形套锁工具勾选如下图区域 填充白色,其间依然保持选框选中状态下添加蒙板,随后转换到通道图层中会看到一个图层蒙板0通道的图层,将其选中,其他不要选 随后使用滤镜

PhotoShop制作一个漂亮的教育网站页面

作者:琦琦儿 出处: 效果 详细教程 副标题

效果如下:

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

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

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

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

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

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

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

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

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

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

                                       

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

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

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

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

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

完成效果如下

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

                                       

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

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

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

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

加入LOGO与导航文字。

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

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

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

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

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

制作光线形状区域

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

                                       

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

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

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

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

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

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

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

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

                                       

增加文字与图片信息

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

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

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

同样方法在做一个区域。

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

添加内容

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

                                       

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

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

最后完成的网站页面如下

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

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

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

最后完成的网站页面如下

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

效果如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成效果如下

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

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

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

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

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

加入LOGO与导航文字。

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

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

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

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

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

制作光线形状区域

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

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

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

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

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

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

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

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

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

                                       
增加文字与图片信息

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

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

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

同样方法在做一个区域。

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

添加内容

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

                                       效果如下:

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

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

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

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

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

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

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

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

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

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

                                       

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

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

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

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

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

完成效果如下

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

                                       

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

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

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

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

加入LOGO与导航文字。

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

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

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

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

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

制作光线形状区域

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

                                       

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

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

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

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

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

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

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

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

                                       

增加文字与图片信息

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

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

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

同样方法在做一个区域。

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

添加内容

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

                                       

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

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

最后完成的网站页面如下

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

作者: 791650988

为您推荐