S'inscrire |

 
Avatar de ThE.ErASeR
ThE.ErASeR est déconnecté Sexe Non renseigné 09/02
XP de ThE.ErASeR 68 Nombre total de messages de ThE.ErASeR
NooB eN FoRCe
  #1 (permalink)  
Vieux 26/11/2002, 00h31
[TRaD] iNTeRFaCe [PaRT-TWo]

Ceci est la seconde partie d'une série de tutoriels vous montrant comment faire une interface de qualité. Assurez vous d'avoir fait la partie 1 avant de vous attaquer à celle-ci.

Ok, vous avez donc fait ça avant. Cette partie va vous montrer comment peaufiner la barre de navigations en y ajoutant les boutons

La première chose à faire est de faire une sélection rectangulaire avec l'outil de sélection rectangulaire comme vous vous en seriez douté lol ajoutez alors un nouveau calque sans désélectionnez et remplisser la sélection d'un gris foncé comme sous l'image ci-dessous.




Tout en gardant la sélection allé dans édition > Contour et faites les réglages avec une couleur très foncé et le bord d'1 pixel ne touché pas au reste c'est à dire que la position doit être en l'extérieur en mode normal et avec une opacité 100% retenez bien ces réglages qui nous seront plus tard utiles




Bon ici j'ai pas fait pareil que le tuto parce que je trouve ma méthode plus simple pour les noobs et puis ça donne le même résultat alors voilà vous allez zoomer afin de récupérer la barre de droite que vous venez de faire en gris très foncé en faisant la méthode edition > contour en gros regarder ce que je fais ici :



Voilà après avoir fais votre sélection du pixel noir de droite créer un nouveau calque et remplissez le d'une couleur grise clair et faites de même pour le pixel noir du bas ça donne un petit effet de relief à votre cadre voilà le résultat :




Maintenant nous allons créer des boutons :-D. Zommez sur votre nouveau cadre (en pressant sur ctrl et la touche + en même temps) et sélectionnez un nouveau petit rectangle à l'intérieur du cadre que vous venez de faire et créer un nouveau calque. Ressortez votre outil dégradé et avec un gris plutôt clair pour faire un dégradé dont la partie la plus lumineuse est en haut. Vous savez assez bien magner les dégradés maintenant . Maintenant rappelez vous de la méthode pour faire un contour plus sympa et faites la même pour cette sélection.
Pour ceux qui auraient la mémoire courte je vous remet ma manip lol :

Sans désellectionnez allé dans édition > contour et utilisez les réglages suivants : 1 pixel, (couleur très sombre), position extérieure, mode normal, opacité 100%.
------(Le mec qui a créer le tuto s'était arrêté là moi j'ai rajouté l'effet qu'on avais fait tout à l'heure en entier je trouvais ça plus joli )

Pour donner un effet plus cool sélectionnez le pixel noir de droite que vous venez de créer sur toute sa hauteur et en ajoutant un nouveau calque colorié le en gris clair et faites de même pour le pixel du bas sur toute sa largeur vous devriez avoir un résultat comme celui-ci.




Maintenant liez tout les calques que vous avez utilisez uniquement pour le bouton.
Et dupliquez le afin de ne pas vous ennuyer à refaire le bouton plusieurs fois ^_^
Dupliquez donc le autant de fois que vous voulez de bouton dans votre barre, faites ensuite CTRL et cliquez sur le calque dupliqué, et avec la flèche qui se situe en haut à droite de votre barre d'outil déplacez le nouveau bouton juste en dessous de l'autre, espacez les de manière régulière et voilà vous avez des zolis boutons ^_^

Réponse avec citation
Avatar de sebb92
sebb92 est déconnecté Sexe Non renseigné 12/02
XP de sebb92 4 Nombre total de messages de sebb92
Nouveau iker
  #2 (permalink)  
Vieux 08/12/2002, 13h31
heuuuu on voit plus les images
j'ai une superbe vroix rouge à la place

je viens de faire la premiere parti mais la je suis bloqué

c normal ????
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 419 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #3 (permalink)  
Vieux 08/12/2002, 14h53
c juste multimania ki déconne, ya devrai revenir d'ici peu
Réponse avec citation
Avatar de ThE.ErASeR
ThE.ErASeR est déconnecté Sexe Non renseigné 09/02
XP de ThE.ErASeR 68 Nombre total de messages de ThE.ErASeR
NooB eN FoRCe
  #4 (permalink)  
Vieux 08/12/2002, 14h54
soit on m'a sucré mon compte soit bah c les serveurs multimania qui déconne voilà bon euh si t'as MSN messenger ou yahoo contactes moi si j'ai le temps je t'aiderais avec plaisir

Yahoo messenger : moi_moifr
MSN messenger : tonton_eraser@hotmail.com

j'oubliais si t'as fait la première partie t'aurais pu reply ça fais toujours plaisir mais en plus ça m'aurais remis les 4 parties dans l'ordre pour les mecs qui voudraient le faire c plus agréable ^_^
Réponse avec citation
Avatar de sebb92
sebb92 est déconnecté Sexe Non renseigné 12/02
XP de sebb92 4 Nombre total de messages de sebb92
Nouveau iker
  #5 (permalink)  
Vieux 08/12/2002, 16h05
heuu oui c vrai, en général je repond mais là j'etais tellement pris par le tuto que j'ai oublié

excuse-moi
je vais y remedier de suite

encore et A+

Ps: je te remercie pour ton aide mais pour l'instant je veux essayer tout seul, si je suis vraiment dans la m... je crois que je ferais appel à vos grande qualité de graphiste
Réponse avec citation
Avatar de Slayn
Slayn est déconnecté Sexe Non renseigné 08/03
XP de Slayn 79 Nombre total de messages de Slayn
Yabadabadou™ !!
  #6 (permalink)  
Vieux 03/09/2003, 11h29
Ha j'avais pas vu les suites

Merci
Réponse avec citation
Réponse

Outils de la discussion

Config des règles de ce forum
Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : oui
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


A propos d'IK

Infographik alias IK est un forum d'entre-aide dans le domaine de l'infographie numerique
Depuis plus de 10 ans ce forum propose des tutoriaux un espace communautaire francophone.

We need You !

Faire un don permet de régler les frais de fonctionnement du site tel que l'hebergement, le ndd etc...
Faire un don

Fuseau horaire GMT +2. Il est actuellement 07h51.