Nuages ​​moelleux dans Photoshop

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.

Nuages ​​moelleux dans Photoshop

Étape 3

Créez un autre cercle et déplacez-le à droite du précédent. Faites-le un peu plus petit aussi.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

Étape 5

Ajoutons encore un autre cercle, cette fois beaucoup plus petit et au-dessus du précédent.

Nuages ​​moelleux dans Photoshop

É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

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

Étape 10

Sélectionnez maintenant Ombre intérieure puis suivez l’image ci-dessous pour les valeurs.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

Étape 22

Pour les styles de calque de texte, suivez simplement les valeurs dans les images ci-dessous.

Nuages ​​moelleux dans Photoshop

Nuages ​​moelleux dans Photoshop

Nuages ​​moelleux dans Photoshop

Nuages ​​moelleux dans Photoshop

Nuages ​​moelleux dans Photoshop

É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.

Nuages ​​moelleux dans Photoshop

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 🙂

Nuages ​​moelleux dans Photoshop
Cliquez sur l’image pour un aperçu complet

Télécharger le fichier Photoshop

Télécharger le fichier source