手把手教你绘制写实的音乐播放器图标
今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下，适合有基础的同学进阶学习，重点依然是图层样式的运用
最终效果图：
http://img.jcwcn.com/attachment/portal/201503/25/203945khxmfh11mljflrkh.jpg新建一个600*600画布。
http://img.jcwcn.com/attachment/portal/201503/25/203945kjjbmkzhk4znh0ih.png来个白到灰的径向渐变。
http://img.jcwcn.com/attachment/portal/201503/25/203946vxeogee2a22zabxs.png椭圆工具画个300*300的圆。
http://img.jcwcn.com/attachment/portal/201503/25/203946qryrhbub1qiikd2b.png直接选择工具选中这两个点。
http://img.jcwcn.com/attachment/portal/201503/25/203946f6lt415tg2wi0tt2.png右键，自由变换点，在箭头标注的W位置输入80。
http://img.jcwcn.com/attachment/portal/201503/25/203947rxyvklddevy81rdy.png http://img.jcwcn.com/attachment/portal/201503/25/203947341w82lyy8mp28j2.png手把手教你绘制写实的音乐播放器图标2
重复上一步骤，选中上面两个点，在H位置输入80。
http://img.jcwcn.com/attachment/portal/201503/25/2039472lhzv7sa2soihf0f.jpg居中下，调整下大小自己感觉合适即可。
http://img.jcwcn.com/attachment/portal/201503/25/203947p5ehzzovkhryhv5o.png给调整好的圆角矩形添加图层样式，投影，渐变叠加。内阴影，斜面浮雕。
http://img.jcwcn.com/attachment/portal/201503/25/203948gmw0j8dzud99ebjo.png http://img.jcwcn.com/attachment/portal/201503/25/203948n9iks399kkspns9o.png http://img.jcwcn.com/attachment/portal/201503/25/203948p7yklpb2p30bybsb.png http://img.jcwcn.com/attachment/portal/201503/25/203948d44iv1sremrei8v8.png调整图层样式后的圆角矩形变的更有立体感。手把手教你绘制写实的音乐播放器图标3
接着添加斜面浮雕和投影。
http://img.jcwcn.com/attachment/portal/201503/25/2039496us6usyoqyq3361b.png http://img.jcwcn.com/attachment/portal/201503/25/203949dvdze3aheq2s3bvl.png再画一个圆。
http://img.jcwcn.com/attachment/portal/201503/25/203949127912i8a2l8ol78.png添加图层样式，先来个渐变叠加。
http://img.jcwcn.com/attachment/portal/201503/25/203950g6nsuz6ejlnbnnjj.png投影，内阴影，斜面浮雕。
http://img.jcwcn.com/attachment/portal/201503/25/20395004cwedmmwde3gg0z.png http://img.jcwcn.com/attachment/portal/201503/25/203951z1t6gkj6gdhkhzmr.png http://img.jcwcn.com/attachment/portal/201503/25/203951bcc38t0gt8bsqivk.png调整后的效果：
http://img.jcwcn.com/attachment/portal/201503/25/2039516hbbf2z7i6vby46v.pngok，这一步来教同学做光碟上的拉丝效果，使它更为逼真，新建图层，拉个圆形套索，填充白色。
http://img.jcwcn.com/attachment/portal/201503/25/203952urh3usuo9n89a311.png滤镜添加杂色。
http://img.jcwcn.com/attachment/portal/201503/25/2039537vf8h7snj7s7a7rl.png手把手教你绘制写实的音乐播放器图标4
滤镜径向模糊。
http://img.jcwcn.com/attachment/portal/201503/25/2039536dwuqcdqzk12lqxu.jpg剪辑蒙版。
（有同学反映插入后就不见了，方法是：调出圆形的图层样式，混合选项里，勾上“将内部效果混合成组”勾选掉，把剪贴图层混合成组。就ok了）
http://img.jcwcn.com/attachment/portal/201503/25/203954ax7x3jxsxa0a0x2j.png
模式改为叠加，调整不透明度。
http://img.jcwcn.com/attachment/portal/201503/25/203954773um7qbpwmom9h1.png这样拉丝效果就出现了，也更加逼真点。
http://img.jcwcn.com/attachment/portal/201503/25/203954oggcizcudpocgcys.png再画个圆形添加渐变叠加。
http://img.jcwcn.com/attachment/portal/201503/25/203955b9kkuczfdkvndekd.jpg把拉丝图层拷贝出来，剪进去，透明度调低点，给它也添加拉丝效果。
http://img.jcwcn.com/attachment/portal/201503/25/203956j7xf8uwjww30au9o.png再画一个圆形填充红色。
http://img.jcwcn.com/attachment/portal/201503/25/2039563n7232m36vm7ir33.png添加图层样式，投影，内阴影（参数可自己调整）。
http://img.jcwcn.com/attachment/portal/201503/25/203956j5zk3f22f3jj9kwc.png拷贝拉丝图层剪辑进去。
http://img.jcwcn.com/attachment/portal/201503/25/203957mibdzzzjjmjbwrzi.jpg再画一个圆形，填充淡红色，也添加拉丝效果，即有俩红色圆形。
http://img.jcwcn.com/attachment/portal/201503/25/203958t4t3qqv9qyqvyw83.jpg手把手教你绘制写实的音乐播放器图标5
再画个小圆形填充白色。
http://img.jcwcn.com/attachment/portal/201503/25/203958z03grwkd3zrvyikm.jpg添加投影，内阴影。
http://img.jcwcn.com/attachment/portal/201503/25/203958xi05t9n959j10pjz.jpg http://img.jcwcn.com/attachment/portal/201503/25/2039591xc4x1llhai4x4lt.jpg画个白色小圆放在这个位置，来做支架。
http://img.jcwcn.com/attachment/portal/201503/25/203959oo8lzdjeublmbjmy.png添加渐变叠加和斜面浮雕。
http://img.jcwcn.com/attachment/portal/201503/25/204001ebhkekbiq7rtziwz.jpg http://img.jcwcn.com/attachment/portal/201503/25/2040014204tx62pxbtu42b.jpg画个白色小圆，添加一像素描边，
http://img.jcwcn.com/attachment/portal/201503/25/204001z6js8kfrajz5akaa.png支架部分很简单，同学们试着去做下，全都是用形状工具做的。
形状工具入门教程：《超实用！Photoshop基础形状新手入门指南全科普》
http://img.jcwcn.com/attachment/portal/201503/25/204001sdsr4z095e5m698m.png搞定后最终效果：
http://img.jcwcn.com/attachment/portal/201503/25/204002ylub89hz7ulz9luz.jpg
页:
[1]