photoshop制作出典雅秀气的Itunes10图标效果
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="455" alt="Itunes10 图标 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433216.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档600x600像素，背景白色，建新层填充黑色，添加渐变叠加样式，颜色自行设置，浅灰色即可，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="388" alt="Itunes10 图标 ps教程" width="391" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433217.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，画一黑色正圆，然后减法模式画一个小的正圆，得到一个圆环，你懂的。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="382" alt="Itunes10 图标 ps教程" width="383" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433218.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="409" alt="Itunes10 图标 ps教程" width="259" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433219.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="246" alt="Itunes10 图标 ps教程" width="335" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433220.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="397" alt="Itunes10 图标 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433221.jpg" /></p>
<p style="TEXT-INDENT: 2em">上一步忘把显示辅助线了，在画布中央做2条辅助线作为参考中心，底部建新层形状2，同样方法做一个小的黑色圆环。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="394" alt="Itunes10 图标 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433222.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="240" alt="Itunes10 图标 ps教程" width="335" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433223.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="404" alt="Itunes10 图标 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433224.jpg" /></p>
<p style="TEXT-INDENT: 2em">底部新建图层形状3，画一黑色正圆。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="420" alt="Itunes10 图标 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433225.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="269" alt="Itunes10 图标 ps教程" width="263" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433226.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="Itunes10 图标 ps教程" width="248" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433227.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="369" alt="Itunes10 图标 ps教程" width="370" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433228.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层画一白色椭圆，图层不透明度50%，添加蒙版黑白直线渐变，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="363" alt="Itunes10 图标 ps教程" width="300" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433229.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，前景色白色画下图所示图形，图层模式叠加，不透明度40%，添加蒙版，黑白径向渐变，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="461" alt="Itunes10 图标 ps教程" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433230.jpg" /> </p>
<p style="TEXT-INDENT: 2em">同样的方法做出内部高光。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="505" alt="Itunes10 图标 ps教程" width="300" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433231.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，画下图所示音乐符号，颜色任意。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="380" alt="Itunes10 图标 ps教程" width="370" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433232.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="199" alt="Itunes10 图标 ps教程" width="256" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433233.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="410" alt="Itunes10 图标 ps教程" width="261" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433234.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="Itunes10 图标 ps教程" width="273" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433235.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="Itunes10 图标 ps教程" width="258" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433236.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="393" alt="Itunes10 图标 ps教程" width="397" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433237.jpg" /></p>
<p style="TEXT-INDENT: 2em">最后添加个阴影，最终效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="455" alt="Itunes10 图标 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011071208433216.jpg" /></p>
頁:
[1]