Ce tutoriel présente principalement la conception d'une navigation web avec des rubans pliables, et l'effet est très bel.
Aimez-vous cet effet? Aujourd'hui, je vous emmène voir comment c'est fait !
Commencez par créer un nouveau document dans Photoshop - d'une taille d'environ 500 x 500 et remplissez-le avec la couleur #dac8aa.
Trouvons maintenant un matériau qui ressemble à une texture de papier. Vous pouvez trouver la texture naturelle que vous aimez, puis exécuter le raccourci « Décolorer » Ctrl+Shift+U :
Après cela, changez le mode de calque en : Superposition et modifiez l'opacité à 60 %. Fusionnez les deux calques.
Ok, afin d'exprimer la densité du papier, nous utiliserons la « netteté » pour améliorer la texture. Vous pouvez le faire plusieurs fois selon le cas.
Nous commençons maintenant à créer le ruban. Utilisez d'abord l'outil de sélection rectangulaire pour créer une sélection comme indiqué sur l'image et remplissez-la de vert (# 95b900). N'oubliez pas de la compléter sur un nouveau calque ! .
Créez les rubans de couleur jaune (#e9db03) et rouge (#b94a00) de la même manière.
Ensuite, nous devons nous assurer que les trois rubans de couleur sont sur le même calque et appuyer sur Ctrl+J pour copier un nouveau ruban ! Et faites pivoter comme indiqué sur la figure :
Les calques d'origine doivent également être pivotés pour créer des intersections entre eux.
Maintenant, nous sélectionnons le ruban sous-jacent, maintenons CTRL enfoncé et cliquons sur ce calque dans le panneau Calques pour obtenir sa sélection, créons un nouveau calque et utilisons l'outil Dégradé pour créer une ombre.
Le dégradé utilise le noir – de manière transparente !
