PS设计教程网欢迎你!

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

文章来源于 HiZhen.cn,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-04-20
确定它们是对齐的, 要创建四个独立的组,而且每个组要包括每个成员的内容。选中四个组,在控制柄处单击分散排列左边界。 我已经组织了我的图层,你呢? 步骤 27 在我们开始制作社会媒体链接内容之前,需要设置一引

确定它们是对齐的, 要创建四个独立的组,而且每个组要包括每个成员的内容。选中四个组,在控制柄处单击分散排列左边界。

Photoshop设计专业网站模板布局

我已经组织了我的图层,你呢?

Photoshop设计专业网站模板布局

步骤 27

在我们开始制作社会媒体链接内容之前,需要设置一引起边界,这就是我们要拖拽新的参考线的原因,如下图所示:

Photoshop设计专业网站模板布局

创建一个940×70px 的选区,如下图所示对齐:

Photoshop设计专业网站模板布局

用任何颜色填充,添加渐变叠加,参考下图设置:

Photoshop设计专业网站模板布局

创建一个70×45px的选区。参考下面图片设置然后添加图层样式,将图层命名为“tw_bg”。

Photoshop设计专业网站模板布局

将图层 “tw_bg”设置为不可见。

创建一个10×43px的选区,然后编辑>变换 > 斜切。调整控制柄选项。

X: 40px

Y: 1253px

V: -39

将图层命名为 “effect” 然后将“tw_bg”图层可见。

Photoshop设计专业网站模板布局

按照“tw_bg” 的图层样式给“effect”图层调整图层样式.

Photoshop设计专业网站模板布局

输入字母 “t” 并设置以下文字属性:

字体类型: Pico-Black

字体大小:35px

字体粗细:Regular

反锯齿设置:Smooth

颜色:不要紧,因为我们还要添加一个渐变叠加。

如下图所示,给图层添加图层样式。

Photoshop设计专业网站模板布局

步骤 28

重复第20步再创建一个分隔符或者直接复制,所放位置如下所示:

Photoshop设计专业网站模板布局

我们需要把矩形的右边给切掉,我们选中“tw_bg”图层然后单击添加图层蒙版。

在矩形右边做一个选区(我们需要给切掉的) ,设置前景色为黑色(#000000)然后按下 Shift+Backspace填充。

Photoshop设计专业网站模板布局

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