Maison interface Web Tutoriel PS Photoshop制作一个简洁可爱的彩色烟雾心形

Photoshop制作一个简洁可爱的彩色烟雾心形

Jun 01, 2016 pm 02:30 PM
couleur

效果图重点是烟雾部分的制作,需要在心形的边缘及中间位置增加类似烟雾的高光。至于火焰部分,直接使用火焰素材,稍作变形即可 最终效果

Photoshop制作一个简洁可爱的彩色烟雾心形


1、新建一个1024 * 650像素的文件,背景填充黑色。新建一个组,用钢笔勾出心形的轮廓,转为选区后给组添加图层蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图1>

2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左至右拉出图3所示的线性渐变,确定后把图层不透明度改为:40%,这一层只作为一个参考层,后面的烟雾渲染后可以删除。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图2>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图3>
 
3、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图4>

4、新建一个图层,用钢笔勾出中间高光部分的选区,羽化1个像素后填充比底色稍亮的颜色,然后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图5>

5、新建一个图层,用钢笔勾出边缘的高光选区,羽化1个像素后填充比底色稍亮颜色,确定后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图6>

6、新建一个图层,边缘的反光区域用画笔涂上一点淡紫色,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图7>

7、新建一个图层,沿着边缘制作顶部边缘的高光。用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图8>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充淡紫色:#FEBDFC,混合模式改为“滤色”,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图9>

9、新建一个图层,继续制作边缘的高光,用钢笔勾出下图所示的选区,羽化3个像素后填充淡紫色:#FEBDFC,取消选区后添加图层蒙版,用黑色画笔把顶部过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图10>

10、新建一个图层,制作中间部分的高光。先用钢笔勾出稍大的选区,羽化6个像素后填充紫色。然后新建一个图层,用钢笔勾出稍小的选区,羽化2个像素后填充稍亮的紫色,如图12。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图11>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图12>

11、新建一个图层,继续制作顶部的高光,同样用钢笔勾出选区,羽化1个像素后填充淡紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图13>
 
12、新建图层,给左侧增加一点稍淡的高光,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图14>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图15>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图16>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图17>

13、新建图层,现在开始制作右侧的烟雾,方法跟左侧一样,不过这边的主色为蓝色。先用钢笔勾出下图所示的选区,羽化3个像素后填充蓝色:#6A6BF9,确定后把不透明度改为:60%,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图18>
 
14、新建图层,同上的方法制作其它的烟雾,需要控制的选区的羽化程度,过程如图19 - 23。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图19>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图20>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图21>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图22>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图23>
 
15、现在回到组的最底层,可以把渐变图层删除,或把不透明度改为:10%,如下图,这样烟雾就清晰很多。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图24>

16、打开火焰素材,拖进来移到图层的最上面,按Ctrl + T 变形,然后右键选择“变形”,沿心形左侧轮廓变形处理,确定后把图层混合模式改为“滤色”,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图25>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图26>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图27>
 
17、同样的方法增加右侧的火焰,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图28>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图29>

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

Photoshop制作一个简洁可爱的彩色烟雾心形
<图30>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图31>

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

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

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

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)

Quelles sont les questions courantes sur l'exportation du PDF sur PS Quelles sont les questions courantes sur l'exportation du PDF sur PS Apr 06, 2025 pm 04:51 PM

Questions et solutions fréquemment posées lors de l'exportation de PS en PDF: Problèmes d'intégration de la police: vérifiez l'option "Font", sélectionnez "intégrer" ou convertissez la police en courbe (chemin). Problème de déviation de couleur: convertir le fichier en mode CMYK et ajuster la couleur; L'exporter directement avec RVB nécessite une préparation psychologique pour l'aperçu et l'écart des couleurs. Problèmes de résolution et de taille des fichiers: choisissez la résolution en fonction des conditions réelles ou utilisez l'option de compression pour optimiser la taille du fichier. Problème d'effets spéciaux: fusionnez (aplatir) les couches avant de l'exportation, ou pesez les avantages et les inconvénients.

Quelle est la raison pour laquelle PS continue de montrer le chargement? Quelle est la raison pour laquelle PS continue de montrer le chargement? Apr 06, 2025 pm 06:39 PM

