首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PS设计制作Web2.0网页布局的完整专业教程

[ 作者来源:HiZhen.cn 编辑整理:PhotoShop资源网 更新时间: 2010-04-21 录入: 黄叶飞扬 ]

步骤 33

参照下图所示拖拽两条新的水平参考线。

按此在新窗口浏览图片

输入一个标题,并设置以下字符属性:
字体类型: Rockwell
字体大小:30px
字体粗细:Regular
反锯齿设置 Sharp
颜色:#7ea547

按此在新窗口浏览图片

输入一个sub-title,字符属性设置如下:
字体类型: Arial
字体大小:15px
字体粗细:Regular
反锯齿设置: None
颜色:#d3d3d3

按此在新窗口浏览图片

运用线性工具 (U)在顶部创建两条水平线,然后设置颜色值为:#151515 ?C #2f2f2f.

按此在新窗口浏览图片

如下图所示对齐:

按此在新窗口浏览图片

步骤 34

参照下图所示拖拽两条新的水平参考线。

按此在新窗口浏览图片

运用圆角矩形工具 (U) 创建两个210×25px半径 5px 的矩形,填充颜色为: #141313,设置阴影。

按此在新窗口浏览图片

在这两个矩形里面输入文本,设置文字属性如下:
字体类型: Arial
字体大小:15px
字体粗细:Regular
反锯齿设置: None
颜色:#7ea547

按此在新窗口浏览图片

创建另一个矩形如上图所示,但是这个高度调整为: 110px依然在里面输入文字,属性设置同上,复制我们在第17步制作的按钮,然后对齐它如下图所示:

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!