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

我的网站

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

时间:2011-01-18 00:00来源:思缘设计 作者:未知 点击:
不要忘了对齐你的按钮,如下图所示: 复制另一个箭头然后右对齐。 步骤 15 我们来一起制作内容区域,首先创建一个1020815px的选区。 设置颜色值为:

不要忘了对齐你的按钮,如下图所示:

Photoshop设计专业网站模板布局

复制另一个箭头然后右对齐。

Photoshop设计专业网站模板布局

步骤 15

我们来一起制作内容区域,首先创建一个1020×815px的选区。

Photoshop设计专业网站模板布局

设置颜色值为: #e8e8e8,然后按下Shift+Backspace t填充选区。

Photoshop设计专业网站模板布局

运用单行选框工具 (M) 创建1px 的选区,位置如下图所示,然后填充白色(#ffffff)。

Photoshop设计专业网站模板布局

现在一个很棒的像素细节就制作出来了!

Photoshop设计专业网站模板布局

步骤 16

我们需要给内容区域设置一个上边界,所以我们在50像素下面拖拽了一条新的参考线。

下载标志设置Basic Set – Pixel Mixer,位置如下图所示。

Photoshop设计专业网站模板布局

在标志下方拖拽一条新的参考线, 距离20Px再拖拽一条新的参考线。

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

字体类型: Rockwell

字体大小: 29px

字体粗细: Regular

反锯齿设置:Sharp

颜色: #81aa48

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

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

字体类型: Arial

字体大小: 15px

字体粗细: Regular

反锯齿设置: None

颜色: #2f3235

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

步骤 17

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

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

运用椭圆工具(U)创建一个15×15px的椭圆,填充颜色为: #4d4d4d.

为了能够正确地对齐,我们先选择椭圆所在的图层和矩形所在的图层,当两个图层都被选定,单击对齐水平中心。

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

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

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

字体大小: 12px

字体粗细: Regular

反锯齿设置: None

颜色: #ffffff

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

步骤 18

创建一个垂直的分隔符,运用直线工具(U) 创建两条紧挨着的线,填充颜色值为 #ffffff – #b3b3b3.

Photoshop设计专业网站模板布局

对齐这两条线如下图所示

Photoshop设计专业网站模板布局

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