__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

手把手教你设计播放器图标

今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下

效果:

http://pic.16xx8.com/allimg/150511/16495R214-24.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:137545 作者:凉星在 出处:未知

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第一步:新建画布,大小自定,填充一个淡色。
http://pic.16xx8.com/allimg/150511/16495Q547-0.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第二步:画一个圆形,大小自定,填充如下。
http://pic.16xx8.com/allimg/150511/16495Q637-1.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

接上边的数值。
http://pic.16xx8.com/allimg/150511/16495Q056-2.jpg

http://pic.16xx8.com/allimg/150511/16495QV0-3.jpg

http://pic.16xx8.com/allimg/150511/16495UZ6-4.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第三步:复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。
http://pic.16xx8.com/allimg/150511/16495Q612-5.jpg
接上数值:
http://pic.16xx8.com/allimg/150511/16495RB9-6.jpg


http://pic.16xx8.com/allimg/150511/16495RX6-7.jpg


http://pic.16xx8.com/allimg/150511/16495S443-8.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第四步:再画一个圆形,调整大小位置。
http://pic.16xx8.com/allimg/150511/16495Q117-9.jpg
图层样式数值。
http://pic.16xx8.com/allimg/150511/16495WG9-10.jpg

http://pic.16xx8.com/allimg/150511/16495VS2-11.jpg

http://pic.16xx8.com/allimg/150511/16495S557-12.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第五步:再画一个圆形,加渐变效果。
http://pic.16xx8.com/allimg/150511/16495R032-13.jpg
渐变数值:
http://pic.16xx8.com/allimg/150511/16495S225-14.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第六步:画一个三角形,填充自己喜爱的颜色,添加样式。
http://pic.16xx8.com/allimg/150511/16495S962-15.jpg

http://pic.16xx8.com/allimg/150511/16495V2C-16.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第七步:画一个这样的圆环。方法可参见:《PS教程!手把手教你绘制一枚锤子浏览器图标》
http://pic.16xx8.com/allimg/150511/16495R2M-17.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第八步:处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。
http://pic.16xx8.com/allimg/150511/16495R3B-18.jpg
数值:
http://pic.16xx8.com/allimg/150511/16495S0c-19.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第九步:右下角画一个这样的,方法参照上面的。
http://pic.16xx8.com/allimg/150511/16495RX9-20.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第十步:再画一个放在左边。
http://pic.16xx8.com/allimg/150511/16495V0X-21.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

第十一步:在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。
http://pic.16xx8.com/allimg/150511/16495R021-22.jpg

__聤丠b¨﹖ 发表于 2015-5-14 13:55:33

手把手教你设计播放器图标

第十二步:在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。
http://pic.16xx8.com/allimg/150511/16495W4A-23.jpg
最终效果:
http://pic.16xx8.com/allimg/150511/16495R214-24.jpg
页: [1]
查看完整版本: 手把手教你设计播放器图标