Page d'accueil » comment » Comment créer votre propre fond d'écran personnalisé

    Comment créer votre propre fond d'écran personnalisé

    Si vous aimez le papier peint à lignes luminescentes abstraites (ce que nous faisons certainement), lisez la suite pour savoir comment 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 je veux faire ça?

    Alors que notre (et probablement votre) motivation principale est de créer un fond d’écran personnalisé pour notre ordinateur de bureau (et c’est une raison suffisante en soi), le suivi du didacticiel présente 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 largement dans un environnement à faibles enjeux, ce qui est un moyen idéal pour apprendre ses nuances..

    De quoi ai-je besoin?

    La seule chose dont vous avez besoin pour ce tutoriel est une copie d'Adobe Photoshop. Nous n'avons besoin d'aucune image de base, image de référence ou autre chose 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 parfaitement fonctionner avec 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 l'image de base. Commencez par choisir la taille souhaitée. Nous avons opté pour un fond d'écran au format standard 1920 × 1080. Utilisez l'outil Pot de peinture (G) pour peindre le fond noir. Vous pourrez expérimenter différentes couleurs d'arrière-plan ultérieurement, mais la meilleure couleur, de loin, est celle du noir..

    Outre le dimensionnement et la couleur de l'image de base, il est très utile d'utiliser des repères temporaires pour (au minimum) marquer le centre de l'espace vertical et horizontal. Activez les règles si elles ne sont pas déjà activées en accédant à Affichage -> Règles ou en appuyant sur CTRL + R. Faites glisser un guide 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 dans Photoshop qui vous permet de créer ce qui semble initialement être un objet en forme de 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 de superbes lignes courbes, que nous manipulerons ensuite avec l’outil Pinceau. Avant de commencer, signalons que si vous n’avez jamais utilisé l’outil Plume, c’est un outil plutôt frustrant. Le meilleur moyen de maîtriser le problème est simplement de jouer avec. N'ayez pas peur de créer un chemin, modifiez-le, puis supprimez-le une fois que vous avez une meilleure idée de ce que vous souhaitez 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 du bord gauche de l'image au bord droit, nous allons cliquer sur l'outil Plume sur la ligne de repère horizontale juste au-delà du bord gauche et le 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), 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, puis 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 en S gracieuse sur l’ensemble de l’image. Appuyez sur la touche Échap pour vous libérer du chemin actuel et en créer un nouveau. Répétez le même processus, mais en modifiant légèrement vos points de départ et d’arrêt 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’images convergeant légèrement vers le centre lorsqu’elles traversent le cadre..

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

    Ces lignes de chemin serviront de cadre aux coups de pinceau que nous appliquerons à l'étape suivante..

    Appliquer les coups de pinceau

    Les chemins que nous avons créés précédemment sont plutôt dénudés. Vous avez une idée de l'apparence du papier peint, mais il manque de plénitude. Nous allons corriger 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 brosse 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 très délicates. Plus de 15 pixels créeront des lignes plus grosses ressemblant à 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 nommez-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 Plume (P)..

    Cliquez n'importe où sur le canevas avec le bouton droit de la souris et sélectionnez «Tracé du tracé…». Lorsque la boîte de dialogue apparaît, veillez à basculer la sélection de l'outil sur «Pinceau» et à cocher «Simuler la pression». Cliquez sur OK. Les traits fins du chemin vont maintenant être remplis 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 obtenir un flou compris entre 1,0 pixel et 10,0 pixels, en fonction de la taille de vos coups de pinceau d'origine et d'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 les résultats souhaités obtenus, 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 point 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 déchiquetés et laids dans la prochaine étape, nous devons modifier légèrement notre sélection. Cliquez sur «Affiner le bord» dans la barre d'outils supérieure après avoir sélectionné votre baguette magique. Dans le menu Affiner le contour, recherchez dans la section Réglage de la bordure:

    Ajustez la valeur Feather en regardant l'aperçu. Vous voulez un joli bord lisse et bien mélangé entre votre sélection et les environs. Nous avons utilisé une valeur de 4,0 pour notre image. Cliquez sur OK. Conserver la sélection pour la prochaine phase du didacticiel.

    Coloration des lignes

    Créez un nouveau calque nommé "Couleur". Sur ce calque, vous pouvez peindre la couleur de votre choix, de la manière que vous voulez, par-dessus vos lignes lumineuses. Vous pouvez peindre à la main différentes sections, vous pouvez appliquer un dégradé ou combiner les deux. Nous allons fortement modifier et ajuster la couche, alors ne vous inquiétez pas de couvrir complètement votre travail précédent.

    Plutôt que de peindre nos couleurs manuellement, 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 conviennent, sélectionnez le calque «Couleur» et ajustez l'opacité du calque. Nous avons rappelé le nôtre à 50% pour l'effet suivant:

    C'est tout! À ce stade, nous pouvons l'enregistrer, ajouter d'autres lignes si nous le souhaitons, atténuer la couleur ou modifier autrement l'image, mais les résultats actuels sont définitivement prêts pour le bureau..


    Vous avez un conseil ou une astuce à ajouter à ce tutoriel? Vous voulez nous voir créer un type de papier peint différent? Sound off dans les commentaires ci-dessous.