찾다
웹 프론트엔드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. Adobe CreativeCloud의 월별 또는 연간 계획을 구독하십시오.

디자이너를위한 Photoshop : 시각적 개념 만들기디자이너를위한 Photoshop : 시각적 개념 만들기Apr 13, 2025 am 12:09 AM

다음 단계를 통해 Photoshop에서 시각적 개념을 만들 수 있습니다. 1. 새 문서 만들기, 2. 배경 레이어 추가, 2. 브러시 도구를 사용하여 기본 모양을 그리기 위해, 4. 색상과 밝기 조정, 5. 텍스트 및 그래픽 추가, 6. 로컬 편집에 마스크 사용, 필터 효과를 적용하는 데 도움이됩니다.이 단계는 스크래치에서 완전히 시각적 인 작업을 구축 할 수 있도록 도와줍니다.

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) 전문 디자이너 및 사진 작가에게 적합하지만 아마추어는 김프와 같은 대안을 고려할 수 있습니다. 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 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기