按住shift键画灰色的分割线 。
第二十二步
为每个切换标题添加小图标 。我用了来自WebAppers.com的图标 。通常一个切换标题激活了其他的就处于非激活状态了 。为了清楚表达这一点，我们需要想个办法完成它 。我降低其他图标的饱和度并且降低标题字眼和描述文字的透明度一保证激活的标题处于高亮状态 。
第二十三部
为了使激活的按钮更加明显，我们将给它添加一个时尚的背景 。为了达到这样的效果我们把整个对象选中然后裁切选区（按住alt画选区即可把不要的选区去掉）最终使选中的范围只有第一个按钮 。
如上图所示即为所要达到的选区 。
用一个更小的软笔刷，画出一个白色背景 。
第二十四步
增加一个阴影：在切换菜单的后面如上图所示画一个深灰色的长方形 。
点击图层区底部的小图标给该层增加一个蒙版 。
把前景色设置为黑色，选一个大的软笔刷，在蒙版层上面点击（如图所示，蒙板上面出了白色之外的颜色都会遮挡图层）使部分黑色去掉 。结果，我们创建了一个比较好看的阴影效果 。
最后我们加点细节 。在切换菜单下方画一个1px的灰线 。然后如上一步一样用蒙版的方式使左右两端渐变 。现在我们就得到一条比较时尚好看的线了 。
现在切换菜单就像这样 。
第二十五步
现在开始设计第一个切换按钮的内容 。我们需要一个精准设计的图像（有好看的标题和一些文字内容） 。首先我们得创建这个精准的图片 。这里我认为我们较好打破这个图片尖锐的棱角设计，从而创造一个多彩的效果 。因此我现在画一个白色有1像素灰色边框的长方形，再给它加上细微的阴影效果 。
复制这一层并用变形工具稍微旋转 。重复这个操作几次
把你选好的图片导进来，放在白色长方形上面 。不用担心图片会溢出，我们会修整它 。选中最上层的长方形，按选择->修改->收缩 ，输入5px,确认，然后在图层管理区下方点击添加图层蒙版，这样图片就只显示选区范围 。
这就是你现在图层的状态 。
第二十六步
不要忘记整理图层，这里新建图层夹把图层归类 。
增加一个漂亮的标题、一些文本和列表，我们的设计工作又完成一部分 。现在继续下一步吧 。
推荐阅读
- 如何寻找卡西欧手表说明书
- 如何拍出专业到位的美食照，职业美食摄影师告诉你
- 如何给儿童拍照，16种儿童摄影POSE
- PS教程，巧用滤镜快速将人物照片转成素描肖像
- CAD转成PDF教程 CAD文件怎么转换成PDF
- 如何活出诗意的人生？
- PS教程：教你制作扁平化手机
- 笔趣阁如何上传小说
- 如何利用好光和影的结合，教你发现艺术之美
- 如何除去84消毒液的气味