PS完成网站首页模板创建、矩形工具使用、渐变效果制作

无需加好友免费技术支持

在最后一篇文章中，我们安装了开发所需的必要软件。本节主要解释了使用情况PS完成网站首页模板创建、矩形工具使用、渐变效果制作。

1.首先打开我们下载的ps选择文件-新建软件左上角(快捷键)ctrl N），然后创建一个1920x3000画布，网页设计分辨率选择72，我们选择颜色模式RGB,点击创建；(注意像素像素的宽度)

为什么要创建1920宽？目前我们的显示分辨率一般是1920px，所以创建1920px宽度可以使我们的网页背景完背景，左右不会有空白。

2.接下来，我们应该将单位和尺子调整为像素，以方便我们测量宽度和高度。操作步骤为：编辑-首选-单位和尺子（快捷键）ctrl K，找到单位和标尺)

3、选择 视图-标尺(快捷键)ctrl R）调用我们的刻度尺，方便直观地看到宽度和高度；左击刻度尺将两条参考线拖到360和1560刻度，中间留1200px宽度。两个尺子之间的距离是我们内容显示的区域 （快捷键ctrl ; ）关闭刻度可显示。

为什么要用12000？px由于主流网页设计的主要内容宽度是980px和1200px，而1200px可以显示更多的内容，网页也可以显示更高端的氛围。

网页的头部是黑色背景导航条，一个logo和右边的文字排版加上banner图片渐变按钮。

1.选择矩形工具，设置填充色为#333，描边为空；

2.创建图层1点击画布，在弹出窗口设置宽度1920，高度25，点击创建；

3.用移动工具将导航条移动到左上角；

三、logo图片导入

1.打开使用文件->（ctrl o），将logo图片打开；

2、ctrl A选择图片，然后复制粘贴到当前页面；

移动图片到指定位置；

点击左侧工具栏中的横排文字工具

点击并在指定位置书写文字；

2.调整文字字体为微软雅黑px，颜色为#333；

五、banner图制作-按钮渐变效果

1.首先导入我们找到的背景图片；

2.用文字工具写相应的文字；

3.用矩形工具创建宽度200、高度45的矩形；

4.选择矩形层，右击选择混合选项，然后创建#28aace到#38dff2的线性渐变。参数如下图所示。