搜索
首页web前端PS教程PS制作逼真的立体耳机图标教程

PS制作逼真的立体耳机图标教程

Mar 19, 2017 pm 05:54 PM
图标耳机

在这个教程中,我们会教你如何在PS中制作逼真的立体耳机图标教程 在这个教程中,我们会教你如何在PS中创建写实耳机图标。
  最终的效果

PS制作逼真的立体耳机图标教程

  Step 1: 新建文件
  打开PS,新建一个文件,然后设置参数 (Command/Command/Ctrl + N). 使用下面的参数;
  分辨率: 72dpi, 颜色模式 RGB , 尺寸: 600×400 px.

PS制作逼真的立体耳机图标教程

  Step 2: 创建背景
  应用下面的渐变设置创建一个合适的背景(G)

PS制作逼真的立体耳机图标教程

  使用渐变工具 (G) 创建一个背景像下图所示的那样。

PS制作逼真的立体耳机图标教程

  Step 3: 开始创建耳机
  创建一个新图层(Command/Ctrl + Shift + N) 然后使用选择工具新建一个选取, 个人而言我更喜欢用钢笔工具(P) 因为可以做出更好的选区使用钢笔, 然后填充这个图层使用灰颜色. 我用 #a8a5a0.

PS制作逼真的立体耳机图标教程

  使用加深 (O) 和减淡工具 (O)涂抹下图所示的地方。

PS制作逼真的立体耳机图标教程

  你要获得的图形像下图那样。

PS制作逼真的立体耳机图标教程

  Step 4: 增加描边
  倒一个新层 (Command/Ctrl + Shift + N)画出一个路径像我做的那样。

PS制作逼真的立体耳机图标教程

  单击右键选择画笔描边路径 (笔刷大小必须是2px左右)

PS制作逼真的立体耳机图标教程

  单击“ok”,描边路径做出的效果如下图所示。

PS制作逼真的立体耳机图标教程

  Step 5:创建黑色的描边
  复制白色的描边图层 (Command/Ctrl + J) 然后向右移动1px ,使用橡皮擦工具 (E) 让它看起来舒服一些。

PS制作逼真的立体耳机图标教程

  Step 6: 增加投影和高光
  选择 Metal Part 图层使用加深与减淡工具(O)增加一些投影和高光。让它更有对比,突出质感。

