웹 프론트엔드 PS 튜토리얼 Photoshop打造超酷的黑色质感手机

Photoshop打造超酷的黑色质感手机

Jun 01, 2016 pm 02:34 PM
검은색

黑色手机制作的时候非常注重高光的渲染。选择好光源方向以后,合理的设置受光面,然后用钢笔勾出不同部位的高光选区填充白色,用蒙版来控制高光范围。 最终效果

Photoshop打造超酷的黑色质感手机

1、新建一个大小适当的文档,背景填充白色。新建一个图层,用钢笔勾出手机的轮廓,转为选区后填充黑色。

Photoshop打造超酷的黑色质感手机

2、选择减淡工具把边缘部分涂出一点高光,如下图。

Photoshop打造超酷的黑色质感手机
 
3、再新建一个图层,选择渐变工具渐变成两边高光中间灰色效果,如下图。

Photoshop打造超酷的黑色质感手机

4、用钢笔勾出顶部高光选区,转为选区后填充浅灰色,用加深工具把边缘部分稍微加深。

Photoshop打造超酷的黑色质感手机

4、新建一个图层,用钢笔勾出屏幕高光部分的选区填充白色,确定后加上图层蒙版,用黑白渐变拉出透明效果,如下图。

Photoshop打造超酷的黑色质感手机
 
5、加入自己喜欢的手机桌面,如下图。

Photoshop打造超酷的黑色质感手机

6、新建一个图层,用钢笔勾出听筒选区,描边一像素。

Photoshop打造超酷的黑色质感手机

7、加一些边缘的高光,可以复制一条线改变一下颜色来增加立体感。

Photoshop打造超酷的黑色质感手机
 
8、勾出路径渐变,由白道透明拉出高光的感觉。

Photoshop打造超酷的黑色质感手机

9、下面开始画按键,方法同上。

Photoshop打造超酷的黑色质感手机

10、画出两个按键,勾出路径然后用加深,减淡工具调整。

Photoshop打造超酷的黑色质感手机
 
11、加高光调整,可以用钢笔勾线描边路径。

Photoshop打造超酷的黑色质感手机

12、加上装饰文字。

Photoshop打造超酷的黑色质感手机

13、最后加上倒影,完成最终效果。

Photoshop打造超酷的黑色质感手机

最终效果:

Photoshop打造超酷的黑色质感手机

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까? 소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까? Mar 18, 2025 pm 01:41 PM

소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까?

Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까? Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까? Mar 13, 2025 pm 07:28 PM

Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까?

Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까? Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까? Mar 13, 2025 pm 07:31 PM

Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까?

Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까? Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까? Mar 13, 2025 pm 07:35 PM

Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까?

Photoshop의 비디오 편집 기능을 어떻게 사용합니까? Photoshop의 비디오 편집 기능을 어떻게 사용합니까? Mar 18, 2025 pm 01:37 PM

Photoshop의 비디오 편집 기능을 어떻게 사용합니까?

Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까? Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까? Mar 18, 2025 pm 01:35 PM

Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까?

Photoshop에서 애니메이션 GIF를 어떻게 만들려면? Photoshop에서 애니메이션 GIF를 어떻게 만들려면? Mar 18, 2025 pm 01:38 PM

Photoshop에서 애니메이션 GIF를 어떻게 만들려면?

Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)? Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)? Mar 12, 2025 pm 02:07 PM

Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)?

See all articles