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

我的网站

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

时间:2011-01-18 00:00来源:思缘设计 作者:未知 点击:
当复制的两个图层仍处于选中状态时右击选择转换为智能对象,把这个图层命名为shadow,并且确定这个图层是位于底部。 选择shadow层然后单击添加图层蒙

当复制的两个图层仍处于选中状态时右击选择转换为智能对象,把这个图层命名为“shadow”,并且确定这个图层是位于底部。

Photoshop设计专业网站模板布局

选择“shadow”层然后单击添加图层蒙版(位于图层面版的底部)。

Photoshop设计专业网站模板布局

选择渐变工具(G)设置黑、白、黑从下到上拉一个线性渐变。

Photoshop设计专业网站模板布局

你应该会得到下面的图像。

Photoshop设计专业网站模板布局

步骤 12

我们需要为图像添加一个说明,先创建一个240*25像素的选区,填充颜色值:#1a1919,作为说明的背景。

Photoshop设计专业网站模板布局

输入说明文字,字符设置如下:

字体设置:Arial

字体大小: 15px

字体样式: Regular

反锯齿设置:None

颜色:#82aa48

Photoshop设计专业网站模板布局

确定你的文件简洁!

Photoshop设计专业网站模板布局

步骤 13

复制一份特色图像然后右对齐。

Photoshop设计专业网站模板布局

我们将要在中部做一个大一些的图,我们先创建一个340×200px的选区,如下图所示对齐,用任何颜色填充。

Photoshop设计专业网站模板布局

以下图作参考,执行描边 。

Photoshop设计专业网站模板布局

下图是我们做到这一步的效果。

Photoshop设计专业网站模板布局

确定你的图层系统化并且已经重组。 我已经创建了三个组,下图是它们的样子

Photoshop设计专业网站模板布局

步骤 14

现在让我们来创建滑动按钮!我们先运用椭圆选区工具(M)创建一个50*50的选区,用任何颜色填充。

Photoshop设计专业网站模板布局

添加图层样式,如下图所示:

Photoshop设计专业网站模板布局

运用自定义形状工具(U) 创建一个箭头样式,然后如下图所示给它添加图层样式。

Photoshop设计专业网站模板布局

你看到的图将会是这个样子:

Photoshop设计专业网站模板布局

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