搜索
首页web前端PS教程Photoshop设计制作金属质感的工具APP图标

Photoshop设计制作金属质感的工具APP图标

Mar 20, 2017 am 10:46 AM
图标质感金属

本教程主要使用Photoshop制作金属质感的工具型APP图标,主要通过图层样式来完成,喜欢的朋友一起来学习吧。 先看看效果图
Photoshop设计制作金属质感的工具APP图标
1.首先我们来坐下背景,这个背景我是先画了个圆做了些效果(投影,内阴阳)定义成图案,
Photoshop设计制作金属质感的工具APP图标
2.用圆角矩形工具,画最底部的渐变,在这一步我先画个半径为47的大圆角矩形,在用剪切画个35的小圆角矩形,最后填充投影和渐变叠加。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
3.这一步我们在画个半径为35的小圆角矩形和上面镂空的一样大小就可以了。做图层样式:内发光和渐变叠加。在找张苹果手机的背景填充下就可以了。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
4.复制个小的圆角矩形,做个内发光,把填充设为0.
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
5.第五步把第二步的大圆角矩形复制一个,调整图层放在最上边,调整下形状和位置,在做投影和渐变叠加。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标


6.这一步我们来给整体做个金属拉丝效果,我做的思路大概(先把两个形状工具复制一份,把图层样式去掉只留下外轮廓就好,然后合并图层,这样就出来边框图形的选区了,下一步就是新建给图层做金属拉丝,调整下混合模式和透明图就好)
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
7.这一步我又做了个边框整体覆盖图层,整体过度自然些。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
8.我们在给边框加个拼接的感觉吧,这一步就很好做了,用矩形工具画个长方形添加白色投影就行了,在复制个把投影反向就ok了,两边同理。到这一步我们底部边框就做完了,下面我们来绘制钳子吧。
Photoshop设计制作金属质感的工具APP图标
9.我们来开始绘制钳子吧,我把钳子整体分为三个部分,首先我们把背景锁上,用钢笔工具来勾画钳子的头部吧,先勾出头部的底层大概分为5块。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
10.我们来把钳子的开口做下吧,也是用钢笔工具勾画出它的形状就可以,填充黑色。
Photoshop设计制作金属质感的工具APP图标
11.我们再把钳子张开的轴承那里画下吧,还有钳子剪断东西那加两个渐变图形。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
12.这一步我们画下把手吧,先画下橡胶感觉的黑色部分,用钢笔工具勾出底部形状,填充渐变颜色。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标


13.画下橙色衔接的地方吧,这一块我分成了几部分组合做成的,先看下做完的效果。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
14.给把手加个中间凸起的部分。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
15.这一步就要给钳子加上摩擦的底部了。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
16.加上和轮胎一样的凸起吧,这一步我是在AI里完成的,转过来加了下投影。
Photoshop设计制作金属质感的工具APP图标
17.其实下面的这个把手和上面的那个,可以共用一些元素的,把上面的把手复制一个,调整图层样式,
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
18.我们在整体画下橙色部分,做以下图层样式。
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标


19.这一步我们来刻画下橙色部分,我用了些比较快速的办法,就是复制个橙色部分,对它做些图层样式,在把它栅格化图层,把不想要的地方擦去就可以了
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
20.我们现在来做把手凸起的底层吧,把上面复制过来的图形样式进行重新调节,
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
21.调整凸起图层样式如下
Photoshop设计制作金属质感的工具APP图标
Photoshop设计制作金属质感的工具APP图标
22.这一步加上反光的部分,这一步我是拿钢笔工具勾出来的图形,加了颜色和内阴影效果,最后栅格化图层,调整下透明图就ok了,效果如下。
Photoshop设计制作金属质感的工具APP图标
23.这一步我们在给钳子的头部做个整体拉丝效果,这一步在制作边框的时候我已经给大家详细说明了制作方法了。
Photoshop设计制作金属质感的工具APP图标
24.最后一步我们给钳子加个整体的投影就可以了。
Photoshop设计制作金属质感的工具APP图标
25.给大家一个钳子的特写和完成后的整体效果。
Photoshop设计制作金属质感的工具APP图标
26.完成效果
Photoshop设计制作金属质感的工具APP图标

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
设计师的Photoshop:创建视觉概念设计师的Photoshop:创建视觉概念Apr 13, 2025 am 12:09 AM

