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

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

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

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

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

Step 28

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

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

Step 29

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

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

Step 30

最后一步咯

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

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

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

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

 

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

学习 · 提示

  • 一定要打开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
真复杂啊~~~~~

关注大神微博加入>>

网友求助,请回答!