in

Comment créer votre propre papier peint d’art de ligne luminescent personnalisé

Si vous aimez le papier peint abstrait aux lignes luminescentes (et nous l’aimons certainement), lisez la suite pour voir comment vous pouvez créer votre propre papier peint personnalisé avec exactement le type de lignes, de couleurs et le niveau de luminosité parfait dont vous rêvez.

Pourquoi est-ce que je veux faire ça?

Bien que notre (et probablement votre) motivation principale soit de créer un fond d’écran personnalisé pour notre ordinateur de bureau – et c’est une raison suffisante en soi – suivre le didacticiel a un avantage secondaire. L’outil plume est un petit outil très pratique et puissant dans Photoshop qui, pour beaucoup de gens, est à peine utilisé. Nous allons l’utiliser intensivement dans un environnement à faibles enjeux, ce qui est un moyen idéal pour en apprendre les nuances.

De quoi ai-je besoin?

La seule chose dont vous avez besoin pour ce didacticiel est une copie de Adobe Photoshop. Nous n’avons pas besoin d’une image de base, d’une image de référence ou de quoi que ce soit d’autre que Photoshop lui-même; nous allons créer l’image entière à partir de zéro dans l’application.

Nous utilisons Adobe Photoshop CS6, mais les techniques décrites dans le didacticiel devraient fonctionner correctement sur les anciennes éditions de Photoshop car elles reposent sur des outils présents dans l’application depuis plusieurs générations.

Création de l’image de base

Créons une image de base. Tout d’abord, décidez de la taille que vous voulez – nous avons opté pour une taille de papier peint standard de 1920 × 1080. Utilisez l’outil Pot de peinture (G) pour peindre l’arrière-plan en noir uni. Vous pouvez expérimenter différentes couleurs d’arrière-plan plus tard, mais de loin la meilleure couleur de mise en valeur des lignes luminescentes est le noir.

En plus du dimensionnement et de la couleur de l’image de base, il est très utile d’utiliser des lignes de guidage temporaires pour (au minimum) marquer le centre de l’espace vertical et horizontal. Activez les règles si elles ne le sont pas déjà en accédant à Affichage -> Règles ou en appuyant sur CTRL + R. Faites glisser un guide hors de la règle horizontale et verticale vers le centre de l’image (960 et 540 pixels, respectivement, si vous travaillez sur une image 1920 × 1080).

Créer les chemins

Les chemins sont une petite fonctionnalité intéressante de Photoshop qui vous permet de créer ce qui semble initialement être un objet de type fil de fer / dessin au trait. Les chemins que vous créez sont des chemins littéraux qui seront suivis par l’outil que vous utilisez pour créer vos effets visuels.

Nous allons exploiter la puissance du stylo, un outil basé sur le tracé, pour créer des lignes magnifiquement courbes, que nous manipulerons ensuite avec l’outil Pinceau. Avant de continuer, laissez-nous vous avertir que si vous n’avez jamais utilisé l’outil Stylo auparavant, cela peut être un outil assez frustrant à maîtriser. La meilleure façon de bien le maîtriser est de simplement jouer avec. N’ayez pas peur de créer un chemin, de le manipuler, puis de le supprimer une fois que vous aurez une meilleure idée de ce que vous aimeriez faire.

Sélectionnez l’outil Plume (P) et vérifiez qu’il est défini sur Chemin:

Pour créer une simple ligne courbe qui passe complètement de la bordure gauche de l’image à la bordure droite, nous allons cliquer sur l’outil Plume sur la ligne de guidage horizontale juste au-delà de la bordure gauche et tirer vers le bas pour créer notre premier point. Après avoir créé ce premier point (qui ressemblera maintenant à une ligne verticale avec trois points dessus), déplacez-vous vers le côté droit de l’image et répétez la même étape: cliquez sur la ligne de guidage horizontale, tirez doucement vers le bas et relâchez le bouton de la souris.

Nous avons dessiné des flèches sur la capture d’écran ci-dessous pour indiquer où nous avons fait glisser la souris:

Ce processus crée une seule courbe S gracieuse sur toute l’image. Appuyez sur la touche Echap pour vous libérer du chemin actuel et en créer un nouveau. Répétez exactement le même processus, mais en variant légèrement votre point de départ et d’arrivée sur les côtés gauche et droit. Alors que vous pouvez créer les chemins pour vos lignes lumineuses comme vous le souhaitez. Nous visons une image qui ressemble à un paquet d’entre eux convergeant légèrement au centre lorsqu’ils traversent le cadre.

Après avoir créé une douzaine de chemins, votre image devrait ressembler à ceci:

