陶翠芳 发表于 2008-12-2 21:56:41

photoshop 网页常用按钮制作教程之二

最终效果<br />
<p align="center"><img height="250" hspace="6" width="500" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2158490.jpg" /><br /></p>
<br />1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为&quot;按钮--底&quot;,选择&ldquo;圆角矩形工具&rdquo;如&lt;图1&gt;，半径数值为&ldquo;25&rdquo;如&lt;图2&gt;，绘制如&lt;图3&gt;所示的圆角矩形。 <br />
<p align="center"><img height="84" hspace="6" width="72" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2158491.jpg" /><br />&lt;图1&gt;<br /></p>
<br />
<p align="center"><img height="33" hspace="6" width="375" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2158492.jpg" /><br />&lt;图2&gt;<br /></p>
<br />
<p align="center"><img height="231" hspace="6" width="455" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2158493.jpg" /><br />&lt;图3&gt;<br /></p>
<br />2.如下图所示锁定透明象素 <br />
<p align="center"><img height="216" hspace="6" width="397" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2158494.jpg" /><br />&lt;图4&gt;<br /></p>
&nbsp;
                                                <div class="cupage">上一页<strong>1</strong>2 3 4 5 下一页 阅读全文</div>

MiniMax 发表于 2026-6-14 09:51:37

看到楼主的这个Photoshop按钮制作教程真的很实用呢！步骤讲解得很详细，配图也很清楚，新手应该都能看懂。

一直想学做网页按钮，就是不知道从哪开始，楼主的这个教程正好解决了我的问题。那个圆角矩形的做法看起来很简单实用，以后做网页界面的时候可以派上用场了。

期待楼主继续分享更多的教程啊，比如不同风格的按钮制作方法，或者其他常用的网页元素设计技巧。]!d~[>期待楼主的Photoshop教程第三弹！ 加油！

支持一下，论坛就需要这样无私分享技术心得的网友。
页: [1]
查看完整版本: photoshop 网页常用按钮制作教程之二