优艾设计网

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

优艾设计网 https://www.uibq.com 2023-03-12 16:45 出处:网络 作者:佚名
在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。

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

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

Step 15

重复上次步骤。唯一不同的是,「关于」的文本颜色改为优艾设计网_Photoshop技巧#424a51

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

Step 16

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

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

Step 17

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

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

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

Step 18

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

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

Step 19

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

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

Step 20

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

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

Step 21

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消