Maison interface Web Tutoriel PS Photoshop打造出一条漂亮如丝带的红色叠加光束

Photoshop打造出一条漂亮如丝带的红色叠加光束

Jun 01, 2016 pm 02:34 PM

单一的光束制作可能比较简单,不过几条或更多的光束叠加的效果制作就比较麻烦,尤其是叠加部分的制作比较复杂。因为叠加的时候光会明显加强,需要单独进行处理。 

最终效果

Photoshop打造出一条漂亮如丝带的红色叠加光束


1、新建一个1024 * 768像素的文档,背景填充黑色,新建一个图层,用套索工具拉出下图所示的选区,按Ctrl + Alt + D 羽化120个像素后填充暗红色,如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图1>
 
2、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#621E0C,作为光束的底色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图2>

3、新建一个组,按Ctrl + Alt + G 与前一个图层编组,然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化20个像素后填充颜色:#753610。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图3>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充橙红色:#E6721B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图4>

5、新建一个图层,用钢笔勾出左下部暗调部分的选区,羽化10个像素后填充颜色:#481F0B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图5>
 
6、新建一个图层,用钢笔勾出左边部分暗调的选区,羽化10个像素后填充颜色:#481F0B。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图6>

7、新建一个图层,用钢笔勾出图7所示的选区,羽化10个像素后填充颜色:#ED7922,如图7,中间部分用减淡工具涂亮一点,效果如图8。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图7>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图8>

8、新建一个图层,用钢笔勾出下图所示的选区,羽化25个像素后填充颜色:#F56636。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图9>
 
9、新建一个图层,用钢笔勾出右边暗角部分的选区,羽化15个像素后填充颜色:#440C08。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图10>

10、新建一个图层,用钢笔勾出中间高光部分的选区,羽化15个像素后填充颜色:#E56A21,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图11>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充颜色:#FBCE51。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图12>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充颜色:#ECC874,混合模式改为“颜色减淡”,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图13>
 
13、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充白色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图14>

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

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图15>

15、新建一个图层,用钢笔勾出右边高光部分的选区,羽化10个像素后填充橙色,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图16>

16、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#8D4015,取消选区后加上图层蒙版,用黑色画笔把底部的过渡涂出来,再适当降低图层不透明度,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图17>

17、新建一个图层,用钢笔勾出右下角暗部选区,羽化15个像素后填充暗红色。到这一步底色部分制作基本完成,效果如图19。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图18>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图19>

18、下面需要制作上层的光束,需要完成的效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图20>

19、在图层的最上面新建一个组,新建图层后用钢笔工具勾出图21所示的选区,填充颜色:#D5481D。取消选区后天就图层蒙版,用黑色画笔把图22选区部分以外的部分擦出来。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图21>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图22>
 
20、新建一个图层,按Ctrl + Alt + G 与前一图层编组,然后在当前图层下面新建一个图层,用椭圆选框工具拉出下图所示的选区,羽化5个像素后填充橙黄色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图23>

21、新建一个图层,用钢笔勾出下图所示的选区,羽化25个像素后填充颜色:#672D0F。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图24>

22、新建一个图层,用钢笔勾出右边暗部的选区,羽化2个像素后填充暗红色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图25>

23、新建一个图层,用钢笔勾出右边高光部分的选区,羽化3个像素后填充橙红色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图26>
 
24、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充橙黄色。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图27>

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

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图28>

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

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图29>

27、新建一个图层,同上的方法制作高光及暗调部分,过程如图30,31,效果如图32。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图30>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图31>

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图32>
 
28、新建一个组,同上的方法制作左边的光束,效果如下图。

Photoshop打造出一条漂亮如丝带的红色叠加光束
<图33>

最后调整一下整体颜色和对比度,完成最终效果。

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

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

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