Maison interface Web Tutoriel PS Photoshop打造超酷的黑色质感手机

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

Jun 01, 2016 pm 02:34 PM
noir

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

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打造超酷的黑色质感手机

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Mar 18, 2025 pm 01:41 PM

Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux?

Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Mar 13, 2025 pm 07:28 PM

Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)?

Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Mar 13, 2025 pm 07:31 PM

Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop?

Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Mar 13, 2025 pm 07:35 PM

Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop?

Comment utiliser les capacités d'édition vidéo de Photoshop? Comment utiliser les capacités d'édition vidéo de Photoshop? Mar 18, 2025 pm 01:37 PM

Comment utiliser les capacités d'édition vidéo de Photoshop?

Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Mar 18, 2025 pm 01:35 PM

Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)?

Comment créer des GIF animés dans Photoshop? Comment créer des GIF animés dans Photoshop? Mar 18, 2025 pm 01:38 PM

Comment créer des GIF animés dans Photoshop?

Comment puis-je maîtriser les techniques de sélection avancées dans Photoshop (par exemple, sélectionner et masquer)? Comment puis-je maîtriser les techniques de sélection avancées dans Photoshop (par exemple, sélectionner et masquer)? Mar 12, 2025 pm 02:07 PM

Comment puis-je maîtriser les techniques de sélection avancées dans Photoshop (par exemple, sélectionner et masquer)?

See all articles