作者：minijoe 时间： 2009-11-04 文档类型：翻译 来自：蓝色理想
第 1 页 网页设计从零开始 [1] 第 2 页 网页设计从零开始 [2] 第 3 页 网页设计从零开始 [3] 第 4 页 网页设计从零开始 [4] 第 5 页 网页设计从零开始 [5] 第 6 页 网页设计从零开始 [6] 第 7 页 网页设计从零开始 [7] 第 8 页 网页设计从零开始 [8] 第 9 页 网页设计从零开始 [9] 第 10 页 网页设计从零开始 [10] 第 11 页 网页设计从零开始 [11] 第 12 页 网页设计从零开始 [12] 第 13 页 网页设计从零开始 [13] 第 14 页 网页设计从零开始 [14] 第 15 页 网页设计从零开始 [15]
第二十五步
现在开始设计第一个切换按钮的内容。我们需要一个精准设计的图像（有好看的标题和一些文字内容）。首先我们得创建这个精准的图片。这里我认为我们最好打破这个图片尖锐的棱角设计，从而创造一个多彩的效果。因此我现在画一个白色有1像素灰色边框的长方形，再给它加上细微的阴影效果。
复制这一层并用变形工具稍微旋转。重复这个操作几次
把你选好的图片导进来，放在白色长方形上面。不用担心图片会溢出，我们会修整它。选中最上层的长方形，按选择->修改->收缩 ，输入5px,确认，然后在图层管理区下方点击添加图层蒙版，这样图片就只显示选区范围。
这就是你现在图层的状态。
出处：蓝色理想 责任编辑：bluehearts
上一页 网页设计从零开始 [11] 下一页 网页设计从零开始 [13]
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
第 1 页 
第 12 页 网页设计从零开始 [12]
