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 24/11/2002, 16h48
[TRaD] iNTeRFaCe [PaRT-oNe]

Voici la 1ère partie /4 de ce tuto qui vous montrera comment faire une belle interface de site

La première étape est de faire une nouvelle image 760*420 dans le photoshop. Remplissez votre bg de gris-foncé.

La première chose a faire c'est une petite barre latérale vers la gauche, la ou il y aura peu etre le menu et les liens par ex.
Choisissez l'outil de selection carré pour faire une selection rectangulaire du bon côté de votre page et replissez le avec l'outil dégradé (dans ce cas la du gris vers le noir).

ASTUCE : Appuillez sur "Shift" pour faire un dégradé parfaitment droit.



Maintenant nous allons continuer la barre latérale. Donc continuez a utiliser votre outil carré de selection, choisissez une petite partie de votre barre latérale que vous pouvez voir ci-dessous :



Fiates "ctrl+" pour zoomer sur votre selection. Maintenant nous allons utiliser encore l'outil dégradé et applikez le mais cette fois is dans l'autre sens !



Puis faire : selection>modifier>contracter et contractez votre choix par quelques Pixel. Reprenez maintenant votre outil de dégradé et faites un autre dégradé dans votre nouvelle selection. Mais, cette fois s'assurant ton le + léger (ici le gris) est vers la droite.



Dézoomez et vous devriez avoir une barre latérale qui resemble à l'image ci-dessous.



Maintenant nous allons employer la même méthode, mais cette fois la faisant sur le dessus :

ATTENTION ! n'oubliez pas de faire un nouvo calque



en faisant cette fois une barre horizontale un peu + petite :



maintenant revenez sur le 1er calque (ou lon a la barre verticale de gauche) dupliquez le et faites : Edition>Transfomation>symetrie axe horizontale
et Hop callez la a droite et vous avez la base de votre interface :



La suite bientot

Dernière modification par ThE.ErASeR ; 24/11/2002 à 16h53.
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 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
  #2 (permalink)  
Vieux 24/11/2002, 18h01
arf je ss entrian de la trad en pv
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
  #3 (permalink)  
Vieux 24/11/2002, 20h14
MDR Smike si tu veux je le finis puisque de toutes façons c sur je vais le faire pour voir ce que ça donne... sinon bah je te laisse finir ce que t'as commencé ^_^
Réponse avec citation
Avatar de Psy4
Psy4 est déconnecté Sexe Non renseigné 06/02
XP de Psy4 350 Nombre total de messages de Psy4
nouveau goût
  #4 (permalink)  
Vieux 24/11/2002, 21h01
continue la je crois eraser , smike il est dans la gadou , puis ca fait un bout de temps que je l'attend ce tuto , merci
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 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
  #5 (permalink)  
Vieux 24/11/2002, 21h15
lol ouè j'avais fais ke la part1 donc tu peux y aller
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
  #6 (permalink)  
Vieux 24/11/2002, 22h30
ok bah j'essairais de faire la partie 2 & 3 voir peut-être la 4 qui est très courte demain soir si je suis pas trop dégouté de mon DS de maths lol je fais que des erreurs de merde alors on verra... lol en tt cas j'essairais de le faire maxi pour la fin de la semaine prochaine
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
  #7 (permalink)  
Vieux 24/11/2002, 23h40
bon bonne nouvelle pour ceux qui l'attendrais je viens de m'y mettre 30 minutes puisque j'avais quasi fini de réviser tout ce que je pouvais sur les maths et voilà j'arrive à le faire jusqu'au bout et c pas très long donc demain soir il devrais y être
par contre des fois j'utilise pas leur méthodes mais bon on retombe sur nos pates alors ça ira je pense ^_^ alors voilà PSy4 prépares toi pour faire une belle interface :-D

Réponse avec citation
Avatar de Psy4
Psy4 est déconnecté Sexe Non renseigné 06/02
XP de Psy4 350 Nombre total de messages de Psy4
nouveau goût
  #8 (permalink)  
Vieux 25/11/2002, 00h21
cool elle est super cette interface je changerai un peu la couleur par apres surement , merci THE eraser
Réponse avec citation
Avatar de JaH_LiveS
JaH_LiveS est déconnecté Sexe Non renseigné 06/02
XP de JaH_LiveS 898 Nombre total de messages de JaH_LiveS
Vieux con
  #9 (permalink)  
Vieux 25/11/2002, 00h46
Y'a un pb dans ce tuto:

- une page web pour une résolution de 800x600 ne se fait pas avec une interface en 800x600 mais en 760x420 pour permettre un affichage complet sur le navigateur.


Sinon, c'est pas mal de mettre une note artistique dans ce tuto mais il ne faut pas oublier les contraintes de poids et penser à l'optimisation du site.
Par exemple, il est impossible d'optimiser les dégradés verticaux, ils doivent donc etre affichés en entier, c'est bien trop lourd pour une page web à moins qu'il n'y ai que ça.

Sinon bon courage pour la suite...
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
  #10 (permalink)  
Vieux 25/11/2002, 12h40
lol JaH LiVeS c sympa de préciser mais comme tu vois j'utilise juste mon anglais moi j'y connais rien donc je fais que traduire pour les réclamations c sur le site d'origine lol mais euh voilà pour les interessés je finis de la traduire ce soir normalement là je pars en maths :'( lol
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 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
  #11 (permalink)  
Vieux 25/11/2002, 13h06
Citation:
Provient du message de JaH_LiveS
Y'a un pb dans ce tuto:

- une page web pour une résolution de 800x600 ne se fait pas avec une interface en 800x600 mais en 760x420 pour permettre un affichage complet sur le navigateur.


Sinon bon courage pour la suite...
bonne remarque
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
  #12 (permalink)  
Vieux 08/12/2002, 16h10
Merci beaucoup pour ce tuto
très bien ecris et surtout pas compliqué
vivement que je passe à la suite

par contre je suis interessé par le chargement avec mp3 mais qui ne prend pas de place


Réponse avec citation
Avatar de Tzieber
Tzieber est déconnecté Sexe Non renseigné 07/03
XP de Tzieber 5 Nombre total de messages de Tzieber
Nouveau iker
  #13 (permalink)  
Vieux 31/07/2003, 11h56
super ce tuto!
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 12h44.