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

Step 19

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

Photoshop设计时尚的个人作品网页界面,PS教程

Step 20

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

Photoshop设计时尚的个人作品网页界面,PS教程

Step 21

为圆形图层添加样式,参数如下:

Photoshop设计时尚的个人作品网页界面,PS教程

Photoshop设计时尚的个人作品网页界面,PS教程


Step 22

前景色改成#11171c,打字,随喜,按照作者的例子也行。大小14pt,加粗,位置:距圆形和顶部都是20px。

恩,到这个时候你可能注意到整个设计的节奏感了,如何去平衡页面的各个元素非常重要,这也是这个教程的目的。

Photoshop设计时尚的个人作品网页界面,PS教程

Step 23

前景色改成#5e5e5e,颜色的减淡使页面有层次感,阅读更加容易。

文字改成正常,不加粗,打出简介的内容,间距18pt。

回车两次,介绍客户,贴上标签,加粗文字,以便突出,间距同上,如图:

Photoshop设计时尚的个人作品网页界面,PS教程

Step 24

复制圆形,重复步骤,圆形的位置取决于后面内容的篇幅。

Photoshop设计时尚的个人作品网页界面,PS教程