ps cs6设计个人作品网页模板教程

在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中，我们将着眼于自定义网格，排版样式，并利用不同的颜色和对比度实现我们想要的美感。

把联系人的图标拖进来，转成智能对象，大小调整成16x16px，颜色叠加#27b599，位置在目录30px下，紧贴第一条参考线。

Photoshop设计时尚的个人作品网页界面

Step 15

重复上次步骤。唯一不同的是，「关于」的文本颜色改为#424a51

Photoshop设计时尚的个人作品网页界面

Step 16

最后创建联系方式。图标拖进来，大小调整成16x13px，颜色叠加#088ecc，其他同上，不同的就是「联系」字样颜色为#424a51

Photoshop设计时尚的个人作品网页界面

Step 17

现在做简介页面，回到简介图层组。

前景色改成 #f7f7f7，创建一个大小320x1320px的矩形，紧贴左侧栏和第五条参考线。

Photoshop设计时尚的个人作品网页界面

Step 18

前景色改成#e7e7e8，创建一条直线，大小1px，放在底部，长度到第五条参考线处，见图：

Photoshop设计时尚的个人作品网页界面

Step 19

现在创建时间轴，利用直线工具，画一条竖线，大小为3px，命名为时间轴，位置：距左侧栏24px，顶部30px

Photoshop设计时尚的个人作品网页界面

Step 20

前景色改成#d35136，画一个圆形，大小11x11px，位置：距左侧栏跟顶部都是20px，见图：

Photoshop设计时尚的个人作品网页界面

Step 21

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) 界面设计设计时尚网页模板佚名作品