Création de séparateurs de site décoloré
Vous avez peut-être vu ces séparateurs / séparateurs s'estomper sur divers sites, qui semblent s'estomper à la fois horizontalement et verticalement. Voici un exemple de ce que je veux dire:
Ils offrent un excellent moyen de diviser le contenu, de manière subtile et non intrusive. Je voudrais partager un moyen simple de créer ces séparateurs de décoloration à l'aide de Photoshop.
Étape 1
Créez d'abord un nouveau calque. En utilisant l'outil crayon, tracez une ligne horizontale continue de 1px. Maintenez la touche MAJ enfoncée tout en cliquant et faites glisser la ligne pour la maintenir droite. C'est la base de tout l'effet de fondu.
Étape 2
Sélectionnez l'outil gomme. Choisissez un pinceau très doux. Plus la taille du pinceau est grande, plus le fondu est long (vous pouvez expérimenter pour trouver la taille qui convient le mieux à vos besoins).
Étape 3
Effacez les extrémités gauche et droite de la ligne. Cela fait que la ligne s'estompe près des extrémités.
Étape 4
Dupliquez le calque contenant la ligne (cliquez avec le bouton droit sur le calque dans le panneau de droite, puis sélectionnez «dupliquer»). Sélectionnez le bas des deux calques.
Étape 5
Sélectionnez filtre> flou> flou gaussien. Choisissez un rayon de 3px pour créer l'effet de fondu (ou choisissez celui qui vous convient!).
Étape 6
Utilisez l'outil de sélection pour tout sélectionner sur ou au-dessus de la ligne continue (avec le calque flou sélectionné). Appuyez sur la touche de suppression.
Étape 7
Ajustez l'opacité de la ligne continue et / ou de l'ombre selon vos préférences. Voici à quoi ça ressemble au final.
Enfin, si vous souhaitez une plus grande quantité d'ombrage (comme celle montrée dans l'exemple en haut de la page), vous pouvez y parvenir en dupliquant le calque flou plusieurs fois (juste après avoir appliqué le flou gaussien) jusqu'à ce que vous sont satisfaits de l'étendue et de l'intensité du flou (puis fusionnent les couches floues).
Vous pouvez utiliser cette technique pour créer des séparateurs de contenu horizontaux et verticaux. Et avec un peu de bricolage, il n'est pas trop difficile de trouver quelque chose comme:
Alors continuez et pimentez vos bordures, séparateurs et bords! Si vous connaissez d'autres sites utilisant cette technique (ou souhaitez partager le vôtre), veuillez nous en informer dans les commentaires. Vous ne savez jamais, si nous aimons votre design, il pourrait finir par figurer sur le site!
