pk10走势软件 pk10开奖记录哪里下载 必中pk10计划软件 pk10自定义算法 pk10助赢免费手机软件 赛车pk10六码技巧规律 手机破解版助赢pk10 pk10彩票网导航平台 pk10公式 pk10和值稳赚法 飞艇pk10计划 赛车pk10大小规律 pk10赛车开奖记录照片 pk10全天计划精准网 pk10走势图怎么看大小 pk10号码走势图解说 天天pk10免费计划软件 pk10走势教学 pk10买法345678 西红柿计划pk10软件 pk10人工在线计划平台 pk10杀号统计分析 pk10七码稳赚 pk10技巧北京赛车 pk10开位号杀下期一码 pk10北京福利彩票 pk10专家杀号 pk10讲解选号技巧 pk10每期开奖数据 pk10两面长龙走势
当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计大气黑色风格的网页模板

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

在这篇网页设计教程里,你将学习制作可以用于整站的一个既优雅又专业的网页,我们将用到Photoshop软件里的一些基本的工具,比如:笔刷和图层等。而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素?#27169;?#20320;可以下载用作学习或使用都可以。

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

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

教程开始:

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

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

第二步:创建导航背景我们将从header开始我们的设计,所以我们先用矩形选框工具,在画布上新建一个矩形选框,如图所示,填充颜色#393939;

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

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

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

然后设置图层的混合模式为叠加,不?#35813;?#24230;设为23%;

第四步:创建网页Logo和name对于教程中的Logo,我使用了Georgia字体并设计为粗体并倾斜,设置‘SIX’的颜色为#FFFFFF,‘STUDIOS’的颜色为#F7E5C4,Logo旁边的?#35745;?/a>用的是素材中的boxupload32?#35745;?#26679;式如图所示:

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

第五步:加入导航链接活动链接的颜色我用的是#DBD1BE,普通链接用的颜色为:#ABAAAA。

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

为了使活动链接显示的更突出,在其后便添加一个矩形框。选择?#27493;?#30697;形工具,设置半径为5px,前景色为#464646,然后在活动链接处添加矩形背景,样式如图:

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

给矩形背景图层添加内阴影和描边效果,具体设置参数如图:

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

第六步:给特色区域添加背景在我们网页布局的顶部,需要有一块特色区域,这块区域通过播放幻灯片将网站的特色内容展示给来访者。这块区域也可以同时包括对网站的介绍等,第一步我们需要做的就是利用矩形选框工具选中这块区域,然后在此矩形选区中填充颜色#D3CAB8。

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

然后你需要下载

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

分享到: 
Photoshop设计金属质感的网页按钮
Photoshop设计?#35813;?#36136;感的产?#26041;?#32461;页面

热门推荐

可靠的北京pk10平台