用Photoshop设计专业网站模板布局(10)
- 时间: 2011-01-18 00:00
- 来源: 思缘设计
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
步骤 29
输入一些文字—实际上应该是一个Tweet— 并设置以下文字属性:
字体类型: Arial
字体大小:15px
字体粗细:Regular
反锯齿设置:Smooth
颜色:#222222

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

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

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

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

输入“t”,并设置以下文字属性:
字体类型: Pico-Black
字体大小:35px
字体粗细:Regular
反锯齿设置 Smooth
颜色:#2fcfff
描边,参考下图所示:

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

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

输入文字“in” 并设置以下文字属性:
字体类型: Myriad Pro
字体大小:35px
字体粗细:Bold
反锯齿设置 Smooth
颜色:white (#ffffff)

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

输入文字“f”,并设置以下文字属性:
字体类型: Klavika
字体大小:35px
字体粗细:Bold
反锯齿设置 Smooth
颜色:white (#ffffff)

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

输入文字“fr”,并设置以下文字属性:
字体类型: Frutiger Black (get it from here )
字体大小:35px
字体粗细:Bold
反锯齿设置 Smooth
颜色:f: #0079d2 – r: #ff3093

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


关注设计帝国公众号
- 上一篇:上一篇:Photoshop制作云朵标题的网页布局
- 下一篇:下一篇:Photoshop简单绘制圆角矩形翻转网页按钮

