Concevoir un papier peint de style Vista

Aujourd'hui, nous allons créer un fond d'écran dans le style Vista. Un fond noir sera rempli de dégradés élégants ornés de formes courbes abstraites bleues et vertes. Les techniques utilisées dans ce tutoriel sont évolutives. Il est facile de transformer la conception finale en différentes tailles pour s'adapter à différents moniteurs. Apprenons à le faire.

Note de l'éditeur: Ce tutoriel a été publié à l'origine en tchèque sur Grafika Online. Grafika a gentiment donné la permission à Vaclav de republier ici sur Psdtuts + pour ceux d’entre nous qui n’avons pas encore maîtrisé le tchèque…

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Cliquez sur la capture d'écran ci-dessous pour afficher l'image en taille réelle. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.

Étape 1

Démarrer un nouveau document de taille d'écran dans Photoshop. Dans ce cas, j'ai choisi Résolution de 1024px par 768px afin que je puisse voir le tout sans faire défiler. Remplissez le fond avec la couleur noire. Puis choisissez le Outil Lasso Polygonal, et choisissez une partie du document. Puis utilisez le Pente Outil dessiner un dégradé du blanc au transparent dans un nouveau calque. Répétez cette opération plusieurs fois (toujours dans une nouvelle couche).

Étape 2

Pour rendre le fond moins expressif, tournez le Opacité vers le bas.

Étape 3

Fusionner les calques (Ctrl + E). Puis les brouiller avec le Flou gaussien filtre. Un petit aperçu de l'ensemble du document suit.

Étape 4

Pour le rendre plus expressif dans certains endroits, continuez à dessiner gradients radiaux du blanc au transparent.

Étape 5

Tourner son opacité à un niveau peu remarquable.

Étape 6

Eh bien, il n’ya jamais assez de blanc à dégradés transparents, à droite?

Étape 7

N'oubliez pas de tourner le opacité sagement.

Étape 8

Vous pouvez rendre l’arrière-plan plus intéressant en copiant tous les calques et

en les retournant (Ctrl + T), ou déplacez-les un peu.

Étape 9

256 nuances de gris ne suffisent pas pour cette douce manipulation.

Étape 10

C'est pourquoi nous devrions fusionner les calques et les brouiller un peu. C’est ce qui résout les dégradés grossiers, mais un autre problème se pose: la photo s’assombrit sur les côtés et les parties sombres créent d’étranges "vagues".

Étape 11

Cela peut être corrigé avec un document plus grand que la résolution de l'écran ou ajouter un cadre suffisamment large. Et rappelez-vous cela pour la prochaine fois. C'est ainsi que nous avons résolu les gradients aléatoires sur un fond.

Étape 12

Maintenant, nous pouvons commencer à faire le premier plan avec des courbes bleues et vertes. Commencez par dessiner une énorme ellipse avec le Outil Ellipse. Choisissez le Outil de sélection de chemin (A). Puis sélectionnez l'ellipse, copiez-la (Ctrl + C), puis insérez-le (Ctrl + V), et ensuite le transformer (Ctrl + T) pour le rendre plus petit. Définissez le style de dessin pour ce chemin sur soustraire, de sorte que nous ne voyons que ce qui est entre ces deux ellipses.

Étape 13

Remplir le calque avec une couleur bleue (# 62AAF4). Ensuite, copiez, déplacez, agrandissez, réduisez la taille et tournez le Opacité bas ou en haut. Fais le quelques fois.

Étape 14

Puis répétez ces actions avec le vert (# 20EDC4) formes.

Étape 15

Ensuite, j'ai décidé d'assombrir un peu les dégradés de l'arrière-plan, car ils attirent trop l'attention. Ça devrait être mieux.

Étape 16

Continuez avec la création de plus grandes formes courbes. Ensuite, brouillez ces formes, ce qui donnera un effet de lumière supplémentaire. Notez les grandes courbes bleues créées dans l'image ci-dessous.

Étape 17

Nous allons ensuite créer de grandes courbes pour les verts. Ces grandes formes sont les ellipses précédentes copiées. Puis avec Outil de sélection de chemin, nous sélectionnons une ellipse plus petite qui redevient plus petite. Voir l'image ci-dessous.

Étape 18

Les couleurs de ces formes sont toujours les mêmes, juste le Opacité est refusé. Parfois, l'opacité est réduite à un niveau de difficulté à peine perceptible. (5-10%), comme indiqué ci-dessous.

Étape 19

Placez toutes les couches bleues et vertes dans un nouveau dossier. Puis copiez ce dossier, déplacez-le latéralement et tournez-le un peu.

Étape 20

Commençons avec la partie éclairage. La première étape consiste à modifier l’interaction de la couche en Dodge linéaire .

Étape 21

La deuxième étape consiste à ajouter l’effet de calque de Ombre portée. Définissez une taille importante avec la couleur identique à la forme du calque (bleu, vert). Définissez également l’interaction sur Dodge linéaire encore.

Étape 22

Je n'ai pas assez de couches vertes dans le document, alors j'en copie d'autres.

Étape 23

Copiez les styles de calque dans chaque calque bleu (il suffit de changer la couleur de l'effet en bleu). Une partie de la conception est montrée dans l'image suivante, qui est le résultat que nous voulons jusqu'ici.

Étape 24

Pour obtenir un effet de lumière éclatante, nous devons répéter les mêmes choses encore et encore. Vous pouvez utiliser les grandes couches précédentes, les fusionner et définir leur interaction sur Dodge linéaire. Ensuite, vous pouvez ajouter un calque de masque. Ensuite aller à Filtre> Rendu> Nuages dans ce masque. Cela rend le calque visible uniquement à certains endroits.

Étape 25

Si vous rendez tous les calques visibles, le résultat devient plus expressif..

Étape 26

Nous pouvons également effectuer l’effet manuellement. Par exemple, créez un nouveau Couche d'ajustement avec le Le contraste de luminosité tourné. Remplissez le masque de calque avec une couleur noire, ce qui rend l’effet visible nulle part. Puis commencez à dessiner dans le masque avec une brosse douce blanche. Le pinceau révèle l’effet. Il n’augmente la luminosité que là où vous le souhaitez. Cette technique peut être utilisée pour l’éclaircissement final des formes courbes bleue et verte..

Étape 27

Voici l'aperçu à 100% taille. L'utilisation de la couche d'ajustement génère de beaux overburns.

Résultat final

Votre image est complète. Encore une fois, n'hésitez pas à expérimenter. Vous n'êtes limité que par les performances de votre ordinateur. Cliquez sur l'image ci-dessous pour voir le résultat à 100% en résolution 1024px par 768px.

Conclusion

Il n'est pas difficile de changer la résolution finale car chaque couche était plus grande que la fenêtre du document. Soit vous pouvez agrandir la taille du document (les formes sont en vecteurs, il n’ya donc aucun défaut de qualité), ou vous pouvez agrandir la taille de la toile (les calques restent les mêmes, mais vous rendez visibles les parties qui étaient cachées auparavant).

La manipulation de la taille de la toile a été utilisée lors de la préparation de la photo suivante à Résolution de 1280px par 1024px. Celui-ci mérite quelques ajustements, mais c'est à vous maintenant. Bonne chance avec ton travail!