Maison interface Web Tutoriel PS Photoshop设计制作一缕简单的蓝色烟雾

Photoshop设计制作一缕简单的蓝色烟雾

Jun 01, 2016 pm 02:30 PM
蓝色

烟雾的制作方法跟光束基本类似,只是烟雾的构成稍微复杂一点,烟雾周围有很多散乱的烟雾,中间也有很多不规则的烟雾,刻画的时候需要细心和耐心 最终效果

Photoshop设计制作一缕简单的蓝色烟雾

1、新建一个700 * 1000像素的文件,背景填充黑色。新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作一缕简单的蓝色烟雾
<图1>
 
2、我们先来制作烟雾的第一部分,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图2>

3、在组里新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充蓝色:#789DD1,取消选区后添加图层蒙版,用黑色画笔把边缘部分的过渡擦出来,然后把不透明度改为:60%,效果如图4。

Photoshop设计制作一缕简单的蓝色烟雾
<图3>

Photoshop设计制作一缕简单的蓝色烟雾
<图4>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充同上的蓝色,不透明度改为:30%,取消选区后添加图层蒙版,用黑色画笔擦掉不需要的部分。

Photoshop设计制作一缕简单的蓝色烟雾
<图5>
 
5、新建一个图层,在中间高光部分用钢笔勾出下图所示的选区,羽化3个像素后填充前景色。

Photoshop设计制作一缕简单的蓝色烟雾
<图6>

6、新建一个图层,用钢笔勾出烟雾边缘部分的高光选区,羽化1个像素后填充比底色稍亮的蓝色。

Photoshop设计制作一缕简单的蓝色烟雾
<图7>

7、新建图层,同上的方法制作一些细小的烟雾,可以适当降低图层的不透明度,增加烟雾的通透感,过程如图8 - 11。

Photoshop设计制作一缕简单的蓝色烟雾
<图8>

Photoshop设计制作一缕简单的蓝色烟雾
<图9>

Photoshop设计制作一缕简单的蓝色烟雾
<图10>

Photoshop设计制作一缕简单的蓝色烟雾
<图11>
 
8、新建一个组,先来来制作一些散乱的烟雾,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图12>

9、散乱的烟雾包括边缘的一些光斑及中间部分较细的烟雾,制作方法同上,过程如图13 - 17。

Photoshop设计制作一缕简单的蓝色烟雾
<图13>

Photoshop设计制作一缕简单的蓝色烟雾
<图14>

Photoshop设计制作一缕简单的蓝色烟雾
<图15>

Photoshop设计制作一缕简单的蓝色烟雾
<图16>

Photoshop设计制作一缕简单的蓝色烟雾
<图17>
 
10、新建一个组,再来制作底部的烟雾,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图18>

11、在组里新建一个图层,用钢笔勾出下图所示的选区,填充蓝色,取消选区后添加图层蒙版,用黑色画笔把底部过渡擦出来,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图19>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充蓝色,取消选区后添加图层蒙版,用黑色画笔把顶部的过渡擦出来,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图20>

13、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充稍亮的蓝色,确定后按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图21>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充蓝色。

Photoshop设计制作一缕简单的蓝色烟雾
<图22>
 
15、新建一个图层,给刚才制作的烟雾中间增加一点高光,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图23>

16、新建图层,其它部分再增加一点细节,烟雾主体部分基本完成。

Photoshop设计制作一缕简单的蓝色烟雾
<图24>

17、在图层的最上面创建亮度/对比度调整图层,适当加大图片的对比度,参数及效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图25>

Photoshop设计制作一缕简单的蓝色烟雾
<图26>

18、创建色彩平衡调整图层,对高光进行调整,参数及效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图27>

Photoshop设计制作一缕简单的蓝色烟雾
<图28>

最后微调一下细节,完成最终效果。

Photoshop设计制作一缕简单的蓝色烟雾
<图29>

以上就是Photoshop,设计制作,蓝色烟雾的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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 尊渡假赌尊渡假赌尊渡假赌

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 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 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 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 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 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 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.

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é.

See all articles