Maison interface Web Tutoriel PS Photoshop打造超酷的古典魔法宝石图标

Photoshop打造超酷的古典魔法宝石图标

Jun 01, 2016 pm 02:34 PM

本教程介绍较为古典的图标制作方法。重点是金属表面的质感渲染。图标的构成不是很规则,需要按照一定的层次慢慢来制作与渲染。 最终效果

Photoshop打造超酷的古典魔法宝石图标

1、为了使造型更加准确,我们先画好草图。

Photoshop打造超酷的古典魔法宝石图标
 
2、画一个椭圆,稍微变形,添加图层样式,选择渐变叠加,选择好渐变方式并调色,效果如下图。

Photoshop打造超酷的古典魔法宝石图标

3、复制刚才的图层,并向下移,在其基础上涂抹一些暗色。

Photoshop打造超酷的古典魔法宝石图标

4、再次复制第一个图层,并加内阴影,缩小其余两个图层添加杂色。

Photoshop打造超酷的古典魔法宝石图标

5、让表盘凹进去,新建一个图层画一个弧形,并复制一个下移,减少透明度,两边用橡皮擦掉一点。

Photoshop打造超酷的古典魔法宝石图标

6、细化表盘侧面的光泽,添加投影,投影为3层堆叠。

Photoshop打造超酷的古典魔法宝石图标
 
7、添加表盘上的高光,更加感觉来即可。凹槽里加一个扩散的白色约20%透明度。

Photoshop打造超酷的古典魔法宝石图标

8、先画一个椭圆,目的是提供一个弧度。

Photoshop打造超酷的古典魔法宝石图标

9、根据刚才的弧度画圆柱的侧面。

Photoshop打造超酷的古典魔法宝石图标

10、复制第一个层到最上面,调整颜色。

Photoshop打造超酷的古典魔法宝石图标

11、用画笔画一道阴影变形。

Photoshop打造超酷的古典魔法宝石图标

12、复制第二个层,调整颜色。

Photoshop打造超酷的古典魔法宝石图标

13、上面画一道阴影,因为链扣在边缘,被表盘遮住光线所产生的阴影。

Photoshop打造超酷的古典魔法宝石图标
 
14、画一个椭圆,设置渐变叠加。

Photoshop打造超酷的古典魔法宝石图标

15、用画笔在椭圆顶部稍涂抹,再用橡皮稍稍调整。

Photoshop打造超酷的古典魔法宝石图标

16、用形状工具画一个六边形,稍稍压扁,根据圆弧的角度复制六边形,并作出相应的变形。

Photoshop打造超酷的古典魔法宝石图标

17、用钢笔路径勾出宝石的3个面。

Photoshop打造超酷的古典魔法宝石图标

18、两层复制,适当进行变形。

Photoshop打造超酷的古典魔法宝石图标

19、加上高光。

Photoshop打造超酷的古典魔法宝石图标
 
20、输入一些英文字符,根据透视感觉调整每个字符的角度,之后设置内阴影,距离1,大小为3像素。

Photoshop打造超酷的古典魔法宝石图标

21、加上中间的镜子。

Photoshop打造超酷的古典魔法宝石图标

22、画出宝石的锥形,注意下方的环境光。

Photoshop打造超酷的古典魔法宝石图标

23、用钢笔工具画出宝石的各个面。

Photoshop打造超酷的古典魔法宝石图标

24、用钢笔路径画出我们要的形状。

Photoshop打造超酷的古典魔法宝石图标
 
25、使用描边路径,并将已描好的线条进行暗处理,宝石的背后要少许暗一点,位置远的部分也要暗。

Photoshop打造超酷的古典魔法宝石图标

26、复制刚刚的那一层,增加白色,用橡皮擦慢慢擦除暗的部分。保留亮的部分。

Photoshop打造超酷的古典魔法宝石图标

27、第三个层与第二个层叠加产生的效果。

Photoshop打造超酷的古典魔法宝石图标

28、添加投影。

Photoshop打造超酷的古典魔法宝石图标

29、添加纹理,用铅笔工具即可,超出的部分用橡皮擦除。

Photoshop打造超酷的古典魔法宝石图标

30、用钢笔工具勾出裂痕,这里需要一点点耐心。

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

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

L'article détaille à l'aide de Photoshop pour les graphiques des médias sociaux, couvrant la configuration, les outils de conception et les techniques d'optimisation. Il met l'accent sur l'efficacité et la qualité de la création graphique.

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

L'article discute de l'utilisation efficace de l'utilisation efficace de remplissage et de déplacement du contenu de Photoshop, offrant des conseils sur la sélection des zones source, l'évitement des erreurs et l'ajustement des paramètres pour des résultats optimaux.

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

L'article discute de la préparation d'images pour l'utilisation du Web dans Photoshop, en nous concentrant sur l'optimisation de la taille du fichier, de la résolution et de l'espace colorimétrique. Le problème principal est d'équilibrer la qualité d'image avec des temps de chargement rapides.

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

L'article discute de l'optimisation des images pour le Web à l'aide de Photoshop, en se concentrant sur la taille et la résolution des fichiers. Le principal problème est d'équilibrer la qualité et les temps de chargement.

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

L'article explique comment utiliser Photoshop pour l'édition vidéo, détaillant les étapes pour importer, modifier et exporter des vidéos et mettre en évidence les fonctionnalités clés telles que le panneau de chronologie, les couches vidéo et les effets.

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

L'article traite des moniteurs d'étalonnage pour une couleur précise dans Photoshop, des outils d'étalonnage, des effets de l'étalonnage incorrect et de la fréquence de recalibrage. Le principal problème est d'assurer la précision des couleurs.

Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Mar 18, 2025 pm 01:36 PM

L'article guide la préparation d'images à l'impression dans Photoshop, en se concentrant sur la résolution, les profils de couleurs et la netteté. Il fait valoir que les profils de 300 PPI et CMYK sont essentiels pour les impressions de qualité.

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

L'article discute de la création et de l'optimisation des GIF animés dans Photoshop, y compris l'ajout de trames aux GIF existants. L'accent principal est de l'équilibre entre la qualité et la taille du fichier.

See all articles