Comment créer une scène de feu d'artifice rapide dans Adobe Photoshop

Ce que vous allez créer

C'est cette période de l'année où il y a de nombreux feux d'artifice pour des événements tels que Hogmanay (Nouvel An écossais). Dans ce tutoriel, je vais vous apprendre à installer des brosses de feux d'artifice préfabriquées et à créer rapidement des effets de rayonnement à l'aide des styles de calque et du masquage..

Suivez notre vidéo sur notre chaîne YouTube Envato Tuts +:

Les atouts

Pour ce tutoriel, j'utiliserai trois pinceaux des 25 pinceaux Hi-Res Fireworks définis par SPetrany..

Ces brosses sont:

  • Feux d'artifice 01
  • Feux d'artifice 02
  • Feux d'artifice 06

Voici à quoi ressemblent les pinceaux dans Photoshop. Dans cette leçon, je vais également expliquer comment installer des brosses dans Photoshop..

Comme je n'utilise que Windows 7, ce tutoriel couvrira l'extraction de fichiers sur un PC. Cependant, les étapes après l'extraction de fichier dans Photoshop sont les mêmes sur toutes les plateformes.. 

Vous aurez peut-être besoin d'un utilitaire de décompression. Je préfère utiliser 7-zip, qui est un utilitaire de décompression de fichier gratuit et à code source ouvert si vous ne disposez pas d'un programme de décompression..

Dans ce tutoriel, j'ai inclus le .PSD dans lequel j'ai créé l'illustration. Vous pouvez ainsi voir par vous-même comment j'ai créé les effets. Jouez avec les paramètres que j'ai utilisés ou créez les vôtres!

Illustration de la base de feux d'artifice


1. Comment décompresser des pinceaux et les utiliser dans Photoshop

Étape 1

Après avoir téléchargé vos pinceaux, ouvrez l’emplacement où vous avez enregistré le fichier zip. Les pinceaux sont généralement enregistrés dans des fichiers zip avec le fichier de pinceau (appelé .abr, un fichier de pinceau Adobe Photoshop), certains documents de contrat de licence et des images miniatures. Voici le fichier .zip dans un dossier de mon lecteur C: /.

Note: Je ne peux pas inclure les pinceaux dans ce tutoriel. S'il vous plaît n'hésitez pas à utiliser une brosse que vous souhaitez ou acheter le jeu de Marché Envato.

Étape 2

Ensuite, dans le dossier, faites un clic droit sur le fichier .zip et dans le menu déroulant, il devrait y avoir "7-zip"; cliquez sur "extraire ici". Si vous utilisez un autre utilitaire d'extraction de fichier, ces noms peuvent être légèrement différents. Cela extraira le contenu du fichier brushes dans votre dossier.


Étape 3

Double-cliquez sur le dossier - dans ce cas Ensemble de pinceaux SGP Fireworks. Voici une sélection de fichiers. Il existe deux dossiers pour les images au cas où vous ne pourriez pas obtenir le .abr fichier pour travailler ou souhaitez faire vos propres paramètres de pinceau à partir de zéro. Il existe deux ensembles d’instructions d’installation, en tant que .SMS fichier et SGP_Fireworks_Instructions.psd. Si vous ne savez pas toujours comment installer vos brosses, vérifiez-les.!

Le fichier dont nous avons besoin est SGP_Brushes_Firworks.abr.

Malheureusement, il ne suffit pas de double-cliquer sur ce fichier pour l'installer dans Photoshop. Je vous montrerai ensuite comment ajouter ces pinceaux à votre collection de pinceaux.!


Étape 4

Dans Photoshop dans le Préréglages de brosse, qui est raccourci F5,cliquez sur la flèche de la liste déroulante et sélectionnez Remplacer les pinceaux.

Sinon vous pouvez Brosses de charge ce qui va ajouter les pinceaux à la fin de votre liste.


Étape 5

Si vous avez sélectionné Remplacer les pinceaux, un dialogue apparaîtra vous demandant si vous souhaitez enregistrer les pinceaux que vous avez dans la configuration actuelle.


Étape 6

Ensuite, nous naviguons vers l'endroit où vous avez extrait les pinceaux, ce qui est dans mon cas. Ordinateur> (C :)> Hannibal> Pinceaux et sélectionnez le SGP_Brushes_Firworks.abr déposer et cliquer Charge.


Étape 7

Ceci est une configuration du Préréglages de brosse. En fonction des préférences et du type de pinceau, vous pouvez configurer ceci différemment.. 

Il existe deux principaux types de pinceaux: les pinceaux destinés à être utilisés comme pinceaux pour les traits, et les pinceaux destinés à être utilisés comme tampon. Ce sont ces derniers. Ceux-ci peuvent également être modifiés exactement de la même manière que n'importe quel autre pinceau. Pour le style "tampon", je préfère les voir comme Grandes vignettes. dans le Pinceau prédéfini liste déroulante, sélectionnez votre configuration préférée.


Voici à quoi ressemblent les pinceaux Grandes vignettes. Ne sont-ils pas beaux? Ensuite, je vais vous montrer comment utiliser trois de ces pinceaux pour créer notre feu d'artifice rougeoyant..


