ps cs6设计个人作品网页模板教程(6)插图

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

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

ps cs6设计个人作品网页模板教程(2)插图

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

改变前景色为 #FFFFFF,选择文字工具,选择安装好的字体,大小16pt,写上你的英文名,移动到距头像下25px的位置,确保在第三条参考线的中间。 Step 8 现在为自己添加点个人介绍吧,作者使用的字体大小14pt,距名字2

广告位
ps cs6设计个人作品网页模板教程(5)插图

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

复制矩形,移动到离第一个矩形20px处,以此类推,再加上素材里的图片,重复蒙版的步骤。 Step 28 重复简介部分的操作,记得对齐。 Step 29 把矢量素材的刷新图标拖进来,颜色叠加#a0a2a4,大小20x20px,位置:距图

ps cs6设计个人作品网页模板教程(4)插图

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

为圆形图层添加样式,参数如下: Step 22 前景色改成#11171c,打字,随喜,按照作者的例子也行。大小14pt,加粗,位置:距圆形和顶部都是20px。 恩,到这个时候你可能注意到整个设计的节奏感了,如何去平衡页面的各

ps cs6设计个人作品网页模板教程(3)插图

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

把联系人的图标拖进来,转成智能对象,大小调整成16x16px,颜色叠加#27b599,位置在目录30px下,紧贴第一条参考线。 Step 15 重复上次步骤。唯一不同的是,「关于」的文本颜色改为#424a51 Step 16 最后创建联系方式

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

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

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

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部