Ces lignes de tracé serviront de cadre pour les coups de pinceau que nous appliquerons à l’étape suivante.

Application des coups de pinceau

Les chemins que nous avons créés précédemment semblent assez nus. Vous avez une idée de l’apparence du papier peint, mais il manque de plénitude. Nous allons rectifier cela maintenant en appliquant l’outil Pinceau sur le chemin.

Tout d’abord, nous devons définir nos paramètres de pinceau. Sélectionnez l’outil Pinceau (B). La taille de la tête de pinceau que vous sélectionnez déterminera la taille des traits superposés sur le tracé. Une très petite taille de pinceau (1-5 pixels) créera des lignes d’araignée très délicates. Plus de 15 pixels créeront des lignes plus épaisses semblables à des câbles. Nous avons opté pour une tête de brosse de 10 pixels. En outre, vous souhaitez définir la couleur du pinceau sur blanc pur.

Créez un nouveau calque (CTRL + MAJ + N) et intitulez-le «Coup de pinceau 1». Une fois que vous avez sélectionné la taille de votre pinceau et créé le calque, sélectionnez à nouveau l’outil Stylo (P).

Cliquez avec le bouton droit n’importe où sur le canevas et sélectionnez «Trajectoire du trait…». Lorsque la boîte de dialogue apparaît, assurez-vous de basculer la sélection d’outil sur «Pinceau» et cochez «Simuler la pression». Cliquez sur OK. Les lignes fines du tracé seront maintenant remplies avec les coups de pinceau comme ceci:

Afin de donner aux coups de pinceau un aspect plus lumineux, nous allons les estomper légèrement. Avec le calque «Coup de pinceau 1» sélectionné, accédez à Filtre -> Flou -> Flou gaussien.

Vous pouvez flouter aussi peu que 1,0 pixel et aussi haut que 10,0 pixels en fonction de la taille de vos coups de pinceau d’origine et obtenir des résultats agréables. Nous aimons juste un soupçon de flou, nous avons donc opté pour la version 2.0.

Une fois que vous avez les résultats souhaités, sélectionnez l’outil Baguette magique (W). Sélectionnez l’une de vos lignes (puisqu’elles se croisent et qu’elles se trouvent toutes sur le même calque, il vous suffit de choisir un endroit au milieu) à l’aide de l’outil Baguette magique. Vos résultats devraient ressembler à ceci:

Afin de nous assurer que nous n’avons pas de bords irréguliers et laids à l’étape suivante, nous devons légèrement peaufiner notre sélection. Cliquez sur «Affiner le bord» dans la barre d’outils supérieure après avoir fait votre sélection de la baguette magique. Dans le menu Affiner le bord, regardez dans la section Ajuster le bord pour Feather:

Ajustez la valeur Feather tout en regardant l’aperçu. Vous voulez un joli bord lisse et bien mélangé entre votre sélection et la zone environnante. Nous avons utilisé une valeur de 4,0 pour notre image. Cliquez sur OK. Conservez la sélection pour la phase suivante du didacticiel.

Coloration des lignes

Créez un nouveau calque nommé «Couleur». Sur ce calque, vous pouvez peindre n’importe quelle couleur que vous voulez, de la manière que vous voulez, sur vos lignes claires. Vous pouvez peindre à la main différentes sections, appliquer un dégradé ou combiner les deux. Nous allons fortement modifier et ajuster le calque, alors ne vous inquiétez pas de couvrir complètement votre travail précédent.

Plutôt que de peindre manuellement nos couleurs, nous définissons un dégradé arc-en-ciel d’un côté à l’autre à l’aide de l’outil Dégradé comme suit:

Une fois que les couleurs vous ressemblent, sélectionnez le calque « Couleur » et ajustez l’opacité du calque. Nous avons recomposé le nôtre à 50% pour l’effet suivant:

C’est tout! À ce stade, nous pouvons l’enregistrer, ajouter plus de lignes si nous le souhaitons, estomper la couleur ou modifier d’une autre manière l’image, mais les résultats tels qu’ils sont actuellement sont définitivement prêts pour le bureau.

Vous avez une astuce ou une astuce à ajouter à ce tutoriel? Vous voulez nous voir faire un autre type de papier peint? Sonnez dans les commentaires ci-dessous.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Gardez une trace des devoirs avec Soshiku

Gardez une trace des devoirs avec Soshiku

Quelle fonctionnalité perdrais-je si je désactivais Java basé sur un navigateur?

Quelle fonctionnalité perdrais-je si je désactivais Java basé sur un navigateur?