Comment créer un ciel de nuit avec des nuages à l'aide d'Adobe Illustrator & Photoshop
() translation by (you can also view the original English article)



Dans ce tutoriel, vous apprendrez à utiliser l'outil Mesh et le plugin Mesh Tormentor ainsi que la façon de rendre vos images mieux adaptées aux réglages de transparence—tout en créant une belle scène mystique avec des nuages réalistes!
Si vous souhaitez ignorer ce tutoriel et souhaitez acheter le résultat final, passez à GraphicRiver pour acheter Night Nature Sky Background avec Moon, Cloud et Stars.



Avant de commencer ce tutoriel, vous devez installer le plugin Mesh Tormentor. Accédez au site Mesh Tormentor et téléchargez le plugin Mesh Tormentor gratuit qui correspond à votre version Illustrator. Décompressez ensuite l'archive reçue, fermez Adobe Illustrator et copiez le fichier .aip dans le dossier "Extensions" sur votre disque d'installation local. (Par exemple, il s'agit du dossier C:\Program Files\Adobe\Adobe Illustrator CS6\Plugins\ Extensions sur mon ordinateur.) Ouvrez Adobe Illustrator à nouveau et allez à Window > Mesh Tormentor.
1. Comment créer des nuages
Étape 1
Nous commencerons en créant des nuages réalistes. Pour cela, nous devrons commencer à travailler dans Adobe Photoshop.
Vous pouvez cliquer sur Download attachment jointe à droite du tutoriel pour recevoir ma photo d'un nuage que j'utiliserai; cependant, vous êtes également invité à utiliser votre propre photo!
Ouvrez la photo dans Adobe Photoshop, puis sélectionnez Select > Color Range.



Étape 2
Dans la fenêtre de dialogue qui en résulte, prenez le compte-gouttes blanc et cliquez sur la partie la plus claire du nuage. L'aperçu résultant de la sélection devrait ressembler à la mine dans la capture d'écran ci-dessous. Cliquez sur OK.



Étape 3
Ouvrez un nouveau fichier dans Adobe Photoshop et assurez-vous que le fond est Transparent.



Étape 4
Faites glisser le nuage sélectionné depuis le premier fichier vers notre fichier nouvellement ouvert.



Étape 5
Créez une nouvelle couche sous la couche avec le nuage et remplissez la table de travail entière avec une couleur bleue, juste pour que nous puissions mieux voir le nuage.



Étape 6
Votre nuage devrait se produire comme ça à ce stade.



Étape 7
Prenez l'outil Eraser (E), sélectionnez Layer 1 (celui avec le nuage) et effacez tous les petits artefacts inutiles sur l'image. Seule la forme du nuage principal devrait rester.



Étape 8
Enfin, saisissez l'outil de Blur (R) et flouez les bords du nuage. Cela assurera qu'il ne semble pas pixelé lorsque nous l'avons converti en une image vectorielle.



Étape 9
Lorsque vous êtes satisfait du résultat, supprimez la couche bleue et enregistrez l'image sous la forme .png.
Ouvrez le fichier .png dans Adobe Illustrator.



Étape 10
Créez une ellipse sur le dessus du nuage.
Accédez à Objet > Create Gradient Mesh et définissez les Rows et les Columns à 50.



Étape 11
Voici où Mesh Tormentor entre en jeu. Si vous ne l'avez pas déjà, installez-le et ouvrez-le par Window > Mesh Tormentor.



Étape 12
Sélectionnez notre ellipse et, dans le panneau Mesh Tormentor, cliquez sur la cinquième icône de gauche dans la sixième rangée pour augmenter la densité de maillage.



Étape 13
Le résultat devrait se produire comme ça.



Étape 14
Maintenant, sélectionnez le nuage que nous avons créé dans Adobe Photoshop et l'ellipse Mesh. L'ellipse devrait être sur le dessus du nuage! Cliquez sur l'icône "Mona Lisa" dans le panneau Mesh Tormentor pour colorer notre maillage comme le nuage.



Étape 15
Supprimez l'image raster originale et voila—vous avez votre incroyable nuage vectoriel réaliste!



2. Comment créer le fond
Étape 1
Créez un carré bleu foncé et, à l'aide de Mesh Tool (U), créez une grille de maille 5x6.



Étape 2
Suivant l'ensemble des étapes ci-dessous, coloriez la grille de maille. Les nœuds plus foncés dans les images représentent ceux que vous devriez colorier avec le code de couleur inclus.



Étape 3
Maintenant pour les nuages. Créez un rectangle bleu aléatoire et placez notre nuage de maillage au-dessus de celui-ci. Placez-le juste au-dessus du bord inférieur droit.



Étape 4
Créez quelques copies et, après les avoir tournées un peu, placez-les pour ressembler à l'image ci-dessous.



Étape 5
Placez une autre copie sous le nuage gauche.



Étape 6
Terminez avec une petite copie au milieu du rectangle.



Étape 7
Maintenant, placez le rectangle bleu devant les nuages (Shift-Control-]), sélectionnez toutes les formes, cliquez avec le bouton droit de la souris et sélectionnez Make Clipping Mask.



