Photoshop设计简约风格的wordpress模板(3)

24 修改你的图片到合适大小;你可以使用自由变换工具(Ctrl+T).当你对大小感到满意.确保您的图像对齐根据上述图像,对齐右边的布局设计.

增加设计内容

25 为我们的设计增添内容,但在此之前,我们不得不为我们的内容页设定边界.拉动两条水平参考线如图所示:

增加一个标题和一个分类

26 标题和分类使用如下设置

标题 (在我的例子里称为 ”Handstand!”)

字体: Arial

字体大小: 20pt

文字重量: Regular

反锯齿: Strong

颜色: #2197b1

目录 (在我的例子里称为 ”Photoshop design”):

字体: Arial

文字大小: 17pt

文字重量: Regular

反锯齿: Strong

颜色: #313131

段落内容

27 增加你的段落文字,下面的图片以供参考.

28 在工具面板中选择移动工具,然后选择我们三个文字图层(按住 Ctrl 单击可以选择全部).

29 选择垂直分布选项确保他们有着相同间距.

创建滑动控件

30 是时候创建我们的滑动控件了.复制我们上面为导航创建的两条线,改变他们的大小(你可以使用自由变形工具).我们使那个暗的线更加暗,更改他颜色的值为#777575.

31 然后使用矩形工具创建一个小型的正方形(15px宽与高),应用一个渐变叠加的图层样式如下.

32在开始下一步之前,先组织好我们的图层.参考一下图片确保图层顺序恰当.