当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

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

来源:优设 作者:佚名 学习:28457人次

把联系人的图标拖进来,转成智能对象,大小调整成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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
曙光_照亮黑夜2017-06-01 05:38
过来看看 是怎样搞的Katherine 的原帖:有中文版的吗?
曙光_照亮黑夜2017-06-01 05:38
没有中文版的?
Katherine2017-05-28 04:16
过来看看 是怎样搞的
此处无需多言2017-05-28 02:42
看起来很好的效果
塞尚的苹果2017-05-28 04:16
真复杂啊~~~~~

关注大神微博加入>>

网友求助,请回答!