浩浩妈 發表於 2014-9-18 16:13:10

PS绘制非常有质感的立体按钮

<p>这篇教程是向琼殿技术社区的朋友介绍利用PS绘制非常有质感的立体按钮过程，绘制出来的按钮很有质感。教程有点长，但介绍地很详细，图是临摹的，教程整理很辛苦。感谢原创作者隐风，推荐过来，喜欢的朋友可以跟着一起来学习哦！</p>
<p>最终效果</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214389.png" /></p>
<p>具体的制作步骤如下：</p>
<p>Ctrl+N新建画布，大小为3000&times;2380像素，分辨率300dpi,点击确定。</p>
<p>新建组，命名为&quot;background&quot;，在组内新建图层，在工具栏选择渐变工具，模式为径向渐变，单击渐变条，在背景图层上由上往下拉动光标填充背景，如图。<o:p></o:p></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214390.png" /></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214391.png" /></p>
<p>单击形状工具，选择圆角矩形工具，将半径设置为25，在画布中央绘制一个长条状的圆角矩形，填充为白色，如图。</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214392.png" /></p>
<p>Ctrl+J复制此图层，单击移动工具，按键盘的&quot;&uarr;&quot;键将副本层向上移动3像素，双击图层添加图层样式（fx)，勾选&quot;渐变叠加&quot;效果如图。<o:p></o:p></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214393.png" /></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214394.png" /></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214395.png" /><br /></p>
<p>新建组1，并在组1内新建图层。 &nbsp;&nbsp;</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214396.png" /></p>
<p>单击形状工具里的圆角矩形工具，将半径设置为25像素，按住shift键在矩形框内绘制一个圆角矩形，为该图层添加图层样式。</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214397.png" /></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214398.png" /></p>
<p>Ctrl+J复制图层，单击移动工具，向下移动3像素，并为图层添加图层样式，勾选&quot;斜面和浮雕&quot;&quot;内发光&quot;&quot;渐变叠加&quot;，颜色如图。</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214399.png" /></p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214400.png" /></p>
<p>注意这里&quot;光泽等高线&quot;需要调整，调整成如图的效果。</p>
<p><img title="PS打造超强质感按钮（二） 琼殿技术社区 PS鼠绘教程" alt="" src="https://img.jbzj.com/file_images/article/201409/20140918161214401.png" /></p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 3 4 下一页 阅读全文</div>
頁: [1]
查看完整版本: PS绘制非常有质感的立体按钮