2. Installez le ciel nocturne

Les pinceaux que nous utiliserons sont:

  • Feux d'artifice 01
  • Feux d'artifice 02 
  • Feux d'artifice 06


Étape 1

Ici j'ai créé Groupes avec des pinceaux de feu d'artifice. Vous pouvez le faire en faisant glisser les calques dans un groupe. Des groupes peuvent être créés en appuyant sur l’icône au bas de la fenêtre. Couches panneau qui ressemble à un dossier en carton. Le premier groupe a Feux d'artifice 01 et Feux d'artifice 02; le deuxième groupe Feux d'artifice 06. Ici, j'ai utilisé du blanc pour être sûr d'avoir la bonne taille et que cela fonctionne dans la composition..


Ceux-ci ont été créés en ayant le Brosse sélectionné (B) et en sélectionnant votre pinceau de choix parmi les Préréglages de brosse (F5).

Pour le premier, sélectionnez Fireworks 02 et essayez le pinceau. Pour changer la taille du pinceau, appuyez sur les crochets. [ et ].


Je décide que c'est un peu fade à lui seul, donc sur un Nouvelle Couche (Control-Shift-N) Je superpose le Feux d'artifice 01 qui ressemble à ceci:


Voici comment la finale Feux d'artifice 06 brosse semble seule. 


Une fois que vous les avez dans votre composition, nous pouvons maintenant choisir nos couleurs.

Étape 2

Dans chaque groupe, nous créons un Nouvelle Couche et appuyez sur g, qui est le Remplir commande, pour remplir ce calque avec la couleur désirée. Ensuite, faites un clic droit sur ce calque coloré et sélectionnez Créer un masque d'écrêtage. Cela ne montrera que les couleurs où il y a des pixels en dessous. Presse suivante Control-U pour élever le Teinte / Saturation curseur. 


Utilisez-le pour modifier les couleurs du calque jusqu'à ce qu'elles soient belles.


Vous pouvez également apposer vos couleurs sur le feu d’artifice. J'aime cette méthode car cela signifie que je peux les changer facilement. Vous pouvez aussi utiliser Dégradés comme Masque d'écrêtage Couches.

Étape 3

Aplatissez les calques de couleur avec les calques de feux d'artifice individuels. Vous pouvez le faire en sélectionnant les deux couches et en appuyant sur Contrôle-e.


Étape 4

Dupliquez trois fois le calque de base pour créer des calques d'effets distincts. Vous pouvez le faire en faisant glisser le calque d'origine sur le Nouvelle Couche icône au bas de la Couches panneau. Pour cela, peu importe la couleur de ces couches. j'ai utilisé Teinte / Saturation (Control-U) pour les rendre noirs pour que vous les voyiez plus facilement.


3. Créez les effets de luminescence sur le feu d'artifice rouge

Étape 1 

Pour commencer, nous allons créer un Lueur externe. Double-cliquez sur le calque pour afficher le Styles de calque. le Styles de calque sont des outils puissants qui peuvent changer l'apparence de la couche sans changer son contenu d'origine. 

Avant de commencer à créer les effets de rayonnement, voici une note sur la différence entre l'opacité et l'opacité du remplissage. Sélectionner Options de fusion voir ce dialogue. Opacité (sous Mélange général) change l'opacité du calque et effets, alors que Remplir l'opacité (sous Mélange avancé) Ne modifie que l'opacité du contenu du calque et non les effets. Pour cela, nous allons définir le Remplir à 0%.

Suivant dans Lueur externe J'ai le Mode de fusion mis à Écran. J'ai trouvé que c'était le meilleur réglage pour créer une lueur sur un fond sombre. 

Vous pouvez sélectionner n'importe quelle couleur ou dégradé à cet effet en cliquant sur le carré coloré ou sur le dégradé situé en dessous. Bruit dans le Structure section. Assurez-vous d'avoir sélectionné l'aperçu pour pouvoir voir une mise à jour en direct des effets. 


Ici vous pouvez voir l'avant et l'après. Cela a l'air bien, mais la lueur est trop uniforme. Essayons de masquer ces effets.


Étape 2

Pour créer un masque, sélectionnez le calque que vous souhaitez masquer et appuyez sur l’icône "rectangle avec un cercle" en bas de la fenêtre. Couches panneau. Ensuite, peignez en noir pour masquer toutes les illustrations et en blanc pour les repeindre. J'aime utiliser un pinceau doux et rond par défaut pour Photoshop..


Ici, j'ai peint quelques zones pour montrer un problème que vous rencontrerez en masquant les styles de calque. Toute zone que vous masquez l'effet continue à envelopper les bords.

Note: ici j'ai désactivé la couche de base pour que vous puissiez voir ce phénomène plus clairement.


Étape 3

Heureusement, il existe une solution facile pour cela! Retour dans le Style de calque dialogue, sélectionnez le Options de fusion. dans le Mélange avancé section il y a une case non cochée à côté de Masque de calque masque les effets. Désormais, vos masques affecteront l’effet que vous appliquez, ce qui les garde complètement modifiables.!

