当前位置: 首页 > 设计教程 > 网页设计教程 > 用Photoshop设计专业网站模板布局(10)

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

步骤 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设计专业网站模板布局

  • 共12页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 下一页
  • 上一篇:Photoshop制作云朵标题的网页布局
    下一篇:Photoshop简单绘制圆角矩形翻转网页按钮

    图集推荐

    • 灵感
    • 美图