Comment créer un ciel nocturne avec des nuages ​​avec Adobe Illustrator et Photoshop

Ce que vous allez créer

Dans ce tutoriel, vous apprendrez à utiliser les outils Mesh Tool et Mesh Tormentor, ainsi qu'à améliorer l'apparence de vos images à l'aide de simples modifications de la transparence.paramètres - tout en créant une belle scène mystique avec des nuages ​​réalistes!

Si vous souhaitez ignorer ce didacticiel et acheter le résultat final, rendez-vous sur GraphicRiver pour acheter Night Nature Sky Background avec lune, nuage et étoiles..

Fond de ciel nuit nature avec lune, nuages ​​et étoiles

Avant de commencer ce tutoriel, vous devez installer le logiciel Tormentor à mailles brancher. Allez sur le site Mesh Tormentor et téléchargez le plug-in gratuit Mesh Tormentor qui correspond à votre version d'Illustrator. Décompressez ensuite l'archive reçue, fermez Adobe Illustrator et copiez le fichier .aip dans le dossier "Extensions" de votre disque d'installation local. (Par exemple, c’est le C: \ Program Files \ Adobe \ Adobe Illustrator CS6\ Plug-ins \ Extensions dossier sur mon ordinateur.) Ouvrez à nouveau Adobe Illustrator et accédez à Fenêtre> Tormentor.

1. Comment créer des nuages

Étape 1

Nous allons commencer par créer des nuages ​​réalistes. Pour cela, nous devrons commencer à travailler dans Adobe Photoshop.

Vous pouvez cliquer Télécharger la pièce jointe à droite du tutoriel pour recevoir ma photo d'un nuage que je vais utiliser; cependant, vous pouvez également utiliser votre propre photo!

Ouvrez la photo dans Adobe Photoshop, et puis aller à Sélectionnez> Gamme de couleurs.

Étape 2

Dans la fenêtre de dialogue résultante, prenez la pipette blanche et cliquez sur la partie la plus blanche du nuage. L'aperçu résultant de la sélection devrait ressembler au mien dans la capture d'écran ci-dessous. Cliquez sur D'accord.

Étape 3

Ouvrez un nouveau fichier dans Adobe Photoshop et assurez-vous que l’arrière-plan est Transparent.

Étape 4

Faites glisser le nuage sélectionné du premier fichier vers notre fichier récemment ouvert.

Étape 5

Créez un nouveau calque sous le calque avec le nuage et remplissez toute la planche d’art avec une couleur bleue, afin que nous puissions mieux voir le nuage..

Étape 6

Votre nuage devrait devenir comme ça à ce stade.

Étape 7

Prenez le Outil Gomme (E), Sélectionnez le calque 1 (celui avec le nuage) et effacez tous les petits artefacts inutiles sur la photo. Seule la forme du nuage principal devrait rester.

Étape 8

Enfin, prenez le Outil Flou (R) et brouiller les bords du nuage. Cela fera en sorte qu'il ne semble pas pixelisé lorsque nous le convertissons en image vectorielle.

Étape 9

Lorsque vous êtes satisfait du résultat, supprimez le calque bleu et enregistrez l'image au format .png..

Ouvrez le fichier .png dans Adobe Illustrator.

Étape 10

Créez une ellipse au-dessus du nuage.

Aller à Objet> Créer un filet de dégradé Et mettre Rangées et Les colonnes à 50.

Étape 11

Voici où Tormentor à mailles entre en jeu. Si vous ne l'avez pas déjà fait, installez-le et ouvrez-le Fenêtre> Tormentor.

Étape 12

Sélectionnez notre ellipse et, dans le Tormentor à mailles panneau, cliquez sur la cinquième icône à partir de la gauche dans la sixième rangée pour Augmenter la densité de maillage.

Étape 13

Le résultat devrait être comme ça.

Étape 14

Sélectionnez à présent le nuage créé dans Adobe Photoshop et l’ellipse Mesh. L'ellipse devrait être au-dessus du nuage! Cliquez sur l'icône "Mona Lisa" dans le menu Tormentor à mailles panneau pour colorer nos mailles comme le nuage.

Étape 15

Supprimez l'image raster d'origine et le tour est joué: vous avez votre incroyable nuage de vecteur réaliste!

2. Comment créer le fond

Étape 1

Créez un carré bleu foncé et, en utilisant le Outil de maillage (U), créer une grille de maillage 5x6.

Étape 2

En suivant les étapes ci-dessous, coloriez la grille de maillage. Les nœuds plus foncés dans les images représentent ceux que vous devriez colorer avec le code de couleur inclus..

Étape 3

Maintenant pour les nuages. Créez un rectangle bleu aléatoire et placez notre nuage de mailles 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 en bas du rectangle.

Étape 7

Placez maintenant le rectangle bleu devant les nuages ​​(Shift-Control-]), sélectionnez toutes les formes, faites un clic droit et sélectionnez Faire masque d'écrêtage.

Étape 8

Nos nuages ​​résultants ressembleront à ceci:

Vous pouvez les déplacer sur le fond que nous avons fait plus tôt.

3. Comment créer la lune et les rayons de lumière

Étape 1

Créez une forme de lune en sélectionnant deux cercles qui se chevauchent et en cliquant sur Exclure dans le Éclaireur panneau. Dissocier le résultat et supprimer la forme supérieure.

Étape 2

Créez trois copies de la forme résultante. Prenez le premier exemplaire et mettez les deux autres de côté pour le moment. Remplissez-le avec une couleur blanche, puis créez une autre copie et déplacez-la un peu vers le haut et à gauche de l'original. Le remplir avec # 95A5BC. Enfin, faites glisser le nœud du milieu de la forme bleue un peu à gauche.

Étape 3

Définir la forme bleue Transparence à 0%.

Aller à Objet> Fusion> Options de fusion. Met le Espacement à Étapes spécifiées et le nombre d'étapes pour 30.

Étape 4

Avec les deux objets sélectionnés, cliquez sur Objet> Mélange> Marque.

Étape 5

Avec la deuxième copie que nous avons faite à Étape 2, répéter un processus similaire à Étapes 2-4.

Étape 6

Prenez la dernière copie non utilisée et mettez-la au-dessus des deux mélanges. La lune devrait avoir l’air de briller maintenant. Vous pouvez le déplacer dans le coin supérieur droit de l'arrière-plan.

Étape 7

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

Étape 8

Créez deux copies différentes de cette forme.

Étape 9

Met le Transparence de toutes les formes, y compris le cercle original, à Écran.

Étape 10

Créez trois formes à partir des gradients.

Étape 11

Placez toutes les formes au-dessus du cercle d'origine. Le résultat devrait ressembler à ceci:

Étape 12

Créer une autre forme d’ellipse avec un# 274F7B à # 000000 Gradient Radial.

Met le Transparence à Écran.

Étape 13

Similaire à Étapes 9 et dix, créez différentes formes à partir de l'ellipse avec des dégradés. Les plus importants sont ceux avec les rayons les plus fins!

Mettez-les tous les uns sur les autres à la fin.

Étape 14

Placez la seconde 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 fini!

4. Comment créer les étoiles

Étape 1

Créez trois petits cercles avec un dégradé radial blanc à noir, 80% d'opacité, et Écran mode de transparence. Chaque cercle devrait avoir une taille différente, qui devrait être aussi petite qu'une étoile devrait figurer sur votre illustration.

Étape 2

Faites glisser tous les cercles dans la Symboles panneau pour créer trois nouveaux symboles.

Étape 3

Prenez le Outil de pulvérisation de symbole (Shift-S), sélectionnez l'un des symboles dans le Symboles panneau, 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 allez à Objet> Développer l'apparence.

"Rogner" l'image en traçant un rectangle sur l'arrière-plan, en sélectionnant tous les éléments, et Faire un masque d'écrêtage.

Étape 5

Nous allons créer un dernier couple d'étoiles. Créez un autre cercle avec Gradient radial blanc à noir, 80% d'opacité, et Écran transparence.

Étape 6

Créez une autre forme à partir de trois ellipses, avec un dégradé similaire, le même paramètre 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 les unes sur les autres.

Étape 9

Placez quelques grandes étoiles sur le fond.

Travail impressionnant, vous êtes maintenant fait!

Et maintenant? Vous pouvez essayer n'importe lequel de mes autres tutoriels 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 serai extrêmement heureux de voir les résultats dans les commentaires ci-dessous!

Fond de ciel nuit nature avec lune, nuages ​​et étoiles