Nuages moelleux dans Photoshop
Samedi dernier, alors qu’il discutait avec un de mes amis, il m’a demandé comment créer des nuages de style pelucheux, il m’a dit qu’il avait vu cela assez souvent sur Dribbble. J’ai décidé de vérifier cela et il y avait en effet beaucoup de conceptions de nuages incroyables, puis je me suis dit que ce serait une bonne idée d’en créer un dans Photoshop également.
Donc, dans ce tutoriel, je vais vous montrer comment créer un fond d’écran avec des nuages très stylisés et super moelleux dans Photoshop. Nous utiliserons des outils de base et des styles de calque pour créer l’effet. L’ensemble du processus prendra de 30 à 45 minutes, mais je pense qu’il existe de nombreux conseils intéressants pour ceux qui débutent dans Photoshop.
Étape 1
Ouvrez Photoshop et créez un nouveau document. j’utilise 2560×1440 pixels pour la taille. Après cela, rendez le calque d’arrière-plan modifiable en double-cliquant dessus, puis allez à Calque> Styles de calque> Superposition de dégradé. Utilisez Radial pour le style et pour l’utilisation des couleurs #ddeffa et #96ccee pour les couleurs claires et foncées.
Étape 2
Avec le Outil Ellipse (U) créer un cercle. La couleur n’a pas vraiment d’importance à ce stade.
Étape 3
Créez un autre cercle et déplacez-le à droite du précédent. Faites-le un peu plus petit aussi.
Étape 4
Ajoutez un autre cercle à côté du précédent. Utilisez l’image ci-dessous pour référence, notez que les cercles se chevauchent.
Étape 5
Ajoutons encore un autre cercle, cette fois beaucoup plus petit et au-dessus du précédent.
Étape 6
Pour finir la forme du nuage, ajoutez un autre cercle, cette fois plus grand. Une fois que vous avez la forme de nuage que vous aimez, regroupez-les et dupliquez le groupe, puis allez à Calque>Fusionner les calques. Vous aurez un calque avec le nuage mais les cercles seront nécessaires plus tard dans le tutoriel
Étape 7
Sélectionnez le calque avec le nuage, celui que nous avons fusionné, et allez dans Calque> Styles de calque> Superposition de couleurs. Utilisez du blanc pour la couleur.
Étape 8
Sélectionner Biseau et estampe. Pour l’utilisation du style Biseau intérieur, pour la profondeur 100%, pour le Taille 8 pixelspour le Adoucissez 16 pixels, pour l’Angle 90º, pour l’Altitude 37º, pour le Gloss Countour utilisez celui que j’ai utilisé dans l’image ci-dessous. Également pour le mode Highlight et le mode Shadow, utilisez le noir pour la couleur avec Color Burn pour le Blend Mode et 54% d’opacité pour le premier et 60% pour le dernier.
Étape 9
Sélectionner Lueur intérieure. Utilisation 100% Opacité avec du blanc pour la couleur puis Bord pour la Source, 0% pour le Choke et 100 pixels pour la Taille. Utilisez l’image ci-dessous pour plus de valeurs.
Étape 10
Sélectionnez maintenant Ombre intérieure puis suivez l’image ci-dessous pour les valeurs.
Étape 11
Le dernier style de calque que nous utiliserons est Ombre portée, ce ne serait pas exactement nécessaire en termes de réalisme mais l’idée de l’ombre est de donner un certain contraste entre le nuage et l’arrière-plan car ils utilisent les mêmes couleurs.
Étape 12
Voici le résultat final du nuage que nous avons créé avec les styles de calque. C’est déjà un très beau dénouement mais je pense qu’il a encore besoin d’un peu de profondeur.
Étape 13
Pour ajouter de la profondeur, nous allons faire quelque chose de très simple. En utilisant les cercles comme référence, nous allons créer de nouveaux calques avec eux afin qu’ils aient les mêmes styles de calque que le nuage mais en cercles, de cette façon nous ajouterons du volume à notre nuage. La première chose cependant sera de réduire l’opacité de la couche nuageuse à 30%.
Maintenant, créez une sélection de sélection de l’un des cercles, puis sélectionnez le calque de nuage et dupliquez-le et accédez à Calque> Masque de calque> Révéler la sélection. Déplacez ce nouveau calque afin qu’il soit sous le nuage.
Étape 14
Sélectionnez le masque du cercle que nous avons créé à l’étape précédente et allez à Filtre> Flou> Flou gaussien. Utilisez 20 pixels pour le rayon.
Étape 15
Avec cette quantité de flou, le cercle devient très subtil, comme l’image ci-dessous. Donc, si vous voulez avoir plus de surbrillance, utilisez moins de flou.
Étape 16
Répétez la même chose pour les autres cercles. Notez que vous pouvez dissocier le masque de calque de l’alyer et déplacer le calque pour créer des effets plus aléatoires, comme je l’ai fait ici dans le cercle à gauche.
Étape 17
Voici le résultat final que j’ai obtenu après avoir ajouté le volume. Le nuage a maintenant l’air super moelleux. Mais ce n’est toujours pas fait.
Étape 18
Il est temps d’ajouter des arcs-en-ciel, j’ai créé celui-ci en utilisant des rectangles aux couleurs de l’arc-en-ciel. Après cela, j’ai fusionné en un seul calque et appliqué un flou gaussien dans la zone située sous le nuage pour créer un bel effet de transparence.
Étape 19
Créez une sélection de sélection avec la forme du nuage et ajoutez un nouveau calque, remplissez-le avec les couleurs de l’arc-en-ciel et appliquez un glur gaussien avec au moins 100 pixels pour le rayon. Après cela, déplacez-le sous les autres couches utilisées pour créer le nuage.
Étape 20
Dupliquez le cloud deux fois. Redimensionnez-les et retournez-les horizontalement pour créer une belle composition. Remarquez que je n’ai pas dupliqué les couleurs de l’arc-en-ciel.
Étape 21
Ajoutons maintenant du texte. J’ai utilisé Val pour la police et j’ai juste ajouté le mot Abduzeedo en blanc. Mais appliqué quelques styles de calque pour créer le même effet pelucheux.
Étape 22
Pour les styles de calque de texte, suivez simplement les valeurs dans les images ci-dessous.
Étape 23
Dupliquez tous les calques et fusionnez-les en un seul, puis allez à Filtre> Bruit> Ajouter du bruit. Utilisez 1,5 % pour la gaussienne.
Conclusion
Après quelques étapes et 45 bonnes minutes de travail, nous avons un joli design de nuage de style moelleux. J’essaie toujours d’apprendre de nouvelles façons d’utiliser les styles de calque, je pense que c’est l’une des fonctionnalités les plus puissantes de Photoshop, pour ce tutoriel, je réponds à une question d’un de mes amis qui voulait savoir comment créer de jolis nuages de style d’icône mais la prochaine fois pourrait être l’une de vos questions. Donc, si vous avez des suggestions de tutoriels, envoyez-nous simplement un e-mail avec l’effet que vous souhaitez que nous montrons comment le faire, si nous le pouvons bien sûr 🙂
Cliquez sur l’image pour un aperçu complet