PS设计应用程序图标_网页logo教程 - Powered by Discuz! Archiver

civilword 发表于 2015-5-6 13:11:21

PS设计应用程序图标

跟大家分享一篇国外大神的应用程序设计教程，有兴趣的跟着一起练习吧。素材链接：http://pan.baidu.com/s/1o6spF8A 密码：lcyf

最终效果：

http://pic.16xx8.com/allimg/150503/140G554S-31.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137420 作者：2015heibai 出处：站酷

civilword 发表于 2015-5-6 13:11:21

1.新建画布512*515，背景先白色，做完后改成黑色（不要纯黑） 2.选择圆角矩形工具，绘制512px*512px、半径80px的圆角矩形，命名圆角-底
http://pic.16xx8.com/allimg/150503/140G53513-0.jpg

civilword 发表于 2015-5-6 13:11:21

3.在绘制一个圆角矩形，命名“圆角-顶”，512*470px、半径80px，位置如下，并添加斜面浮雕和图案叠加
http://pic.16xx8.com/allimg/150503/140G52911-1.jpg

http://pic.16xx8.com/allimg/150503/140G5B59-2.jpg

http://pic.16xx8.com/allimg/150503/140G53I6-3.jpg

civilword 发表于 2015-5-6 13:11:21

4.选择椭圆工具，绘制一个400px x 390px正圆，命名“椭圆-上”，居中对齐
http://pic.16xx8.com/allimg/150503/140G563P-4.jpg

civilword 发表于 2015-5-6 13:11:21

5.复制“椭圆-上”，右键图层清除样式，命名“椭圆-下”颜色值大神没给：66fffa，自个看图调，再按Ctrl+T，按住shift+Alt，等比例放大，也是自个调的
http://pic.16xx8.com/allimg/150503/140G53603-5.jpg

civilword 发表于 2015-5-6 13:11:21

6.在解压文件找到“TWN”标志图，命名“TWN标志-底”文字裁掉（不要告诉不会裁剪“C”），拖到图层最上方，
http://pic.16xx8.com/allimg/150503/140G5OT-6.jpg

civilword 发表于 2015-5-6 13:11:21

7.给椭圆-上、下，分别添加样式，具体看图椭圆-上
http://pic.16xx8.com/allimg/150503/140G5Ob-7.jpg

civilword 发表于 2015-5-6 13:11:21

在解压文件找到“tactile_noise.png”最小的，ps打开，按Ctrl+A，出现虚线框后，点编辑—定义图案—在点确定，完成后图案叠加
http://pic.16xx8.com/allimg/150503/140G53W1-8.jpg

http://pic.16xx8.com/allimg/150503/140G51114-9.jpg

civilword 发表于 2015-5-6 13:11:21

椭圆-下
http://pic.16xx8.com/allimg/150503/140G53A1-10.jpg

http://pic.16xx8.com/allimg/150503/140G549E-11.jpg

http://pic.16xx8.com/allimg/150503/140G54102-12.jpg

http://pic.16xx8.com/allimg/150503/140G56136-13.jpg

civilword 发表于 2015-5-6 13:11:21

8.复制“TWN标志-底”，命名“TWN标志-顶”，分别添加样式 TWN标志-底
http://pic.16xx8.com/allimg/150503/140G55191-14.jpg

http://pic.16xx8.com/allimg/150503/140G530S-15.jpg
TWN标志-底效果
http://pic.16xx8.com/allimg/150503/140G5C57-16.jpg

civilword 发表于 2015-5-6 13:11:21

TWN标志-顶，完成后，按住Ctrl+L，输入值，如下图
http://pic.16xx8.com/allimg/150503/140G55350-17.jpg

http://pic.16xx8.com/allimg/150503/140G54417-18.jpg
TWN标志-顶效果
http://pic.16xx8.com/allimg/150503/140G52401-19.jpg

civilword 发表于 2015-5-6 13:11:21

9.复制椭圆-上，命名“椭圆-上高光”右击清除样式，重新添加样式，图层透明度10%
http://pic.16xx8.com/allimg/150503/140G51O8-20.jpg
要看效果，点击图层的眼睛，来回点，就行
http://pic.16xx8.com/allimg/150503/140G52K5-21.jpg

civilword 发表于 2015-5-6 13:11:21

10.复制圆角-顶，不用改名称，在椭圆-上高光右击拷贝图层样式，回来，粘贴就行，图就不截哈！ 11.按住Ctrl左键点击圆角-底，出现虚线框，新建图层名为“圆角顶-高光”，选择画笔工具（B），大小自调，前景色白色，在两边画垂直线，再Ctrl左键点击圆角-顶图层，效果如图，再按delete键，上半部分就会被删掉，Ctrl+D取消选框，填充15%，
http://pic.16xx8.com/allimg/150503/140G5IU-22.jpg

http://pic.16xx8.com/allimg/150503/140G54929-23.jpg

http://pic.16xx8.com/allimg/150503/140G532H-24.jpg

http://pic.16xx8.com/allimg/150503/140G534N-25.jpg

civilword 发表于 2015-5-6 13:11:21

12.鼠标左键点击椭圆-上图层，选择文字工具（T），在椭圆边缘输入“|” （回车键上面），按住shift+“|”，在左侧点击，看见左侧的点没，这样做才会“|”间隔对称，否则，有可能不对称，自个试；将图层移到椭圆-上图层下，添加内阴影、投影。
http://pic.16xx8.com/allimg/150503/140G5KY-26.jpg

http://pic.16xx8.com/allimg/150503/140G51342-27.jpg

http://pic.16xx8.com/allimg/150503/140G5FD-28.jpg

http://pic.16xx8.com/allimg/150503/140G562c-29.jpg
最终效果
http://pic.16xx8.com/allimg/150503/140G532X-30.jpg

civilword 发表于 2015-5-6 13:11:21