Les problèmes de «chargement» PS sont causés par des problèmes d'accès aux ressources ou de traitement: la vitesse de lecture du disque dur est lente ou mauvaise: utilisez Crystaldiskinfo pour vérifier la santé du disque dur et remplacer le disque dur problématique. Mémoire insuffisante: améliorez la mémoire pour répondre aux besoins de PS pour les images à haute résolution et le traitement complexe de couche. Les pilotes de la carte graphique sont obsolètes ou corrompues: mettez à jour les pilotes pour optimiser la communication entre le PS et la carte graphique. Les chemins de fichier sont trop longs ou les noms de fichiers ont des caractères spéciaux: utilisez des chemins courts et évitez les caractères spéciaux. Problème du PS: réinstaller ou réparer le programme d'installation PS.

Comment résoudre le problème du chargement lorsque PS montre toujours qu'il se charge? Comment résoudre le problème du chargement lorsque PS montre toujours qu'il se charge? Apr 06, 2025 pm 06:30 PM

La carte PS est "Chargement"? Les solutions comprennent: la vérification de la configuration de l'ordinateur (mémoire, disque dur, processeur), nettoyage de la fragmentation du disque dur, mise à jour du pilote de carte graphique, ajustement des paramètres PS, réinstaller PS et développer de bonnes habitudes de programmation.

Comment accélérer la vitesse de chargement de PS? Comment accélérer la vitesse de chargement de PS? Apr 06, 2025 pm 06:27 PM

La résolution du problème du démarrage lent Photoshop nécessite une approche à plusieurs volets, notamment: la mise à niveau du matériel (mémoire, lecteur à semi-conducteurs, CPU); des plug-ins désinstallés ou incompatibles; nettoyer régulièrement les déchets du système et des programmes de fond excessifs; clôture des programmes non pertinents avec prudence; Éviter d'ouvrir un grand nombre de fichiers pendant le démarrage.

Comment définir la protection des mots de passe pour l'exportation PDF sur PS Comment définir la protection des mots de passe pour l'exportation PDF sur PS Apr 06, 2025 pm 04:45 PM

Exporter PDF protégé par mot de passe dans Photoshop: ouvrez le fichier image. Cliquez sur "Fichier" & gt; "Export" & gt; "Exporter en PDF". Définissez l'option "Sécurité" et entrez le même mot de passe deux fois. Cliquez sur "Exporter" pour générer un fichier PDF.

Comment utiliser PS Pen Tool Comment utiliser PS Pen Tool Apr 06, 2025 pm 10:15 PM

L'outil stylo est un outil qui crée des chemins et des formes précis, et est utilisé par: Sélectionnez l'outil stylo (P). Définit les options de chemin, de remplissage, de coup et de forme. Cliquez sur Créer un point d'ancrage, faites glisser la courbe pour libérer le point de création d'ancrage. Appuyez sur CTRL / CMD ALT / OPT pour supprimer le point d'ancrage, faire glisser et déplacer le point d'ancrage, puis cliquez sur la courbe de réglage. Cliquez sur la première ancre pour fermer le chemin pour créer une forme, et double-cliquez sur la dernière ancre pour créer un chemin ouvert.

Le chargement lent PS est-il lié à la configuration de l'ordinateur? Le chargement lent PS est-il lié à la configuration de l'ordinateur? Apr 06, 2025 pm 06:24 PM

La raison du chargement lent PS est l'impact combiné du matériel (CPU, mémoire, disque dur, carte graphique) et logiciel (système, programme d'arrière-plan). Les solutions incluent: la mise à niveau du matériel (en particulier le remplacement des disques à semi-conducteurs), l'optimisation des logiciels (nettoyage des ordures système, mise à jour des pilotes, vérification des paramètres PS) et traitement des fichiers PS. La maintenance ordinaire de l'ordinateur peut également aider à améliorer la vitesse d'exécution du PS.

Comment résoudre le problème du chargement lorsque le PS ouvre le fichier? Comment résoudre le problème du chargement lorsque le PS ouvre le fichier? Apr 06, 2025 pm 06:33 PM

Le bégaiement "Chargement" se produit lors de l'ouverture d'un fichier sur PS. Les raisons peuvent inclure: un fichier trop grand ou corrompu, une mémoire insuffisante, une vitesse du disque dur lente, des problèmes de pilote de carte graphique, des conflits de version PS ou du plug-in. Les solutions sont: vérifier la taille et l'intégrité du fichier, augmenter la mémoire, mettre à niveau le disque dur, mettre à jour le pilote de carte graphique, désinstaller ou désactiver les plug-ins suspects et réinstaller PS. Ce problème peut être résolu efficacement en vérifiant progressivement et en faisant bon usage des paramètres de performances PS et en développant de bonnes habitudes de gestion des fichiers.

See all articles