7.4.6 制作网页模版.pptVIP

7.4.6 制作网页模版 模板可以被理解为一种网页模型，利用这个模型能够方便地做出很多页面，使用模型可以避免重复地使用每个页面输入或者修改相同的部分，网站改版的时候，只要改变模板的设计，就能更改基于这个模板创建的网页。现在所有商业网站和大多数网站都是基于模板设计的，而Photoshop设计的模板方便评审，应用Photoshop切片工具很容易将网页效果图切片输出html模板，下面我们研究制作一个网页模板。 第一步：打开Photoshop新建一个1440X1500的空白文档。设置背景RGB的值分别为R：120、G：3、B：3，新建一个图层2，选择矩形选择工具，绘制一个矩形，调整矩形的大小1440X376px,颜色设置为R:161，G:6,B:6，新建一个图层，以图层2底边为边绘制一个倒立梯形和矩形，如图所示。 第四步：导入酒字酒瓶图片并命名为“右边酒背景”图层，设置不透明度为85%，填充为68%，在该图层点击鼠标右键，点击混合选项打开图层样式对话框，选择投影、颜色叠加和渐变叠加复选框。 第六步：制作系列产品模块，输入系列产品标题，复制前面的图层“横分割线”，调整大小和位置，复制祥云图层，调整到新复制横分割线图的右边，修正位置，画4个170*150的矩形框，描边，导入4张产品图片，修正大小为“166*147”，调整到矩形框中，输入各对应的产品名称，为了漂亮，可以给产品名称加上背景，如第一个产品名称，复制三个产品名称背景图层，调整到其他三个产品名称的下面。然后制作翻页效果按钮，新建一个图层，在产品的右边画一个矩形，在矩形上画上翻页效果箭头。 * * 第二步：制作模板头部，新建一个图层“顶部背景”，选择矩形工具，绘制顶部灰度颜色渐变，调整大小。然后新建一个图层“logo背景”，绘制一个矩形方框，拖入修改好的标志。输入公司名称，设置图层样式，选择投影和渐变叠加。 新建一个菜单按钮，图层样式选择描边，复制7个按钮菜单图层，共计8个按钮图层，选择文字工具，输入菜单名称，调整文字间距和大小使正好显示在菜单按钮上面。 第三步：制作广告区域，导入左边“酒”艺术字图片为“酒左边图案背景”图层，右边“美酒飘香”图片为“右边美酒飘香”图层，调整位置和大小，设置“酒左边图案背景”图层的填充为25%，新建一个图层“左边遮罩”，设置填充色为黄色，然后对该图层右边羽化删除，设置填充为20%，导入广告图片并调整大小和位置。 第五步：制作企业简介和企业文化，导入酒尊图片，命名图层名称为“酒尊”，新建“横分割线”图层，画一个灰色分割线，调整高度和宽度，左右边缘做羽化处理，复制“酒尊”图层为图层“酒尊1”，复制“横分割线”图层为图层“横分割线1”，同样方法导入祥云图片为“祥云图层”和“祥云图层1”，输入企业简介和企业文化标题，输入企业简介内容，调整位置，输入企业文化内容和图片，在企业文化图片位置画一个背景框，图片显示会更美观，然后在企业简介模块和企业文化之间画一个竖分割线。 第七步：用上述同样的方法制作产品视频、公司荣誉、联系我们。 第八步： 制作友情链接，整体修饰调整图片，制作完成，存储为jpg格式图片。