首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

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

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

步骤24

像左边一样输入另一个标题 (尝试着写一些东西代表团队,比如,我写下了“Our Team”)

按此在新窗口浏览图片

用矩形工具 (U)创建一个90×90px 的矩形,然后以任何颜色填充,命名这个图层为“photo1_holder”。
这个区域将会作为团队成员的展示区。执行描边,参考如下图所示。

按此在新窗口浏览图片

放置团队成员的一张图片,命名这个图层为“photo1″,确定图层 “photo1″是在“photo1_holder”图层的上方,然后右击 “photo1″图层选择添加剪贴蒙版, 你会看到如下图所示的样子。

按此在新窗口浏览图片

步骤 25

输入一些关于团队成员的文字,字符设置如下:
字体类型: Arial
字体大小:14px
字体粗细:Regular
反锯齿设置 Smooth
颜色:#7ba344

按此在新窗口浏览图片

我们将创造社会媒体图标。先从博客开始,输入“t”字符设置如下:

字符类型: Pico-Black (get it from here)
字体大小:30px
字体粗细: Regular
反锯齿设置:Smooth
颜色: #2fcfff
参考下图设置执行描边。

按此在新窗口浏览图片

让我们再创建一个LinkedIn的连接图片!输入“in”并设置以下文字属性:

字体类型: Myriad Pro (get it from here)
字体大小:30px
字体粗细:Bold
反锯齿设置 Smooth
颜色:#0081ac

按此在新窗口浏览图片

Facebook!? 输入“f”并设置以下文字属性:

字体类型: Klavika (get it from here)
字体大小:30px
字体粗细:Bold
反锯齿设置 Smooth
颜色:#395796

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

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

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

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

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