CABLE D'INTERFACE // Tutorial Photoshop 7

Bonjour,






Nous allons réaliser ici un cable pour agrémenter vos interfaces web.
Attention : Vous devez dabord connaître la technique du screening (cf. le tutorial sur les motifs).




Vous créez un nouveau fichier (210 x 160) avec un fond transparent. A vous de créer par la suite le cable de la taille que vous souhaiterez. Nommez le calque existant Rectangle.








Ensuite, nous utilisons l'Outil Rectangle (raccourci U) avec une couleur grisée, prenons #B7B7B7.
On dessine notre rectangle pour qu'il ait une forme équivalente.






On sélectionne ensuite le contenu de notre calque (CTRL + clic sur le nom Rectangle dans le cadre calque). On crée un nouveau calque (faire attention à ce que la selection précédente soit toujours active).
Remplissez la sélection avec le motif screening que vous aurez au préalable créé ( pour cela allez voir le tutorial "les techniques de motifs").
On applatit le dernier claque sur le précédent, pour cela on sélectionne le calque avec les trait horizontaux et on fait CTRL+E. Nous obetenons le résultat suivant.





Maintenant, nous allons deformer ce rectangle pour qu'il ait la forme cablée voulue en utilisant l'outil Affichage / Déformation / Cisaillement.
On clique sur Défault et on sélectionne "Pixels du contour".
Utilisez ensuite la ligne verticale en cliquant dessus et en déplaçant les points ainsi créés pour défomer notre rectangle.

// Attention à ne pas déplacer trop loin les points car le cisaillement joue également sur l'épaisseur.






Utilisez ensuite le clic droit / transformation / rotation anti horaire pour faire tourner votre cable.
On refait pareil mais cette fois si on fait clic droit / transformation / torsion. Servez vous des poignées extérieures pour ajuster votre cable à la décoration déja existante de votre site. ( Cette étape n'est pas obligatoire , c'est plus une astuce à utiliser pour fignoler et placer les extrémités de son cable où on le souhaite ; astuce que j'utilise pour ma part à chaque fois. )





On sélectionne ensuite notre calque et on lui Ajoute un style de calque / Biseautage et estampage




Voici le type de fenêtre qui doit s'ouvrir après l'Ajout d'un style de calque biseautage et estampage.








Pour les effets à apporter, je vous résume ce qu'il faut cocher dans les différents styles car l'impression écran écran de tout ce qu'il faut mettre serait trop lourd.
Section Biseautage et Estampage : Taille = 10 / Décocher Utiliser l'éclairage global / Angle = 90°
Section Ombre Portée : Opacité = 50 % / Décocher Utiliser l'éclairage global / Angle = 90°
Section Incrustation Couleur : mode de fusion Incrustation / Couleur #000033 ou celle que vous voulez.
Vous pouvez gommer légèrement les extrémités pour avoir un cable plus réaliste.





Voila pour la technique, à vous de modifier maintenant plus ou moins les étapes précédentes pour donner la forme que vous désirez. Laissez libre cours à votre imagination....