当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop设计个人简历介绍网站过程(5)

Photoshop设计个人简历介绍网站过程(5)

第十七步

最后是内容。选取水平文字工具(T),键入你的文字,使用如下设置:

字体:Helvetica

大小:17pt

样式:正常

抗锯齿设置:平滑

颜色:#7a4a6a6

字距:Metrics

字符间距:-50

Leading:28pt

Photoshop设计个人简历介绍网站过程

第十八步

现在创建年份图层。如同”联系按钮”,使用矩形工具(U)创建相同的形状,但是尺寸为100×36像素。复制”Contact flod”图层,类似的,创建”Year fold”。

Photoshop设计个人简历介绍网站过程
Photoshop设计个人简历介绍网站过程

第十九步

现在给按钮添加年份文字。选取水平文字工具(T),键入你的文字,使用如下设置:

字体:Delicious(下载)

大小:25pt

样式:Roman

抗锯齿设置:平滑

颜色:#ffffff

字距:适合视觉

字符间距:-50

然后应用如”Context”文字一样的投影效果,最终你会得到类似于下图的效果。

Photoshop设计个人简历介绍网站过程
Photoshop设计个人简历介绍网站过程

第二十步

如同上面的步骤一样,创建一个区块。使用矩形工具(U),创建一个780像素宽的矩形,命名为”contact_bg”。

Photoshop设计个人简历介绍网站过程

使用矩形工具创建最后的条纹部分。创建一个780×15像素大小的矩形,填充为#7db222。

Photoshop设计个人简历介绍网站过程

第二十一步

为区块创建标题。选取水平文字工具(T),键入你的文字,使用如下设置:

字体:Delicious(下载)

大小:36pt

样式:Roman

抗锯齿设置:平滑

颜色:#7db222

字距:适合视觉

字符间距:-50

第二十二步

现在添加标签文字。选取水平文字工具(T),键入你的文字,使用如下设置:

字体:Delicious(下载)

大小:26pt

样式:Roman

抗锯齿设置:平滑

颜色:#7db222

字距:适合视觉

字符间距:-50

然后给上面这两步中的文字应用投影效果。

第二十三步

创建文字输入区域。使用矩形工具(U),创建一个210×33像素大小的矩形,填充为#f4f4f4。打开混合选项面板,应用如下图所示的值:

Photoshop设计个人简历介绍网站过程
Photoshop设计个人简历介绍网站过程
Photoshop设计个人简历介绍网站过程

现在使用相同的方法创建所有的文字输入区域,只有右边的大区域的尺寸为300×200像素。

Photoshop设计个人简历介绍网站过程

  • 共6页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 下一页
  • 上一篇:Photoshop设计火影忍者电影海报效果
    下一篇:Photoshop设计时尚质感的圆形按钮

    图集推荐

    • 灵感
    • 美图