PS设计教程网欢迎你!

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

文章来源于 HiZhen.cn,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-04-20
步骤 29 输入一些文字实际上应该是一个Tweet 并设置以下文字属性: 字体类型: Arial 字体大小:15px 字体粗细:Regular 反锯齿设置:Smooth 颜色:#222222 为了使文本对齐,同时选中文字图层和the green bar layer

步骤 29

输入一些文字—实际上应该是一个Tweet— 并设置以下文字属性:

字体类型: Arial

字体大小:15px

字体粗细:Regular

反锯齿设置:Smooth

颜色:#222222

Photoshop设计专业网站模板布局

为了使文本对齐,同时选中文字图层和the green bar layer,然后单击垂直中心对齐。

Photoshop设计专业网站模板布局

步骤 30

重复第27步创建一些图形如下图所示, 同时创建一个矩形,填充以颜色值#334814 ,然后调整不透明度为40%。

Photoshop设计专业网站模板布局

给大矩形添加图层样式,设置参考下图所示:

Photoshop设计专业网站模板布局

给the skewed rectangle填充一个暗些的颜色值:#2a6788

Photoshop设计专业网站模板布局

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

字体类型: Pico-Black

字体大小:35px

字体粗细:Regular

反锯齿设置 Smooth

颜色:#2fcfff

描边,参考下图所示:

Photoshop设计专业网站模板布局

确定你的图层系统化并且组合好了。

Photoshop设计专业网站模板布局

步骤 31

复制另一个the Twitter icon, 调整上面的颜色 (大矩形) 为: #0080ab, 然后填充the skewed rectangle 的颜色值为:#00526d.

Photoshop设计专业网站模板布局

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

字体类型: Myriad Pro

字体大小:35px

字体粗细:Bold

反锯齿设置 Smooth

颜色:white (#ffffff)

Photoshop设计专业网站模板布局

创建三份the Twitter或获得图标,更改叠加颜色(大长方形):# 395796,填补倾斜矩形这个颜色值为:# 263e6f。

Photoshop设计专业网站模板布局

输入文字“f”,并设置以下文字属性:

字体类型: Klavika

字体大小:35px

字体粗细:Bold

反锯齿设置 Smooth

颜色:white (#ffffff)

Photoshop设计专业网站模板布局

再复制一份,更改叠加颜色(大长方形):#e8e8e8,填补倾斜矩形这个颜色值为:# cdcdcd。

Photoshop设计专业网站模板布局

输入文字“fr”,并设置以下文字属性:

字体类型: Frutiger Black (get it from here )

字体大小:35px

字体粗细:Bold

反锯齿设置 Smooth

颜色:f: #0079d2 – r: #ff3093

Photoshop设计专业网站模板布局

把图标分别放在每一个分隔组里,然后选中这四个图标单击分散左边。

Photoshop设计专业网站模板布局

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