Je vais vous expliquer comment créer une barre de séparation très design, avec un penchant Web 2.0. Cette barre de séparation est spécialement adaptée aux interfaces graphiques sombres de fond noir à gris très foncé.
ETAPE 1
Sur mon image (fond très sombre) je crée une sélection de 1 pixel de hauteur. Sur un nouveau calque je remplis ensuite cette sélection de blanc.
ETAPE 2
Je crée sur ce calque un masque de fusion, puis je sélectionne le pot de peinture, j’utilise un dégradé noir opacité 100% vers noir opacité 0% pour camoufler la partie gauche puis la partie droite.
ETAPE 3
Je crée une sélection du bas de mon image, à partir de ma ligne. Sur un nouveau calque je crée un dégradé transparent de blanc opacité 100% vers blanc opacité 0%. Je déplace ensuite mon dégradé de 1 pixel sur le bas.
ETAPE 4
Même étape que la 2, je crée un masque de fusion et avec le dégradé je camoufle le bas, la gauche et la droite. Si besoin est, je diminue l’opacité du dégradé.
Je trouve le résultat percutant, pas vous ?
-
Créer une barre de séparation dark light
23 août 2007 18:14, par swiss-power
Extrêmement simple et super efficace !
s-p
Répondre à ce message
-
Créer une barre de séparation dark light
10 octobre 2007 14:33, par Vulkanik
Pourriez vous partager le psd car je bloque des la 2eme étape :s
Répondre à ce message
-
Créer une barre de séparation dark light
22 octobre 2007 11:47, par Ja-K
Je bloque sur l’étape 2 aussi avec le masque de fusion et le dégradé !!!
Répondre à ce message
-
Créer une barre de séparation dark light
4 novembre 2007 14:06, par Teddy
De même je bloque sur l’étape 2 car je n’ai jamais utiliser de masque de fusion et tout.
Sinon, vraiment bravo pour tout votre travail, je viens de faire le tour de tous les tutoriaux et y en a des GE-NIAUX !
Je connais ce site depuis hier, et il m’est de grande utilité, sincérement.
[De plus, le fait de ne pas expliquer certains fonction de Photoshop, cela nous fait chercher et nous fait découvrir d’autres fonctions :D, ce matin j’ai chercher l’outil « Scale » et même si je n’ai pas trouvé, j’ai réussi à obtenir un même résultat et de pouvoir déformer les images !  ]
Continuez, on vous lit !
(Même sur le blog, si si 
Répondre à ce message
-
Créer une barre de séparation dark light
22 novembre 2007 10:30, par lapitch
il est bien simpa ce tuto, ca rend bien,
quand tu dis d’utilisé un degradé noir 100% sur noir/blanc 0%, utiliser un degradé noir vers transparent c’est la même chose ?
Merci pour ce site, il est d’une grande utilité et les tutos d’une grande qualité
Répondre à ce message
-
black_koka
5 juin 2008 19:54, par kokita
-
Juste simple et Exellent
10 juillet 2008 10:45, par Diablo
Voila un tuto très simple et avec un rendu, exellent !
Répondre à ce message
-
Créer une barre de séparation Dark Light
1er avril 2009 22:46, par Fleau85
Magnifique tuto mais ne s’adressant qu’aux inities... dommage.. a + Fleau85
Répondre à ce message
-
Créer une barre de séparation Dark Light
6 mai 2009 12:53, par caillou
Bonjour tout le monde.
Moi j’ai un p’tit souci, à l’étape 2 quand je camoufle la partie de gauche je ne peux pas camoufler la partie de droite et pareil dans le sens inverse.
Répondre à ce message
-
Créer une barre de séparation Dark Light
19 février 20:03, par photomaton28
tu utilise photoshop pour faire la barre et peux t’on mettre de la couleur autre que noir et blanc merci bonne journée
Répondre à ce message
|
