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

photoshop设计软件行业网站模板教程

来源：未知 作者：┆死┆ 学习：324人次

软件行业网站需要的是专业性的视觉效果，所以在本文中的页面设计并没有使用过于鲜艳的颜色，而是用比较酷的一排金属按钮来完成页面的视觉效果
作者:amitk 来源:websbook.com翻译

先看看最终效果图：

 



新建760x770大小PS文件，设置前景色为#e8e8e8，新建图层，随后用油漆捅工具在新建的图层上制作渐变色，颜色从#e8e8e8到透明，如下图设置

 



随后用油漆桶从下往上拉条渐变线，效果如下图

 



用圆角矩形工具，半径为7px



随后制作下图这些圆角矩形形状

 



使用椭圆工具制作下面四个正圆(按shift建绘制正圆)

 



为四个圆添加图层样式

 



 



 



 



 



结果如下

 



现在我再制作四个黑色的圆放在之前的图层上，如下

 

共3页:上一页123下一页 在本页浏览全教程

学习 · 提示

  • 一定要打开PS，跟着教程做一遍，做完的图到这交作业：提交作业
  • 建议练习时，大家自己找素材，尽量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到论坛发帖提问：新手求助
  • 加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
  • 关注我们学更多，每天都有新教程：新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
万仝汰2011-07-17 03:17
我是新来的 多向大家学习啊 呵呵
 回复
海盗十二郎2011-03-10 11:27
<给力>
 回复
3586734022010-11-13 02:21
怎么全部是叉叉呀<给力>
 回复
sopia2010-06-16 09:49
都是叉叉！
 回复
CoBeekin2010-03-16 04:48
我以为是我电脑网速的问题，原来LS的也看不到啊
 回复
woaill20102010-01-22 11:50
dou看不到图··
 回复
查看全部评论 >

关注大神微博加入>>

网友求助，请回答！