PS制作逼真的立体耳机图标教程

  Step 7:金属质感
  新建一个层, 使用矩形工具填充一个颜色 (#808080) 像我画的那样。

PS制作逼真的立体耳机图标教程

  到滤镜 > 添加噪点 > 噪点设置像下图所示。

PS制作逼真的立体耳机图标教程

  然后是 滤镜 > 模糊 > 动感模糊

PS制作逼真的立体耳机图标教程

  Step 8: 固定这个金属材质
  减少刚创建的金属材质的图层的透明度到15%,然后使用自由变换工具,让它更好地与下面的图层贴合。

PS制作逼真的立体耳机图标教程

  使用橡皮擦 (E)清除多余的材质,让它看起来像下图所示的那样。

PS制作逼真的立体耳机图标教程

  使用第四步和第五步的技术创建一个黑色的和白色的描边。

PS制作逼真的立体耳机图标教程

  使用钢笔工具(P)创建一个选区,在金属材质的上部,然后使用加深工具,稍微加深一些。

PS制作逼真的立体耳机图标教程

  Step 9: 创建上面部分 创建一个新层 (Command/Ctrl + Shift + N) 创建一个路径(P)想下面图片所示的那样。 填充路径,使用一个亮灰色 (#c3c3c1) 滤镜 噪点 添加噪点 使用下图的设置 创建一个新层(Command/Ctrl + Shi

PS制作逼真的立体耳机图标教程

  填充路径,使用一个亮灰色 (#c3c3c1)

PS制作逼真的立体耳机图标教程

  滤镜 > 噪点 > 添加噪点 使用下图的设置

PS制作逼真的立体耳机图标教程

  创建一个新层(Command/Ctrl + Shift + N) 使用钢笔工具(P) 创建一个路径。

PS制作逼真的立体耳机图标教程

  添加两个描边白色和黑色的然后使用橡皮工具,擦掉不要的部分,让效果更好些。

PS制作逼真的立体耳机图标教程

  复制上面创建的图层 (Command/Ctrl + J)把它放在上部的右边。

PS制作逼真的立体耳机图标教程

  Step 11
  创建下一个选取,使用钢笔工具。

PS制作逼真的立体耳机图标教程

  在创建的选取,使用加深工具,添加阴影,到达加深的目的。

PS制作逼真的立体耳机图标教程

  Step 12: 高光
  继续使用钢笔工具 (P)

PS制作逼真的立体耳机图标教程

  这时使用减淡工具 (O) 变亮一些,增加一些光,像我所做的那样。

PS制作逼真的立体耳机图标教程

  Step 13
  创建一个新层,使用钢笔工具创建一个选取。

PS制作逼真的立体耳机图标教程

  填充这个选取一个灰色, 我用 #b3b0ab

PS制作逼真的立体耳机图标教程

  使用滤镜 > 噪点 > 添加噪点 ,使用如下图的设置。

PS制作逼真的立体耳机图标教程

  Step 14 选取钢笔工具(P), 创建一个路径,右键单击路径一个选择选项。让这个选取使用这些设置。 使用减淡工具 (O) 增加高光, 增加一些数量多的光在这个选取. Step 15 创建选取画出下面的部分。 增加一些阴影, 使用

PS制作逼真的立体耳机图标教程

  使用减淡工具 (O) 增加高光, 增加一些数量多的光在这个选取.
 

PS制作逼真的立体耳机图标教程

  Step 15
  创建选取画出下面的部分。

PS制作逼真的立体耳机图标教程

  增加一些阴影, 使用加深工具(O)

PS制作逼真的立体耳机图标教程

  Step 16
  创建一个新层 (Command/Ctrl + Shift + N) 创建下一个选区选择羽化: 0.3 px

PS制作逼真的立体耳机图标教程

  填充这个选取一个灰色,我使用#97928e 增加一些高光 和阴影在这个图层.

PS制作逼真的立体耳机图标教程

  继续使用加深与减淡工具。

PS制作逼真的立体耳机图标教程

  Step 17
  继续创建一个选取使用钢笔工具。

PS制作逼真的立体耳机图标教程

  填充这个选取一个颜色 #b0ada8

PS制作逼真的立体耳机图标教程

  像先前的步骤那样使用减淡工具(O) 在上面添加一些高光。

PS制作逼真的立体耳机图标教程

  下面使用加深工具(O)

PS制作逼真的立体耳机图标教程

  Step 18
  创建一个新选区,如我创建的那样。

PS制作逼真的立体耳机图标教程

  填充一个颜色 #ececec

PS制作逼真的立体耳机图标教程

  使用减淡和加深工具在表示的地方。

PS制作逼真的立体耳机图标教程

  Step 19:添加描边 增加一个2PX 的描边。 Step 20 Draw a selection like I did in the image below. Dont forget, use Feather Radius: 0.3 px 创建一个新层, 填充灰色,然后再这个图层上面使用加深与减淡工具。 在
  Step 19:添加描边
  增加一个2PX 的描边。

PS制作逼真的立体耳机图标教程
PS制作逼真的立体耳机图标教程

  Step 20
  Draw a selection like I did in the image below. Don’t forget, use Feather Radius: 0.3 px

PS制作逼真的立体耳机图标教程

  创建一个新层, 填充灰色,然后再这个图层上面使用加深与减淡工具。

PS制作逼真的立体耳机图标教程

  在刚刚创建的图层上面,添加一个1Px的描边。

PS制作逼真的立体耳机图标教程

  Step 21
  创建一个新图层,使用选择工具(羽化: 4-5px)

PS制作逼真的立体耳机图标教程

  使用一个灰色 #cecfca,填充这个选取。

PS制作逼真的立体耳机图标教程

  使用滤镜 > 噪点 > 添加噪点使用下面的设置。

PS制作逼真的立体耳机图标教程

  Step 22:添加一些高光和阴影
  继续,使用加深与减淡工具。

PS制作逼真的立体耳机图标教程

  使用加深与减淡工具 (O)添加一些阴影与高光,如下图标示的地方。

PS制作逼真的立体耳机图标教程

  Step 23: 更多的阴影
  反向选择 添加更多阴影使用加深工具 (O).

PS制作逼真的立体耳机图标教程

  Step 24
  在中间的那个地方, 创建下一个选取

PS制作逼真的立体耳机图标教程

  使用加深工具 或者亮度对比度创建一些少许的阴影.

PS制作逼真的立体耳机图标教程

  创建另一个选� � 使用加深工具,做出看起来像是3D的那种效果。 Step 25: 更多的光和投影。 在顶部的洞,添加一些光和投影,使用加深与减淡工具。 使用滤镜 噪点 添加噪点。 Step 26: 左边的那个 创建一个新层(Comma

PS制作逼真的立体耳机图标教程

  使用加深工具,做出看起来像是3D的那种效果。

PS制作逼真的立体耳机图标教程

  Step 25: 更多的光和投影。
  在顶部的洞,添加一些光和投影,使用加深与减淡工具。

PS制作逼真的立体耳机图标教程

  使用滤镜 > 噪点 >添加噪点。

PS制作逼真的立体耳机图标教程

  Step 26: 左边的那个
  创建一个新层(Command/Ctrl + Shift + N)创建一个下图所示的选区。

PS制作逼真的立体耳机图标教程

  给这个选区填充一个颜色 #c6c2bf

PS制作逼真的立体耳机图标教程

  Step 27: Highlights and Shadows
  Make a selection using Pen Tool (P)

PS制作逼真的立体耳机图标教程

  使用加深工具(O) 在中间调那里添加一些阴影。

PS制作逼真的立体耳机图标教程

  使用减淡工具 (O) 添加一些光。

PS制作逼真的立体耳机图标教程

  Step 28
  让我所做的那样选择另外一个部分。

PS制作逼真的立体耳机图标教程

  使用加深工具 (在中间调) 增加一些阴影。

PS制作逼真的立体耳机图标教程

  Inverse the selection (Command/Ctrl + I) and use Dodge Tool (O) to add some light

PS制作逼真的立体耳机图标教程

  Step 29: 另一个金属材质
  创建一个选取,使用钢笔工具。

PS制作逼真的立体耳机图标教程

  填充一个灰色。

PS制作逼真的立体耳机图标教程

  现在有两种使用渐变工具创建金属效果 或者是使用加深工具,我选择后者。

PS制作逼真的立体耳机图标教程

  Step 30 创建两外一个选区,填充灰色。 添加一些阴影和高光。使用加深与减淡工具。 增加一个1px的描边。 Step 31 使用橡皮擦(E)擦去不必要的部分,让它看起来更满意。 复制这个描边层。 (Command/Ctrl + J), 让它向

PS制作逼真的立体耳机图标教程

  添加一些阴影和高光。使用加深与减淡工具。

PS制作逼真的立体耳机图标教程

  增加一个1px的描边。

PS制作逼真的立体耳机图标教程

  Step 31
  使用橡皮擦(E)擦去不必要的部分,让它看起来更满意。

PS制作逼真的立体耳机图标教程

  复制这个描边层。 (Command/Ctrl + J), 让它向下移动一个像素.

PS制作逼真的立体耳机图标教程

  Step 32: 阴影
  创建一个新层,在背景层使下一个选择使用椭圆选框工具

PS制作逼真的立体耳机图标教程

  填充,使用黑色。

PS制作逼真的立体耳机图标教程

  Step 33
  滤器>模糊>高斯模糊

PS制作逼真的立体耳机图标教程

  然后过滤>模糊>动态模糊和使以下设置

PS制作逼真的立体耳机图标教程

  降低不透明度或擦除使用橡皮擦工具(E)让它看起来更真实

PS制作逼真的立体耳机图标教程

  Final Image

PS制作逼真的立体耳机图标教程
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
使用Photoshop进行图形设计:品牌和更多使用Photoshop进行图形设计:品牌和更多Apr 16, 2025 am 12:02 AM

使用Photoshop进行品牌设计的步骤包括:1.使用钢笔工具绘制基本形状,2.通过图层样式添加阴影和高光,3.调整颜色和细节,4.使用智能对象和动作自动生成不同版本的设计。Photoshop通过图层和蒙版的灵活性,帮助设计师创建和优化品牌元素,从简单的标志到复杂的品牌指南,确保设计的一致性和专业性。

Photoshop的订阅模型:您的钱是什么Photoshop的订阅模型:您的钱是什么Apr 15, 2025 am 12:17 AM

Photoshop的订阅模式值得购买。1)用户可以随时访问最新版本和跨设备使用。2)订阅费用低,提供持续更新和技术支持。3)高级功能如神经滤镜可用于复杂图像处理。尽管长期成本较高,但其便利性和功能更新对专业用户很有价值。

Photoshop:调查免费试用和折扣选项Photoshop:调查免费试用和折扣选项Apr 14, 2025 am 12:06 AM

你可以通过以下方式以最经济的方式获得Photoshop的使用权:1.利用7天的免费试用期体验软件功能;2.寻找学生或教师折扣,以及季节性促销;3.使用第三方网站上的优惠券;4.订阅AdobeCreativeCloud的月度或年度计划。

设计师的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.利用脚本自动化设计过程,提高效率。

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.能量晶体解释及其做什么(黄色晶体)
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

安全考试浏览器

安全考试浏览器

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

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具