首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

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

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

步骤 16

我们需要给内容区域设置一个上边界,所以我们在50像素下面拖拽了一条新的参考线。
下载标志设置Basic Set ?C Pixel Mixer,位置如下图所示。

按此在新窗口浏览图片

在标志下方拖拽一条新的参考线, 距离20Px再拖拽一条新的参考线。
输入标题,字符设置如下: 

字体类型: Rockwell
字体大小: 29px
字体粗细: Regular 
反锯齿设置:Sharp 
 颜色: #81aa48

按此在新窗口浏览图片

如下图所示拖拽两条参考线。

按此在新窗口浏览图片

输入一些文本,字符设置如下:

字体类型: Arial
字体大小: 15px
字体粗细: Regular
反锯齿设置: None
颜色: #2f3235

按此在新窗口浏览图片

 如下图所示再拖拽三条参考线

按此在新窗口浏览图片

步骤 17

现在我们来创建一个“read more” 按钮,运用圆角矩形工具 (U) 创建一个大小为 100×30px,半径为5px 的圆角矩形,用任何颜色填充。

按此在新窗口浏览图片

参考下面图像,给图层添加图层样式

按此在新窗口浏览图片

运用椭圆工具(U)创建一个15×15px的椭圆,填充颜色为: #4d4d4d.
为了能够正确地对齐,我们先选择椭圆所在的图层和矩形所在的图层,当两个图层都被选定,单击对齐水平中心

按此在新窗口浏览图片

按下 “+”, 填充白色 (#ffffff) 位置如下图所示。

按此在新窗口浏览图片

输入文字 “read more” ,字符设置如下:

字体类型: Tahoma (get it from here)
字体大小: 12px
字体粗细: Regular
反锯齿设置: None
颜色: #ffffff

按此在新窗口浏览图片

添加阴影。参考下图设置。

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

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

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

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

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