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

Photoshop设计教程:设计一款漂亮的网页模板(3)

来源:未知 作者:bbs.16xx8.com 学习:1377人次

加上文字和图片,并且在左上角注明标题(添加外发光样式,系数给出),右上角注明日期和另外一个logo出现过的五角星(笔刷工具)。

再在下面添加一个类似层,你将得到如下效果,

继续在画布右侧,画出两个前面我们做过的渐变(垂直)交叉层,渐变系数给出。

 

得到以下效果:

添加上文字和图片,

将以上三个图层放如一个组中,复制组,放置在下方。

用矩形工具在下方做出若干个矩形图形,交替的添加渐变样式(垂直),渐变系数分别给出。

 

添加上文字和标题,所用字体(标题的外发光样式)同上。

矩形工具,拉一个大的圆角矩形,包括页面以下的两个板块,添加渐变样式(垂直)。

添加蒙版,略微用黑色笔刷在蒙版上将两边擦暗一点,得到如下效果。

再次用椭圆形状工具+变形工具,在页面底部同样拉出不规则的若干椭圆形状,添加上颜色#0066cc。

大功告成,我们就得到了如此精致绚丽的网页,该教程主要是训练了学习者对于网页层次感的把握以及细节的处理,跟着做一遍能大有收获的。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
鹏宇2018-12-14 03:50
太棒了
自以为是的草民2017-05-28 08:22
就爱来16xx8看教程
黑骏马2017-05-28 12:56
喜欢这效果
苗条的妞儿2017-05-28 03:09
感谢
金希丶澈2017-05-28 03:07
好人

关注大神微博加入>>

网友求助,请回答!