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

我的网站

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

时间:2011-01-18 00:00来源:思缘设计 作者:未知 点击:
不要忘了组织你的图层,看一下我的图层。 步骤 19 重复三次以上两个步骤,然后效果如下图所示! 步骤 20 让我们来创建一个分隔符 在50px之后拖拽一条新

不要忘了组织你的图层,看一下我的图层。

Photoshop设计专业网站模板布局

步骤 19

重复三次以上两个步骤,然后效果如下图所示!

Photoshop设计专业网站模板布局

步骤 20

让我们来创建一个分隔符

在50px之后拖拽一条新的参考线。

Photoshop设计专业网站模板布局

用椭圆先框工具 (M) 创建一个选区如下图所示:

Photoshop设计专业网站模板布局

设置前景色为(#000000),然后按下 Shift+Backspace填充选区,将图层命名为“separator_bg”。

Photoshop设计专业网站模板布局

为了使它有模糊的效果,执行文件> 模糊 > 高斯模糊– 半径:3px.

Photoshop设计专业网站模板布局

选择 “separator_bg” 图层,创建一个选区然后删除。

Photoshop设计专业网站模板布局

单击添加图层蒙版标志然后设置渐变编辑器为黑,白,黑。

Photoshop设计专业网站模板布局

用渐变工具 (G) 根据下图所示拖拽一个线性渐变。

Photoshop设计专业网站模板布局

降低图层透明度度为50%。

Photoshop设计专业网站模板布局

用直线工具(U) 在分隔符顶部创建两条水平线,把place them right above the separator.

填充颜色为:#b3b3b3 – #ffffff ,然后为他们添加同样的图层蒙版。

Photoshop设计专业网站模板布局

步骤 21

我们现在要制作下方的内容区域,距离50px 拖拽一条新的水平参考线。

Photoshop设计专业网站模板布局

输入标题,字符设置如下:

字体类型: Rockwell

字体大小: 30px

字体粗细: Regular

反锯齿设置:Smooth

颜色: #81aa48

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

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

字体类型: Arial

字体大小: 14px

字体粗细: Regular

无锯齿设置:None

颜色: #505150

Photoshop设计专业网站模板布局

距离160px拖拽一条新的参考线作为内容区域的下边界。

Photoshop设计专业网站模板布局

步骤 22

输入另一个标题和文本,字符设置同上个步骤。

Photoshop设计专业网站模板布局

用键盘输入一个引号,字符设置如下:

字体类型:Arial

字体大小:200px

字体粗细:Regular

反锯齿设置:Smooth

颜色: #505150

降低图层透明度度为50%。

Photoshop设计专业网站模板布局

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