Assurez-vous de le faire avec chaque Style de calque exemple.

Étape 4

Créer un masque sur le Effets 1 couche en appuyant sur l'icône du masque au bas de la Couches panneau, qui est un rectangle avec un cercle.


Étape 5

À l'aide d'un pinceau doux, peignez en noir jusqu'au centre du feu d'artifice pour que l'effet ne fasse que briller les extrémités des étincelles..

Ici vous pouvez voir un avant et un après et quelle différence cela fait.


4. Créer un effet de calque 2

Étape 1 

Sur le calque "Effet 2", nous avons besoin d'une lueur orange pour ajouter un peu plus de punch. La façon dont je choisis les couleurs consiste à faire le tour de la roue chromatique. Ainsi, pour un objet rouge, j’allumerais la lueur orange. Si l'objet était orange, je jaunirais et ainsi de suite. Dans ce cas, je règle le mode de fusion sur normal car c'est ce qui semble fonctionner le mieux.. 

Étape 2

J'ai haussé le Intervalle et Taille réglages pour que l'orange sorte plus loin et donne plus de punch.

Étape 3

Comme auparavant, nous créons un masque et peignons une partie de la lueur externe centrale.


Étape 4

Zoomez et masquez certaines zones de chaque sentier.

Cela commence à bien paraître, mais je pense qu'il faut un peu de variation avec la couleur.

5. Créer un effet de calque 3

Étape 1

Sur Layer Effect 3, nous sélectionnons Inner Glow et une magnifique couleur pourpre. J'ai choisi le violet parce qu'il est complémentaire à l'orange et fera éclater le feu d'artifice!

Regarde ça! 

Étape 2

Encore une fois, nous créons un masque, mais plutôt que de masquer l’intérieur du feu d’artifice, nous peignons les bords extérieurs pour que le violet reste au centre.. 

Ensuite, nous allons passer aux étincelles orange!

6. Faites briller les étincelles d'orange

Étape 1 

J'ai activé la couche d'étincelles. Ça a l'air bien, mais il faut un peu plus.


Étape 2

dans le Style de calque nous entrons dans la lueur intérieure et choisissons un rouge vif avec le mode de fusion réglé sur Ordinaire. Jouer avec Taille de sorte que la lueur ne reste que sur le bord intérieur.

Si vous le souhaitez, vous pouvez peindre certains des effets dans les masques de calque. 

7. Créez les effets de luminescence sur le feu d'artifice bleu

Étape 1

Dupliquez deux fois le calque de base en faisant glisser le calque d'origine sur le Nouvelle Couche icône.


Étape 2

Dans le style de calque, sélectionnez Ombre portée. Ensuite nouschanger la Ombre portée couleur à une sarcelle à haute saturation et définissez le mode de fusion sur Ordinaire. Augmenter le Propager à 2% et le Taille à 144 px faire un gros nuage derrière le feu d'artifice.


Rappelles toi:Vérifier Masque de calque masque les effets!


Cela fait briller les étincelles bleues sur le ciel violet et bleu marine!


Étape 3

Je sais que je veux créer un lueur intérieure à l'explosion. Pour donner une lueur convaincante, vous devez choisir une version pâle et à haute saturation de la couleur de feu d'artifice d'origine dans la sélection de couleurs. Il s'agit du carré marqué ci-dessous. Bruit.



Jouez avec les réglages jusqu'à trouver quelque chose que vous aimez!


Étape 4

OK, il nous faut un peu plus de punch et "oooh!" pour cela, je prends donc un bleu royal incroyablement pâle et mets cela comme le Lueur externe. Ces deux effets sont sur le même calque. Je fais cela car je veux que le masque se rapporte à eux deux. Rappelez-vous dans le Options de fusion de style de calque vérifier Les masques de calque masquent les effets.



C'est fantastique et vraiment festif! Les couleurs sortent vraiment de l'écran.


8. Touches finales

Étape 1

Une autre façon d'ajouter une lueur consiste à utiliser l'une des brosses douces par défaut de Photoshop. Ici, j’ai peint un grand nuage doux en rouge orangé sur un Nouvelle Couche derrière tous les feux d'artifices rouges. 


Voici comment la lueur semble en place, même si je ne suis pas totalement satisfaite.


Étape 2

En utilisant Teinte / Saturation (Control-U), J’ai changé l’arrière-plan en rouge plus rosé, ce qui a fait ressortir un peu plus les queues violettes.


Conclusion

Dans ce tutoriel, vous avez appris à installer des brosses et à créer des effets de rayonnement à l'aide des styles de calque..

Vous pourrez créer une lueur sur tout ce que vous souhaitez, des feux d'artifice aux sorts, des scènes de science-fiction et du texte. J'ai joint le fichier .PSD avec l'arrière-plan et les silhouettes de créature inclus si vous souhaitez essayer ce processus vous-même. J'aimerais beaucoup voir vos résultats! Si vous souhaitez voir d’autres astuces et astuces Photoshop abordées dans mes tutoriels, veuillez laisser un commentaire ci-dessous..