PS设计教程网欢迎你!

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

文章来源于 HiZhen.cn,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-04-20
当复制的两个图层仍处于选中状态时右击选择转换为智能对象,把这个图层命名为shadow,并且确定这个图层是位于底部。 选择shadow层然后单击添加图层蒙版(位于图层面版的底部)。 选择渐变工具(G)设置黑、白、黑从下到

当复制的两个图层仍处于选中状态时右击选择转换为智能对象,把这个图层命名为“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设计专业网站模板布局

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa