热门关键字:  博客  博客入门  博客创建  新浪博客  css
当前位置 :| 首页>博客制作>前台制作>

用PS制作个人博客前台页面-1

来源:学博客收集整理 作者:学博客 时间:2008-10-13 点击:
在了解了各种页面元素的基本制作方法之后,本章将详细讲解使用 Photoshop CS3 制作个人博客网页效果图的方法。在前面的章节讲解的示例中使用的素材很少,但在实际的网页制作中,使用素材可以使制作更加简单方便。
1、制作页面的背景
    页面背景总共包括三部分:背景头部是天空的图案;中间部分是渐变的颜色,使用渐变的目的是便于页面内容的扩展(关于背景的扩展,将在后面的章节中详细讲解);背景底部是海水的图案。下面讲解具体的制作方法
1)、制作背景的头部和中间部分
 
2 )、制作背景底部
 
2   制作页面头部
 页面头部内容主要包括标题文字、博客的签名标签、头部的背景图案和文本等。下面讲解具体的制作方法。
(1)、制作头部的背景图案
 
2)、制作大海的图案
 
(3)、制作雄鹰的图案
 
(4)、制作头部的文本
 
3、 制作导航菜单
     导航菜单内容主要包括导航菜单的背景、导航菜单的图标、导航菜单文本等。下面讲解
具体的制作方法。
(1)、制作导航菜单的背景
 
2)、添加导航菜单的图标和文本
 
4、 制作页面主体部分
  页面主体部分主要包括页面主体的背景、左侧分类导航、主题内容等。下面讲解具体的制作方法。
(1)、制作主体背景
 
2)、制作左侧导航
 
3)、制作左侧导航内容
 
(4)、制作主体内容
 

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册