我的网站

使用帮助

    PS教程Photoshop打造专业网页设计模板

    文章来源:bwin官网_bwin官网打造行业最具影响力的体育游戏平台 发布时间:2017-09-21

      在这篇PS教程里,将跟大家绍介Photoshop设计一个可用于整站专业网页模版。PS教程将用到Photoshop软件里的一些根本的工具,譬如笔刷和图层等。下属先预览一下PS教程的终极成绩。

      终极成绩图

    图00

    图00


      教程起点

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

    图00

    图01

      第二步创建导航配景我们将从header起点我们的设计,故此我们先用长方选框工具,在画布上新建一个长方选框,如图所示,填表色泽#393939;

      

    图02

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

    图03

    图03

      而后设立图层的混合模式为叠加,不晶莹度设为23%;

      第四步创建网页logo和name有关教程中的logo,我使用了Georgia字体并设计为粗体并倾斜,,设立SIX的色泽为#FFFFFF,STUDIOS的色泽为#F7E5C4,,logo边际的图片用的是素材中的boxupload32图片。款式如图所示

    图04

    图04

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

      

    图05

      为了使活动链接展示的更鼓出,在其后便添加一个长方框。挑选圆角长方工具,设立半径为5px,前景致为#464646,而后在活动链接处添加长方配景,款式如图

      

    图06

      给长方配景图层添加内阴影和描边成绩,具体设立参数如图

    图00

    图07

    图00

    图08

      第六步给特性区域添加配景在我们网页组织的顶部,须要有一块特性区域,这块区域经过播放幻灯片将网站的特性情节显示给来访者。这块区域也可以而且包孕对网站的绍介等,第一步我们须要做的硬是适用长方选框工具选中这块区域,而后在此长方选区中填表色泽#D3CAB8。

    图00

    上一篇:Photoshop设计正色大气的网页模板

    下一篇:313网站模板设计大赛二等奖获奖作品:印度风情