Étape 8
Nos nuages résultants ressemblent à ceci:



Vous pouvez les déplacer sur le fond que nous avons fait plus tôt.
3. Comment créer la lune et les faisceaux de lumière
Étape 1
Créez une forme de lune en sélectionnant deux cercles superposés et en cliquant sur Exclude dans le panneau Pathfinder. Dégroupez le résultat et supprimez la forme supérieure.



Étape 2
Créez trois copies de la forme résultante. Prenez la première copie, mettez les deux autres à l'écart pour l'instant. Remplissez-le d'une couleur blanche, puis créez une autre copie et déplacez-la un peu vers le haut et vers la gauche de l'original. Remplissez le #95A5BC
. Enfin, faites glisser le nœud central de la forme bleue vers la gauche.



Étape 3
Réglez la transparence de la forme bleue à 0%.
Accédez à Object > Blend > Blend Options. Réglez Spacing vers les Specified Steps et le nombre d'étapes à 30.



Étape 4
Avec les deux objets sélectionnés, cliquez sur Objet > Blend > Make.



Étape 5
Avec la deuxième copie que nous avons faite à l'étape 2, répétez un processus similaire aux étapes 2 à 4.



Étape 6
Prenez la dernière copie inutilisée et placez-la au dessus des deux mélanges. La lune devrait ressembler à une incandescence maintenant. Vous pouvez le déplacer vers le coin supérieur droit de l'arrière-plan.



Étape 7
Créez un cercle avec un Radial Gradient (Blanc - #4AF0F8
- #0888D5
- #054B87
- Noir).



Étape 8
Créez quelques copies différentes de cette forme.



Étape 9
Définissez la Transparency de toutes les formes, y compris le cercle d'origine, sur Screen.



Étape 10
Créez trois formes parmi les gradients.



Étape 11
Placez toutes les formes sur le dessus du cercle d'origine. Le résultat devrait ressembler à ceci:



Étape 12
Créez une autre forme ellipse avec un Radial Gradient #274F7B
à #000000
.
Réglez la Transparency sur Screen.



Étape 13
De même aux étapes 9 et 10, créez différentes formes hors de l'ellipse avec des gradients. Les plus importants sont ceux avec les rayons les plus minces!
Placez-les tous les uns sur les autres à la fin.



Étape 14
Placez la deuxième forme sur la première forme.



Étape 15
Déplacez les rayons sur le fond du ciel avec les nuages et la lune.
Nous avons presque finis!



4. Comment créer les étoiles
Étape 1
Créez trois petits cercles avec un gradient radial blanc à noir, 80% d'opacité et un mode de transparence de Screen. Chaque cercle devrait avoir une taille différente, qui devrait être aussi petite qu'une étoile devrait être sur votre illustration.



Étape 2
Faites glisser tous les cercles dans le panneau Symbols pour créer trois nouveaux symboles.



Étape 3
Prenez l'outil de Symbol Sprayer (Shift-S), sélectionnez l'un des symboles dans le panneau Symbols et faites-le glisser autour de l'illustration, créant beaucoup d'étoiles.



Étape 4
Répétez cette opération avec les trois symboles. Lorsque vous êtes satisfait du résultat, sélectionnez chaque forme avec les étoiles et passez à Object > Expand Appearance.
"Recadrer" l'image en dessinant un rectangle sur le dessus du fond, en sélectionnant tous les éléments et en faisant un masque de découpage.



Étape 5
Nous allons créer un dernier nombre d'étoiles. Créez un autre cercle avec gradient radial blanc à noir, 80% d'opacité et transparence de Screen.



Étape 6
Créez une autre forme sur trois ellipses, avec un dégradé similaire, le même réglage de transparence et 60% d'opacité.



Étape 7
Créez une autre forme d'étoile avec les paramètres mentionnés ci-dessous.



Étape 8
Assemblez toutes les pièces l'une sur l'autre.



Étape 9
Placez de grandes étoiles sur le fond.



Incroyable travail, vous avez maintenant terminé!
Et maintenant? Vous pouvez essayer l'un de mes autres tutoriels à partir de mon profil, ou consulter mon portfolio sur GraphicRiver, ainsi que l'image originale que nous avons recréée dans ce tutoriel.
J'espère que vous avez apprécié le tutoriel et que vous serez extrêmement heureux de voir les résultats dans les commentaires ci-dessous!



