搜尋
首頁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的關鍵功能May 09, 2025 am 12:05 AM

Photoshop的核心功能包括圖層、選區工具和調整工具。 1.圖層允許獨立編輯圖像部分,支持圖層樣式。 2.選區工具如套索、魔術棒和快速選擇工具,提供精確編輯。 3.調整工具如色階、曲線和色相/飽和度,可非破壞性調整圖像。

我的目的:協助與Photoshop相關的任務我的目的:協助與Photoshop相關的任務May 08, 2025 am 12:18 AM

在Photoshop中,圖層蒙版的作用是允許以非破壞性的方式隱藏或顯示圖層的一部分。 1.圖層蒙版的工作原理是通過黑白灰度控製圖層的可見性。 2.基本用法包括圖像合成,如將人物圖像合成到新背景中。 3.高級用法可利用漸變蒙版實現圖像平滑過渡。

Photoshop和免費替代方案:比較外觀Photoshop和免費替代方案:比較外觀May 06, 2025 am 12:12 AM

Photoshop的強大功能包括智能對象和神經濾鏡等,而免費替代品如GIMP、Krita和Photopea在特定領域表現出色,如GIMP的圖層功能、Krita的數字繪畫和Photopea的在線編輯。

Photoshop顏色分級:通過專業技術提升圖像Photoshop顏色分級:通過專業技術提升圖像May 05, 2025 am 12:07 AM

在Photoshop中進行色彩調整可以通過調整層實現,使圖像更專業。 1.使用色階、曲線、色相/飽和度等工具調整色調、飽和度和亮度。 2.應用LUT創建獨特色彩效果。 3.使用調整層避免圖像失真,並利用“歷史記錄”面板跟踪調整步驟。

現實世界中的Photoshop:多樣化用途的示例現實世界中的Photoshop:多樣化用途的示例May 04, 2025 am 12:15 AM

Photoshop在現實世界中的應用包括藝術創作、科學研究和商業營銷。 1)在藝術創作中,用於數字繪畫和插圖。 2)在科學研究中,用於圖像處理和數據可視化。 3)在商業營銷中,用於廣告設計和品牌形象塑造,這款軟件的多功能性使其在各領域中廣泛應用。

超越編輯:Photoshop的創意功能超越編輯:Photoshop的創意功能May 03, 2025 am 12:12 AM

AdobePhotoshop超越簡單的編輯,成為藝術家和設計師的創意工具。 1)它提供了豐富的工具,如畫筆、圖章工具、混合模式和圖層樣式,支持從基本圖像調整到復雜的數字繪畫和3D設計。 2)這些工具通過像素級操作實現功能,允許用戶創造獨特的視覺效果。

Photoshop:探索定價模型和選項Photoshop:探索定價模型和選項May 02, 2025 am 12:12 AM

Photoshop提供單一購買和訂閱服務兩種定價模式。 1.單一購買:一次性支付$699,永久使用,但無更新和雲服務。 2.訂閱服務:每月$20.99或每年$239.88,可使用最新版本和雲服務。 3.企業方案:每月每用戶$33.99,包含團隊管理和額外雲存儲。 4.教育優惠:學生和教師每月$19.99,包含多款CreativeCloud應用。

Photoshop:掌握層和構圖Photoshop:掌握層和構圖May 01, 2025 am 12:05 AM

在Photoshop中創建新圖層的方法是:1.點擊圖層面板底部的“新建圖層”按鈕;2.使用快捷鍵Ctrl Shift N(Windows)或Command Shift N(Mac)。圖層就像畫布上的透明薄片,允許分開管理設計元素,進行非破壞性編輯和實驗,提升設計水平。

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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)