以后地位: 首页 > 设计教程 > 网页设计教程 > Photoshop设计大气黑色作风的网页模板

Photoshop设计大气黑色作风的网页模板

在这篇网页设计教程里,你将学习制作可以或许或许用于整站的一个既优雅又专业的网页,咱咱咱们将用到Photoshop软件里的一些基本的对象,比如:笔刷和图层等。而且在教程下方包含了此网页的HTML/CSS/JAVASCRIPT模板和素材,你可以或许或许下载用作学习或应用都可以或许或许。

下面先预览一下本教程的最终效果:

Photoshop设计黑色大气的网页模板

教程开端:

第一步:新建文件打开PS软件,点击文件-新建命令或Ctrl+N键新建文件,设置宽度1020px,高度1180px,配景默认为白色,点击确定即可;

Photoshop设计黑色大气的网页模板

第二步:创建导航配景咱咱咱们将从header开端咱咱咱们的设计,所以咱咱咱们先用矩形选框对象,在画布上新建一个矩形选框,如图所示,填充色彩#393939;

Photoshop设计黑色大气的网页模板

第三步:修饰导航配景Ctrl+J复制导航配景图层,激活配景图层副本,点击滤镜-杂色-添加杂色,参数设置如图所示:

Photoshop设计黑色大气的网页模板

然后设置图层的混合情势为叠加,不透明度设为23%;

第四步:创建网页Logo和name对付教程中的Logo,我应用了Georgia字体并设计为粗体并倾斜,设置‘SIX’的色彩为#FFFFFF,‘STUDIOS’的色彩为#F7E5C4,Logo旁边的图片用的是素材中的boxupload32图片。样式如图所示:

Photoshop设计黑色大气的网页模板

第五步:加入导航链接运动链接的色彩我用的是#DBD1BE,通俗链接用的色彩为:#ABAAAA。

Photoshop设计黑色大气的网页模板

为了使运动链接显示的更特出,在其后便添加一个矩形框。抉择圆角矩形对象,设置半径为5px,远景致为#464646,然后在运动链接处添加矩形配景,样式如图:

Photoshop设计黑色大气的网页模板

给矩形配景图层添加内阴影和描边效果,详细设置参数如图:

Photoshop设计黑色大气的网页模板
Photoshop设计黑色大气的网页模板

第六步:给特色地区添加配景在咱咱咱们网页布局的顶部,必要有一块特色地区,这块地区颠末过程播放幻灯片将网站的特色内容展现给来访者。这块地区也可以或许或许同时包含对网站的介绍等,第一步咱咱咱们必要做的便是利用矩形选框对象选中这块地区,然后在此矩形选区中填充色彩#D3CAB8。

Photoshop设计黑色大气的网页模板

然后你必要下载

Photoshop设计黑色大气的网页模板

分享到: 
Photoshop设计金属质感的网页按钮
Photoshop设计透明质感的产品介绍页面
友情链接:中国智能建筑网  摩托车配件网  纺织服装新闻网  砂浆生产线网  彩虹气球网  佛山培训新闻网  浙江金华教育网  吉林教育新闻网  科技日报网  比思論壇_www.bipics.net-港台綜合性美文吧