制作个人博客页面的效果图.ppt

第10章 制作个人博客页面的效果图 在了解了各种页面元素的基本制作方法之后，本章将详细讲解使用Photoshop CS3制作网页效果图的方法。在前面的章节讲解的示例中使用的素材很少，但在实际的网页制作中，使用素材可以使制作更加简单方便。 10.1 制作页面的背景 页面背景总共包括三部分：背景头部是天空的图案；中间部分是渐变的颜色，使用渐变的目的是便于页面内容的扩展（关于背景的扩展，将在后面的章节中详细讲解）；背景底部是海水的图案。下面讲解具体的制作方法。 1．制作背景的头部和中间部分 10.1 制作页面的背景 2．制作背景底部 10.2 制作页面头部 页面头部内容主要包括标题文字、博客的签名标签、头部的背景图案和文本等。下面讲解具体的制作方法。 1．制作头部的背景图案 10.2 制作页面头部 2．制作大海的图案 10.2 制作页面头部 3．制作雄鹰的图案 10.2 制作页面头部 4．制作头部的文本 10.3 制作导航菜单 导航菜单内容主要包括导航菜单的背景、导航菜单的图标、导航菜单文本等。下面讲解下具体的制作方法。 1．制作导航菜单的背景 10.3 制作导航菜单 2．添加导航菜单的图标和文本 10.4 制作页面主体部分 页面主体部分主要包括页面主体的背景、左侧分类导航、主题内容等。下面讲解具体的制作方法。 1．制作主体背景 10.4 制作页面主体部分 2．制作左侧导航 10.4 制作页面主体部分 3．制作左侧导航内容 10.4 制作页面主体部分 4．制作主体内容 10.5 制作页面底部内容 页面底部内容比较简单，其中主要包括制作站点标志、添加文本信息等操作。下面讲解具体的制作方法。 1．制作站点标志 10.5 制作页面底部内容 2．添加底部文本 10.6 专家总结 在制作效果图的时候，由于要使用大量的素材，并制作很多的效果，所以一定要使用图层组对所有图层进行统一规划，同时要为每个图层、图层组定义一个有意义的名称，以便于修改和制作，并注意图层中隐藏、显示、合并等操作，以简化图层的复杂性。在制作页面的时候，要注意页面的统一和协调，尽量避免使用过多的字体和颜色，也不要使用种类过多的特效和样式。