psschool 发表于 2015-5-5 00:00:00

Photoshop设计超酷的应用程序软件图标

本教程主要使用photoshop设计超酷的应用程序软件图标,入门的同学,可以打开我给网址在这里学,英文不好,没关系啊,谷歌翻译,即使生硬,对于我们入门的同学来说,能猜得出来的啦。
开始切入正题:
1.新建画布512*515,背景先白色,做完后改成黑色(不要纯黑)
2.选择圆角矩形工具,绘制512px*512px、半径80px的圆角矩形,命名圆角-底
http://www.06ps.com/d/file/2015/0505/20150505083908570.jpg
3.在绘制一个圆角矩形,命名“圆角-顶”,512*470px、半径80px,位置如下,并添加斜面浮雕和图案叠加(素材在下面下载)
http://www.06ps.com/d/file/2015/0505/20150505083909869.jpg

http://www.06ps.com/d/file/2015/0505/20150505083910186.jpg

http://www.06ps.com/d/file/2015/0505/20150505083911718.jpg
   
               
                  4.选择椭圆工具,绘制一个400px x 390px 正圆,命名“椭圆-上”,居中对齐
http://www.06ps.com/d/file/2015/0505/20150505083912985.jpg
5.复制“椭圆-上”,右键图层清除样式,命名“椭圆-下”颜色值大神没给:66fffa,自个看图调,再按Ctrl+T,按住shift+Alt,等比例放大,也是自个调的
http://www.06ps.com/d/file/2015/0505/20150505083913664.jpg
6.在解压文件找到“TWN”标志图,命名“TWN标志-底”文字裁掉(不要告诉不会裁剪“C”),拖到图层最上方,
http://www.06ps.com/d/file/2015/0505/20150505083914320.jpg
7.给椭圆-上、下,分别添加样式,具体看图
椭圆-上
http://www.06ps.com/d/file/2015/0505/20150505083915794.jpg
在解压文件找到“tactile_noise.png”最小的,ps打开,按Ctrl+A,出现虚线框后,点编辑—定义图案—在点确定,完成后图案叠加
http://www.06ps.com/d/file/2015/0505/20150505083916492.jpg

http://www.06ps.com/d/file/2015/0505/20150505083918332.jpg
   
               
                  椭圆-下
http://www.06ps.com/d/file/2015/0505/20150505083919802.jpg

http://www.06ps.com/d/file/2015/0505/20150505083920464.jpg

http://www.06ps.com/d/file/2015/0505/20150505083922876.jpg

http://www.06ps.com/d/file/2015/0505/20150505083923168.jpg
8.复制“TWN标志-底”,命名“TWN标志-顶”,分别添加样式
TWN标志-底
http://www.06ps.com/d/file/2015/0505/20150505083924661.jpg

http://www.06ps.com/d/file/2015/0505/20150505083925580.jpg
   
               
                  TWN标志-底效果
http://www.06ps.com/d/file/2015/0505/20150505083928341.jpg
   
               
                  TWN标志-顶,完成后,按住Ctrl+L,输入值,如下图
http://www.06ps.com/d/file/2015/0505/20150505083929829.jpg

http://www.06ps.com/d/file/2015/0505/20150505083930813.jpg
TWN标志-顶效果
http://www.06ps.com/d/file/2015/0505/20150505083931581.jpg
9.复制椭圆-上,命名“椭圆-上高光”右击清除样式,重新添加样式,图层透明度10%
http://www.06ps.com/d/file/2015/0505/20150505083932260.jpg
   
               
                  要看效果,点击图层的眼睛,来回点,就行
http://www.06ps.com/d/file/2015/0505/20150505083933503.jpg
10.复制圆角-顶,不用改名称,在椭圆-上高光右击拷贝图层样式,回来,粘贴就行,图就不截哈!
11.按住Ctrl左键点击圆角-底,出现虚线框,新建图层名为“圆角顶-高光”,选择画笔工具(B),大小自调,前景色白色,在两边画垂直线,再Ctrl左键点击圆角-顶图层,效果如图,再按delete键,上半部分就会被删掉,Ctrl+D取消选框,填充15%,
http://www.06ps.com/d/file/2015/0505/20150505083934909.jpg

http://www.06ps.com/d/file/2015/0505/20150505083935309.jpg

http://www.06ps.com/d/file/2015/0505/20150505083937313.jpg

http://www.06ps.com/d/file/2015/0505/20150505083937149.jpg
   
               
                  最终效果
http://www.06ps.com/d/file/2015/0505/20150505083943229.jpg
大神效果图
http://www.06ps.com/d/file/2015/0505/20150505083945534.jpg

http://www.06ps.com/d/file/2015/0505/20150505083946287.jpg
   
               
                  12.鼠标左键点击椭圆-上图层,选择文字工具(T),在椭圆边缘输入“|” (回车键上面),按住shift+“|”,在左侧点击,看见左侧的点没,这样做才会“|”间隔对称,否则,有可能不对称,自个试;将图层移到椭圆-上图层下,添加内阴影、投影。
http://www.06ps.com/d/file/2015/0505/20150505083938976.jpg

http://www.06ps.com/d/file/2015/0505/20150505083939238.jpg

http://www.06ps.com/d/file/2015/0505/20150505083940459.jpg

http://www.06ps.com/d/file/2015/0505/20150505083942158.jpg
页: [1]
查看完整版本: Photoshop设计超酷的应用程序软件图标