词条信息

admin
admin
超级管理员
最近编辑者 发短消息   

相关词条

热门词条

更多>>
2018 年最常见的 Python 面试题
【导读】Python 新手在谋求一份 Python 编程工[详细]
学习编程语言常用的10个工具
每个行业都有自己的工具,软件开发也没有什么不同。一个优秀的程序[详细]
Python软件的下载、安装和使用问题汇总
这是个Python开发环境相关问题的汇总,希望能让所有学习[详细]
人民日报三问区块链
近段时间,有关比特币的新闻非常吸睛,区块链也跟着火了一把。资本[详细]
2018年IT行业最赚钱的5个职位
前言  前几天看到一则新闻,说是某著名科技公司的程序员在相亲节[详细]
解决网 >>所属分类 >> 软件技术    PS   

PS制作APP图标教程

标签: PS APP 图标 教程

顶[0] 发表评论(0) 编辑词条

本教程主要教大家设计一个勃朗风格音乐ICON图标,效果很好,而且运用了很多知识点,如渐变、图层样式、滤镜、直接选择工具等,对新手了解PS有很大的帮助,希望PS爱好者的朋友都喜欢。

www.solves.com.cn 电脑百科


www.solves.com.cn 电脑百科

先看看效果图 www.solves.com.cn 电脑百科


www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程1

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

新建图层,矩形工具绘制矩形:加图层样式投影 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程2

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

复制图层,cmd+d(自由变换向上调整显示出厚度)

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程3

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

圆形工具绘制圆添加图层样式内发光,外发光

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程4

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

复制圆形图层调整大小把原有样式删除,添加新的样式渐变叠加:“角度” www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程5

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程6

www.solves.com.cn 电脑百科


www.solves.com.cn 电脑百科

接下来制作金属拉丝部分:复制黑色突出右键删格化图层(这里的删格化图层一定要记得,一会径向模糊时就会出现原因,你可以试试不删除哦) www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程7

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

添加杂色

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程8

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程9

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

选中图层选区进行滤镜-模糊-径向模糊

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程10

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程11

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程13

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程14

www.solves.com.cn 电脑百科


www.solves.com.cn 电脑百科

整图层模式类型:滤色,不透明度调节到何时(根据自己画面调整) www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程15

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程16

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

调整结束后复制大圆缩小删除原有样式重新调节凹进去的感觉:凹就要给内阴影内发光等。

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程17

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程18

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

渐变叠加效果稍微调整下比大黑的颜色要重些

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程19

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

光源从左上方打出小黑圆右下方应该有反光作用要加上,这里用投影添加 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程20

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

复制小黑缩小调整成小绿删除原有样式添加新样式斜面浮雕给他个立体感

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程21

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

渐变叠加调整成绿色位置不用变化直接改你想要的颜色就好 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程22

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

制作小绿中间的黑色底层(这样可以反衬出上面的金属小圆点)绘制圆或者复制小绿删除图层样式改成黑色在添加图层样式就ok了。

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程22

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程23

www.solves.com.cn 电脑百科

制作圆形金属球,添加一个灰色圆形(用形状工具做),复制一个改变颜色改成白色缩小成上部高光大小,在属性面板里面的蒙板,调整羽化值。(找不到可以在窗口中找到) www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程24

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程25

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

下面的小反光可以新建个图层用画笔画下,添加模糊就好来。(这也是第二种画上面高光的方法这里用下面的反光说) www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程26

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

下面的部分就是小金属按钮了,其实和前面的小黑一个道理

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程27

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

下面是下面矩形的图层样式 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程27

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程28

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

重点制作这个两面反向的支撑棒,形状工具绘制圆角矩形,填充关掉,添加描边(这里为了明显,我用的墨绿)

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程28

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

直接选择工具(小白)选择形状图层

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程29

www.solves.com.cn 电脑百科


www.solves.com.cn 电脑百科

选择右边不需要的部分删除

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程30

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

提示直接点是
 

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程31

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

在用小白选择下面锚点 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程32

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

cmd+t(自由变换右键水平翻转)

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程33

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程34

www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程35

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

在调整颜色添加斜面浮雕,让它有体积感,加投影。 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程36

www.solves.com.cn 电脑百科

 

www.solves.com.cn 电脑百科

下面调整音量的部分和上面一样通过删除锚点(这里只是用椭圆画就好了)上面的金属调节器之间复制上面的用就行了。 www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程34

www.solves.com.cn 电脑百科

  www.solves.com.cn 电脑百科

最终结果(我调整了下颜色,你可以感觉自己的喜爱调整,但是要记住上面所有图层样式给的效果该给滤色,正片叠底,要分清楚,给对了变什么颜色都不怕) www.solves.com.cn 电脑百科

www.solves.com.cn 电脑百科

APP图标制作教程,用PS鼠绘立体风格音乐APP图标教程35

 

 

本文地址:解决网 http://www.solves.com.cn/doc-view-5564.html

TAGS:SOLVES , 电脑技术 , 电脑知识 , 网站建设, 电脑技术, 网络营销 , 网站托管 , 硬件技术 , 网络技术 , 软件技术, 维修网点

附件列表


按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

→我们致力于为广大网民解决所遇到的各种电脑技术问题
 如果您认为本词条还有待完善,请 编辑词条

上一篇PS制作可爱Q版女生大头照
下一篇

0
1. 本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
2. 本站内容仅供参考,如果您需要解决具体问题,建议您咨询相关领域专业人士。
3. 如果您没有找到需要的电脑技术问题词条,您可以到百科问答提问或创建词条,等待高手解答。

关于本词条的提问

查看全部/我要提问>>