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

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

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

在另外一侧,选择椭圆工具画三个椭圆,颜色#003333,并将图层面板内填充设为70%,

选择星形笔刷,新建图层,在椭圆周围画几个大小不一的星星,填充设为20%,

制作网站左上方logo,由添加渐变的星形笔刷和域名构成,以下为渐变系数、字体系数与得到效果:

同样在右侧添加迷你导航,

添加导航,

在导航右侧画一个渐变圆角矩形,添加图层样式渐变叠加、描边,系数如下:

在矩形内添加必要说明,

运用圆角矩形工具在导航下方拉一个圆角矩形,宽高如图:

拖入素材,对素材层执行剪切蒙版,如下图:

再次用圆角矩形工具,图片的下面再拉出一个圆角矩形,并运用锚点工具将右侧的两个圆角改为直角,图层样式>渐变叠加。

再下一层再拉出一个圆角矩形,同样添加渐变叠加。

得到如下效果:

接下来用软的笔刷工具为上下两层加上亮角,颜色为# 0099CC

学习 · 提示

  • 一定要打开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
好人

关注大神微博加入>>

网友求助,请回答!