31Aug

Comment créer votre propre fond d'écran personnalisé Luminescent Line Art

Si vous aimez le papier peint à ligne luminescente abstraite( et nous le faisons certainement), continuez à lire pour voir comment vous pouvez créer votre propre papier peint personnalisé avec exactement le genre de lignes, de couleurs et le niveau parfait de luminosité dont vous rêvez.

Pourquoi est-ce que je veux faire ceci?

Alors que notre motivation principale( et probablement votre motivation première) est de créer un fond d'écran personnalisé et cool pour notre ordinateur de bureau - et c'est une raison suffisante en soi - suivre le didacticiel a un avantage secondaire. L'outil stylo est un petit outil très pratique et puissant dans Photoshop qui, pour beaucoup de gens, est rarement utilisé.Nous allons l'utiliser intensivement dans un environnement à faibles enjeux, ce qui est parfait 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 pas besoin d'une image de base, d'une image de référence ou de tout autre chose que Photoshop lui-même;nous allons créer l'intégralité de l'image à partir de zéro dans l'application.

Nous utilisons Adobe Photoshop CS6, mais les techniques décrites dans le tutoriel 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 1920 × 1080.Utilisez l'outil Pot de peinture( G) pour peindre le fond noir uni. Vous pouvez expérimenter avec différentes couleurs d'arrière-plan plus tard, mais de loin, la meilleure couleur de lignes de lumières-off-the-luminescent-lines est noire.

En plus de dimensionner et de colorier 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. Activer les règles si elles ne sont pas déjà en naviguant vers View - & gt;Règles ou en appuyant sur CTRL + R.Faites glisser un guide hors de la règle horizontale et verticale au centre de l'image( 960 et 540 pixels, respectivement, si vous travaillez sur une image 1920 × 1080).

Création des chemins Les chemins

sont une petite fonctionnalité intéressante de Photoshop qui vous permet de créer ce qui semble initialement être un objet filaire / dessin de ligne. 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 Pen, un outil basé sur un chemin, pour créer des lignes magnifiquement courbes, que nous allons ensuite manipuler avec l'outil Pinceau. Avant de continuer, laissez-nous vous avertir que si vous n'avez jamais utilisé l'outil Plume auparavant, cela peut être un outil plutôt frustrant. La meilleure façon de maîtriser le jeu est de simplement jouer avec. N'ayez pas peur de créer un chemin, de le tripoter, puis de le supprimer une fois que vous aurez une meilleure idée de ce que vous aimeriez faire.

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

Pour créer une ligne courbe simple qui passe complètement de la bordure gauche de l'image à la bordure droite, nous allons cliquer sur l'outil Stylosur 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), déplacez-vous sur le côté droit de l'image et répétez la même étape: cliquez sur la ligne guide horizontale, tirez doucement et relâchezle bouton de la souris.

Nous avons dessiné des flèches sur la capture d'écran ci-dessous pour indiquer où nous avons traîné la souris:

Ce processus crée une seule courbe gracieuse en S sur toute 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 variant légèrement le point de départ et le point final sur les côtés gauche et droit. Alors que vous pouvez créer les chemins pour vos lignes de lumière comme vous le souhaitez. Nous visons une image qui ressemble à un faisceau qui converge légèrement vers le centre en traversant 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.

Application des styles de pinceau

Les chemins que nous avons créés précédemment sont plutôt nus. Vous obtenez une idée de la façon dont le fond d'écran aura l'air, mais il manque de plénitude. Nous allons rectifier cela maintenant en appliquant l'outil Pinceau sur le chemin.

Premièrement, 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 chemin. Une très petite taille de pinceau( 1-5 pixels) crée des lignes d'araignées très délicates. Plus de 15 pixels créeront des lignes plus grasses. Nous avons opté pour une tête de brosse de 10 pixels. En outre, vous souhaitez définir la couleur de la brosse en blanc pur.

Créez un nouveau calque( CTRL + SHIFT + N) et intitulez-le "Brush Stroke 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 "Stroke Path. ..". Lorsque la boîte de dialogue apparaît, assurez-vous que la sélection de l'outil est "Brush" et cochez "Simulate Pressure".Cliquez sur OK.Les fines lignes de la trajectoire seront maintenant remplies avec les coups de pinceau comme suit:

Afin de donner un aspect plus lumineux aux coups de pinceau, nous allons les brouiller légèrement. Avec le calque "Brush Stroke 1" sélectionné, naviguez jusqu'à Filter - & gt;Flou - & gt;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, alors nous avons opté pour 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 sont 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 d'arêtes irrégulières et laides à l'étape suivante, nous devons modifier légèrement notre sélection. Cliquez sur "Affiner Edge" dans la barre d'outils supérieure après avoir fait votre choix Magic Wand. Dans le menu Affiner l'arête, regardez dans la section Ajuster l'arête de Feather:

Ajustez la valeur de la plume tout en regardant l'aperçu. Vous voulez un bon équilibre 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.Conserver la sélection pour la prochaine phase du tutoriel.

Colorier les lignes

Créer un nouveau calque nommé "Couleur".Sur cette couche, vous pouvez peindre n'importe quelle couleur que vous voulez, de la manière que vous voulez, sur vos lignes de lumière. Vous pouvez peindre à la main différentes sections, vous pouvez appliquer un dégradé, ou vous pouvez combiner les deux. Nous allons fortement modifier et ajuster la couche, donc ne vous inquiétez pas de couvrir complètement votre travail précédent.

Plutôt que de peindre manuellement nos couleurs, nous mettons un dégradé arc-en-ciel d'un côté à l'autre en utilisant l'outil Dégradé comme ceci:

Une fois que les couleurs ont l'air que vous voulez, sélectionnez le calque "Couleur" et ajustez l'opacitéla couche. Nous avons composé 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, faire disparaître la couleur, ou modifier l'image autrement, mais les résultats tels qu'ils sont maintenant sont définitivement prêts pour le bureau.

Vous avez un conseil ou un truc à ajouter à ce tutoriel? Vous voulez nous voir faire un autre type de papier peint?Éteignez dans les commentaires ci-dessous.