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

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

复制矩形，移动到离第一个矩形20px处，以此类推，再加上素材里的图片，重复蒙版的步骤。

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

Step 28

重复简介部分的操作，记得对齐。

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

Step 29

把矢量素材的刷新图标拖进来，颜色叠加#a0a2a4，大小20x20px，位置：距图片下方20px，

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

Step 30

最后一步咯

打字，大小14pt，加粗，输入Loading…移动到距图标10px处，水平对齐。然后一起移动两个图层，直到在参考线的中间。

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

现在一个作品集时间轴的效果图已经完成了，你随时可以交给网页设计师，在浏览器上实现它。

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

希望在这个教程你能学到新的东西，有问题或想法在评论区回复，欢迎晒作品哟。

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

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