ps设计一个APP应用程序图标
随着Android等操作系统的开发，现在的互联网逐步向手机端应用推进，很多都有了手机端应用程序，必须淘宝，新浪等，所以手机端应用程序UI设计也逐 步的成为新潮，下面来看下一个APP应用程序图标的制作吧，这只是个思路，算抛砖引玉，有很多时候，我们感觉我们不会，而不是正真的我们不会，是我们没有接触过。素材包下载：
http://www.16xx8.com/ps/soft/121109/16xx8教程素材.rar
看下
效果
图：
http://pic.16xx8.com/allimg/2012/11/09/230315K07-0.jpg
1.新建画布
http://pic.16xx8.com/allimg/2012/11/09/2303152X1-1.png
2.选择圆角矩形工具，点击画布，跳出设置弹框，设置如下，颜色设置为#000000，得到圆角矩形1
http://pic.16xx8.com/allimg/2012/11/09/230315J21-2.png
3.继续选择圆角矩形工具，点击画布，跳出设置弹框，设置如下，颜色设置为#898989，得到圆角矩形2
http://pic.16xx8.com/allimg/2012/11/09/2303151138-3.png
4.将两个图层的位置摆放如下
http://pic.16xx8.com/allimg/2012/11/09/23031525T-4.png
5.选择椭圆工具，点击画布，跳出设置弹框，设置如下，颜色设置为#323232，得到椭圆1
http://pic.16xx8.com/allimg/2012/11/09/23031541O-5.png
http://pic.16xx8.com/allimg/2012/11/09/2303153456-6.png
6.复制椭圆1，得到椭圆1副本，拉到椭圆1图层下面，颜色改成#77f8f3，然后ctrl+T，按住shift+alt进行按照中心放大
http://pic.16xx8.com/allimg/2012/11/09/2303153093-7.png
7.将我们的logo拖进去，调整好大小和位置
http://pic.16xx8.com/allimg/2012/11/09/23031512D-8.png
8.选择圆角矩形2，把素材包里的 tactile_noise 压缩包里面的图案自定义图案，然后给此图层添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/23031545a-9.png
http://pic.16xx8.com/allimg/2012/11/09/230315O06-10.png
9.拷贝图层样式，粘贴到椭圆1，然后继续给椭圆1添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/230315II-11.png
http://pic.16xx8.com/allimg/2012/11/09/230315D13-12.png
10.选择椭圆1副本,添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/2303154031-13.png
http://pic.16xx8.com/allimg/2012/11/09/230315C45-14.png
http://pic.16xx8.com/allimg/2012/11/09/2303153542-15.png
http://pic.16xx8.com/allimg/2012/11/09/230315K08-16.png
http://pic.16xx8.com/allimg/2012/11/09/2303155430-17.png
11.将logo复制一层，然后ctrl+L，设置色阶
http://pic.16xx8.com/allimg/2012/11/09/2303152Y5-18.png
12.给logo副本添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/23031520F-19.png
13.回到logo图层，添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/2303154107-20.png
http://pic.16xx8.com/allimg/2012/11/09/2303153495-21.png
http://pic.16xx8.com/allimg/2012/11/09/230315N63-22.png
14.选择椭圆1图层，添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/2303151H9-23.png
http://pic.16xx8.com/allimg/2012/11/09/2303151A8-24.png
15.回到圆角矩形1图层，添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/2303156030-25.png
http://pic.16xx8.com/allimg/2012/11/09/2303154127-26.png
16.回到圆角矩形2图层，添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/2303155a0-27.png
http://pic.16xx8.com/allimg/2012/11/09/2303152P3-28.png
17.在圆角矩形2图层上面新建一个图层，得到图层2，按住ctrl点击圆角矩形1图层，调出圆角矩形1图层的选区
，然后用白色柔焦画笔，画出如图的效果
http://pic.16xx8.com/allimg/2012/11/09/2303154438-29.png
18.然后按住ctrl点击圆角矩形2图层，调出圆角矩形2图层的选区，删除，得到如图效果
http://pic.16xx8.com/allimg/2012/11/09/2303153I7-30.png
19.将图层2的不透明度改成15%
http://pic.16xx8.com/allimg/2012/11/09/2303151427-31.png
http://pic.16xx8.com/allimg/2012/11/09/2303153N1-32.png
20.回到圆角矩形1图层，添加图层样式
http://pic.16xx8.com/allimg/2012/11/09/230315N36-33.png
http://pic.16xx8.com/allimg/2012/11/09/230315HT-34.png
21.复制圆角矩形2，得到圆角矩形2副本，去除所有的图层样式，重新添加图层样式，然后图层不透明度改成10%
http://pic.16xx8.com/allimg/2012/11/09/230315M34-35.png
22.同样的方法，复制椭圆1，得到椭圆1副本2，添加上个步骤的图层样式，图层不透明度改成10%
http://pic.16xx8.com/allimg/2012/11/09/2303154R7-36.png
23.选择文字工具，在椭圆1路径上面打“|||||”，你自己复制引号里的，然后把图层拉到椭圆1的下面，调出椭圆1副本的选区，添加蒙板，注意调节好字体间距
http://pic.16xx8.com/allimg/2012/11/09/2303152022-37.png
24.给字体层添加图层样式，然后把填充改成0%，完成最后的效果
http://pic.16xx8.com/allimg/2012/11/09/230315A00-38.png
http://pic.16xx8.com/allimg/2012/11/09/230315O95-39.png
http://pic.16xx8.com/allimg/2012/11/09/23031522P-40.png
最终效果图
http://pic.16xx8.com/allimg/2012/11/09/230315K07-0.jpg
教程编号:111689 作者:P学堂 出处:未知
页:
[1]