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

admin 1 0
效果如下:

photoshop制作汽车类网站模板(7)-第1张图片-快备云

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

photoshop制作汽车类网站模板(7)-第2张图片-快备云

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

photoshop制作汽车类网站模板(7)-第3张图片-快备云

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

photoshop制作汽车类网站模板(7)-第4张图片-快备云

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

photoshop制作汽车类网站模板(7)-第5张图片-快备云

photoshop制作汽车类网站模板(7)-第6张图片-快备云



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

photoshop制作汽车类网站模板(7)-第7张图片-快备云

photoshop制作汽车类网站模板(7)-第8张图片-快备云

photoshop制作汽车类网站模板(7)-第9张图片-快备云

photoshop制作汽车类网站模板(7)-第10张图片-快备云

完成效果如下

photoshop制作汽车类网站模板(7)-第11张图片-快备云



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

photoshop制作汽车类网站模板(7)-第12张图片-快备云

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

photoshop制作汽车类网站模板(7)-第13张图片-快备云

加入LOGO与导航文字。

photoshop制作汽车类网站模板(7)-第14张图片-快备云

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

photoshop制作汽车类网站模板(7)-第15张图片-快备云

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

photoshop制作汽车类网站模板(7)-第16张图片-快备云

制作光线形状区域

photoshop制作汽车类网站模板(7)-第17张图片-快备云



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

photoshop制作汽车类网站模板(7)-第18张图片-快备云

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

photoshop制作汽车类网站模板(7)-第19张图片-快备云

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

photoshop制作汽车类网站模板(7)-第20张图片-快备云

photoshop制作汽车类网站模板(7)-第21张图片-快备云

photoshop制作汽车类网站模板(7)-第22张图片-快备云



                                       
增加文字与图片信息

photoshop制作汽车类网站模板(7)-第23张图片-快备云

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

photoshop制作汽车类网站模板(7)-第24张图片-快备云

同样方法在做一个区域。

photoshop制作汽车类网站模板(7)-第25张图片-快备云

添加内容

photoshop制作汽车类网站模板(7)-第26张图片-快备云



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

photoshop制作汽车类网站模板(7)-第27张图片-快备云

最后完成的网站页面如下

photoshop制作汽车类网站模板(7)-第1张图片-快备云

标签: photoshop制作 ps汽车 ps网站模

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~