在Photoshop中创建视觉概念可以通过以下步骤实现:1.创建新文档,2.添加背景层,3.使用画笔工具绘制基本形状,4.调整颜色和亮度,5.添加文本和图形,6.使用蒙版进行局部编辑,7.应用滤镜效果,这些步骤帮助设计师从零开始构建完整的视觉作品。

Photoshop免费吗?了解订阅计划Photoshop免费吗?了解订阅计划Apr 12, 2025 am 12:11 AM

Photoshop不是免费的,但有几种方式可以低成本或免费使用:1.免费试用期为7天,期间可体验所有功能;2.学生和教师优惠可将成本减半,需提供学校证明;3.CreativeCloud套餐适合专业用户,包含多种Adobe工具;4.PhotoshopElements和Lightroom为低成本替代方案,功能较少但价格更低。

Photoshop的价值:权衡成本与其功能Photoshop的价值:权衡成本与其功能Apr 11, 2025 am 12:02 AM

Photoshop值得投资,因为它提供了强大的功能和广泛的应用场景。1)核心功能包括图像编辑、图层管理、特效制作和色彩调整。2)适合专业设计师和摄影师,但业余爱好者可考虑替代品如GIMP。3)订阅AdobeCreativeCloud可按需使用,避免一次性高额支出。

Photoshop的核心目的:创意图像设计Photoshop的核心目的:创意图像设计Apr 10, 2025 am 09:29 AM

Photoshop在创意图像设计中的核心用途是其强大的功能和灵活性。1)它允许设计师通过图层、蒙版和滤镜将创意转化为视觉现实。2)基本用法包括裁剪、调整大小和颜色校正。3)高级用法如图层样式、混合模式和智能对象可创建复杂效果。4)常见错误包括图层管理不当和滤镜使用过度,可通过整理图层和合理使用滤镜解决。5)性能优化和最佳实践包括合理使用图层、定期保存文件和使用快捷键。

网页设计的Photoshop:UI/UX的高级技术网页设计的Photoshop:UI/UX的高级技术Apr 08, 2025 am 12:19 AM

Photoshop在网页设计中可用于创建高保真原型、设计UI元素和模拟用户交互。1.使用图层、蒙版和智能对象进行基础设计。2.通过动画和时间线功能模拟用户交互。3.利用脚本自动化设计过程,提高效率。

新手篇:利用ps笔刷给字体添加裂纹效果(分享)新手篇:利用ps笔刷给字体添加裂纹效果(分享)Apr 07, 2025 am 06:21 AM

之前的文章《一步一步教你使用ps将盘子图片添加印花效果(收藏)》中,给大家介绍了一种小技巧,怎么使用ps将盘子图片添加印花效果。下面本篇文章给大家介绍怎么利用ps笔刷给字体添加裂纹效果,我们一起看看怎么做。

Photoshop高级排版:创建令人惊叹的文本效果Photoshop高级排版:创建令人惊叹的文本效果Apr 07, 2025 am 12:15 AM

在Photoshop中,可以通过图层样式和滤镜创建文字效果。1.创建新文档并添加文字。2.应用图层样式如阴影和外发光。3.使用滤镜如波浪效果,并添加斜面和浮雕效果。4.使用蒙版调整效果范围和强度,以优化文字效果的视觉冲击力。

ps怎么抠图ps怎么抠图Apr 06, 2025 pm 10:27 PM

抠图是将图像中的背景部分移除,留下主体的过程。常见的抠图方法包括:手动抠图:使用图像编辑软件手动勾勒主体边缘。自动抠图:使用软件自动识别主体,将其从背景中分离。利用第三方抠图工具:使用专门的工具进行抠图操作。通道抠图:利用图像的通道进行分割,选择与主体颜色差异明显的通道进行操作。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)