UI教程,ps设计应用程序图标

跟大家分享一篇国外大神的应用程序设计教程,有兴趣的跟着一起练习吧。

ps抽出完美快速抠出Twins照片教程(3)

12.抠出人体部分 关闭其余图层,选中人体(图层1副本),用快速选择工具,大小合适的画笔,沿人体外围移动,Delete删除背景,再次用快速选择工具选择箭头所指部分,Delete删除残余背景,抠出人体。 13.图为删除背景后

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

最终效果:
UI教程,ps设计应用程序图标插图

1.新建画布512*515,背景先白色,做完后改成黑色(不要纯黑) 2.选择圆角矩形工具,绘制512px*512px、半径80px的圆角矩形,命名圆角-底

UI教程,ps设计应用程序图标插图(1)

3.在绘制一个圆角矩形,命名“圆角-顶”,512*470px、半径80px,位置如下,并添加斜面浮雕和图案叠加

UI教程,ps设计应用程序图标插图(2)

UI教程,ps设计应用程序图标插图(3)

UI教程,ps设计应用程序图标插图(4)

4.选择椭圆工具,绘制一个400px x 390px正圆,命名“椭圆-上”,居中对齐

UI教程,ps设计应用程序图标插图(5)

5.复制“椭圆-上”,右键图层清除样式,命名“椭圆-下”颜色值大神没给:66fffa,自个看图调,再按Ctrl+T,按住shift+Alt,等比例放大,也是自个调的

UI教程,ps设计应用程序图标插图(6)

6.在解压文件找到“TWN”标志图,命名“TWN标志-底”文字裁掉(不要告诉不会裁剪“C”),拖到图层最上方,

UI教程,ps设计应用程序图标插图(7)

7.给椭圆-上、下,分别添加样式,具体看图 椭圆-上

UI教程,ps设计应用程序图标插图(8)

在解压文件找到“tactile_noise.png”最小的,ps打开,按Ctrl+A,出现虚线框后,点编辑—定义图案—在点确定,完成后图案叠加

UI教程,ps设计应用程序图标插图(9)

UI教程,ps设计应用程序图标插图(10)

椭圆-下

UI教程,ps设计应用程序图标插图(11)

UI教程,ps设计应用程序图标插图(12)

UI教程,ps设计应用程序图标插图(13)

UI教程,ps设计应用程序图标插图(14)

8.复制“TWN标志-底”,命名“TWN标志-顶”,分别添加样式 TWN标志-底

UI教程,ps设计应用程序图标插图(15)

UI教程,ps设计应用程序图标插图(16)

TWN标志-底效果

UI教程,ps设计应用程序图标插图(17)

TWN标志-顶,完成后,按住Ctrl+L,输入值,如下图

UI教程,ps设计应用程序图标插图(18)

UI教程,ps设计应用程序图标插图(19)

TWN标志-顶效果

UI教程,ps设计应用程序图标插图(20)

9.复制椭圆-上,命名“椭圆-上高光”右击清除样式,重新添加样式,图层透明度10%

UI教程,ps设计应用程序图标插图(21)

要看效果,点击图层的眼睛,来回点,就行

UI教程,ps设计应用程序图标插图(22)

 

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

UI教程,ps设计应用程序图标插图(23)

UI教程,ps设计应用程序图标插图(24)

UI教程,ps设计应用程序图标插图(25)

UI教程,ps设计应用程序图标插图(26)

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

UI教程,ps设计应用程序图标插图(27)

UI教程,ps设计应用程序图标插图(28)

UI教程,ps设计应用程序图标插图(29)

UI教程,ps设计应用程序图标插图(30)

最终效果

UI教程,ps设计应用程序图标插图(31)

大神效果图

UI教程,ps设计应用程序图标插图

UI教程,ps设计应用程序图标插图(33)

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

最终效果:
UI教程,ps设计应用程序图标插图

1.新建画布512*515,背景先白色,做完后改成黑色(不要纯黑) 2.选择圆角矩形工具,绘制512px*512px、半径80px的圆角矩形,命名圆角-底

UI教程,ps设计应用程序图标插图(1)

3.在绘制一个圆角矩形,命名“圆角-顶”,512*470px、半径80px,位置如下,并添加斜面浮雕和图案叠加

UI教程,ps设计应用程序图标插图(2)

UI教程,ps设计应用程序图标插图(3)

UI教程,ps设计应用程序图标插图(4)

4.选择椭圆工具,绘制一个400px x 390px正圆,命名“椭圆-上”,居中对齐

UI教程,ps设计应用程序图标插图(5)

5.复制“椭圆-上”,右键图层清除样式,命名“椭圆-下”颜色值大神没给:66fffa,自个看图调,再按Ctrl+T,按住shift+Alt,等比例放大,也是自个调的

UI教程,ps设计应用程序图标插图(6)

6.在解压文件找到“TWN”标志图,命名“TWN标志-底”文字裁掉(不要告诉不会裁剪“C”),拖到图层最上方,

UI教程,ps设计应用程序图标插图(7)

7.给椭圆-上、下,分别添加样式,具体看图 椭圆-上

UI教程,ps设计应用程序图标插图(8)

在解压文件找到“tactile_noise.png”最小的,ps打开,按Ctrl+A,出现虚线框后,点编辑—定义图案—在点确定,完成后图案叠加

UI教程,ps设计应用程序图标插图(9)

UI教程,ps设计应用程序图标插图(10)

椭圆-下

UI教程,ps设计应用程序图标插图(11)

UI教程,ps设计应用程序图标插图(12)

UI教程,ps设计应用程序图标插图(13)

UI教程,ps设计应用程序图标插图(14)

8.复制“TWN标志-底”,命名“TWN标志-顶”,分别添加样式 TWN标志-底

UI教程,ps设计应用程序图标插图(15)

UI教程,ps设计应用程序图标插图(16)

TWN标志-底效果

UI教程,ps设计应用程序图标插图(17)

TWN标志-顶,完成后,按住Ctrl+L,输入值,如下图

UI教程,ps设计应用程序图标插图(18)

UI教程,ps设计应用程序图标插图(19)

TWN标志-顶效果

UI教程,ps设计应用程序图标插图(20)

9.复制椭圆-上,命名“椭圆-上高光”右击清除样式,重新添加样式,图层透明度10%

UI教程,ps设计应用程序图标插图(21)

要看效果,点击图层的眼睛,来回点,就行

UI教程,ps设计应用程序图标插图(22)

 

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

UI教程,ps设计应用程序图标插图(23)

UI教程,ps设计应用程序图标插图(24)

UI教程,ps设计应用程序图标插图(25)

UI教程,ps设计应用程序图标插图(26)

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

UI教程,ps设计应用程序图标插图(27)

UI教程,ps设计应用程序图标插图(28)

UI教程,ps设计应用程序图标插图(29)

UI教程,ps设计应用程序图标插图(30)

最终效果

UI教程,ps设计应用程序图标插图(31)

大神效果图

UI教程,ps设计应用程序图标插图

UI教程,ps设计应用程序图标插图(33)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部