织梦CMS - 轻松建站从此开始!

我的网站

用Photoshop设计专业网站模板布局(8)

时间:2011-01-18 00:00来源:思缘设计 作者:未知 点击:
输入一些你自己的或者是引用的话,字符设置如下 字体类型: Arial 字体大小:14px 字体粗细:Italic 反锯齿设置: Smooth 颜色:#81aa48 步骤 23 为了创造一个

输入一些你自己的或者是引用的话,字符设置如下

字体类型: Arial

字体大小:14px

字体粗细:Italic

反锯齿设置: Smooth

颜色:#81aa48

Photoshop设计专业网站模板布局

步骤 23

为了创造一个垂直的分隔线,我们创建两条紧挨着的线,线条颜色分别设置为:#ffffff – #b3b3b3.

Photoshop设计专业网站模板布局

确定你的图层组织起来,看一下我是怎么组织它们的。

Photoshop设计专业网站模板布局

步骤24

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

Photoshop设计专业网站模板布局

用矩形工具 (U)创建一个90×90px 的矩形,然后以任何颜色填充,命名这个图层为“photo1_holder”。

这个区域将会作为团队成员的展示区。执行描边,参考如下图所示。

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

步骤 25

输入一些关于团队成员的文字,字符设置如下:

字体类型: Arial

字体大小:14px

字体粗细:Regular

反锯齿设置 Smooth

颜色:#7ba344

Photoshop设计专业网站模板布局

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

字符类型: Pico-Black (get it from here)

字体大小:30px

字体粗细: Regular

反锯齿设置:Smooth

颜色: #2fcfff

参考下图设置执行描边。

Photoshop设计专业网站模板布局

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

字体类型: Myriad Pro (get it from here)

字体大小:30px

字体粗细:Bold

反锯齿设置 Smooth

颜色:#0081ac

Photoshop设计专业网站模板布局

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

字体类型: Klavika (get it from here)

字体大小:30px

字体粗细:Bold

反锯齿设置 Smooth

颜色:#395796

Photoshop设计专业网站模板布局

步骤 26

复制成员照片创建一个图层,选中图层,执行图层> 新建调整层> 黑白

检查确定是“使用先前的图层创建剪贴蒙版”。

Photoshop设计专业网站模板布局

输入同样的文字,我们写的社会媒体图标使用和以前相同的字符,但是给他们所有的颜色值:# 505150。

Photoshop设计专业网站模板布局

悬停在上方,明显的成员看起来不会是灰色。

复制两份对齐如下图所示:

Photoshop设计专业网站模板布局

(责任编辑:RGB)
织梦二维码生成器
顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容