Inchangé depuis 2002
 

edito
forum (21 054)
making of
preview newsletter
photoshop shortcuts
plan du site
bétisier (24)
nouveautés (67)
mises à jour
bannières (92)
liste de diffusion
infos légales
 


 

Devenez awares ! Et essayez de survivre.




aperçu
 

 

login | logout
gérez votre profil
devenez membre
membres (2138)
anniversaires (796)
awares (349)
mickeys (343)
notables (83)
modérateurs (9)
votre vie privée

 

 

amis (22)
gfx français (58)
gfx autres (383)
pixel art (67)
ascii art (0)
paint/draw (97)
communautés (27)
portails gfx (16)
ressources (36)
flash (253)
3D (38)
java (2)

proposez votre site
dernières entrées
aléatoire (999)
quicklist
top 10










































999 sites
532 373 hits
 
 

à propos des tutos
tous les tutos (48)
rechercher un tuto

tutos aléatoires
279 830 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

stats publiques
infocentres
référents (3579)
refs quicklist (3579)
visiteurs uniques
awards

3 376 103 hits
 







. voie papier


 
 

La voie papier, passage obligé. Cours d'IS ( java, corba, xml, pas franchement passionnant )... Inspiration : Ryan Lacdao et son site www.eyeball-design.com, le style néo-gothique des sites lourds et tape-à-l'oeil, rien à voir avec la tendance actuelle au pixel-art.

. texture de base


 
 

La texture rouille universelle, aussi répandue sur les sites de tutos que la faim dans le monde.



. gabarit brut



. gabarit lissé


 
 

Les gabarits réalisés sous photoshop à grand renfort de flous et lissages par niveaux ( Ctrl-L ).

Cliquez ici pour le tuto création de gabarit.

. texture et bevel bruts



. évidations et strokes


 
 

Un biseau très léger et un contour de 3 pixels pour délimiter précisément les bords de l'interface.

Pour les évidations et les rayures, consultez le tuto évidations et rayures.

. tuyauterie



. avec tuyauterie



. overdose de layers


 
 

Cliquez ici pour le tuto tuyauterie. Gabarit habillé de quelques petits détails ( tuyauterie, gaines, vis, bille bleue ).

. découpage de l'interface


 
 

Découpage crossbrowser de l'interface sous imageready. Cliquez ici pour voir le tuto découpage.

. charte graphique


 
 

Création des boutons, des cadres, des icônes, des barres, choix des typos et des couleurs...


. araignée



. éclair


 
 

Quelques détails et une pincée de flash pour faire briller. Cliquez ici pour voir le tuto araignée ou le tuto éclair.

. php3


 
 

Et un soupçon de PHP pour dynamiser le site. Par ordre de difficulté :

  • compteurs,
  • analyseur de stats,
  • propositions d'urls (submit),
  • gestion des multipage,
  • mailing list,
  • gestion des liens hypertexte et des smiles,
  • forum,
  • bornes de commentaires sécurisées,
  • pages d'administration sécurisées.


  • Consultez les tutos compteurs de visites, multipage interactif, compteurs de hits à mémoire et barres de statistiques pour davantage de précisions.

    Ceci dit, il reste encore environ un demi milliard d'améliorations à apporter.


     

    h2o, 07 05 2001 à 20:11

    Alors là... Je reste sur le cul ! Je n'ai jamais vu un site aussi bien réalisé, tant au niveau des graphs que du code ! Félicitations ! Bonne chance pour la suite...


    h2o (membre)
    cyberspawn@libertysurf.fr
    http://www.enjoycorp.fr...


    hebus_san, 04 05 2001 à 11:41

    Excellent graphisme, g encore beaucoup de boulot pour arriver à ce niveau. Peut-être en me gavant de tutoriaux?!!


    hebus_san (membre)
    hebus_san@hotmail.com
    http://www.terraweb.fr....


    VacH, 02 05 2001 à 13:40

    Ouah!!! C'est beau. Avec le making of ca a l'air facile. (la premiere partie me fait penser à mes cours de philo de terminale)
    J'ai encore du boulot pour arriver à ce niveau. Un contenu et un contenant épatants. Allez encore quelques heures sous photoshop... avec les tutos, et j'arriverai peut etre a faire mieux.
    Merci pour les tutos.



    VacH (mickey)
    40 ans
    vachille@ifrance.com


    benzor, 23 04 2001 à 15:34

    Héhé j'adore l'étape 1 c'est ma préférée... Ca me rapelle les cours de dessin au collège
    Comme quoi desfois c plus util de glander en Java et de se laisser aller à ses pulsions créatrices !!
    Tiens y s'trouve que je suis justement en java ---
    A +




    benzor (admin fanatiqu...)
    43 ans (Chambéry)
    ben@piregwan.com
    http://www.benzor.com


    pseudo_à_moi, 23 04 2001 à 11:22

    je saute de joie
    un clin d'oeil et c'est dans la poche
    PAS CONTENT !
    <img src=../commentaires/s mile_bille1.gif align=absmiddle> roule la boule
    <img src=../commentaires/s mile_bille2.gif align=absmiddle> cool ca rend maboule
    <img src=../commentaires/s mile_drapeau1.gif align=absmiddle> un coup de vent ?
    <img src=../commentaires/s mile_drapeau2.gif align=absmiddle> or.... secouez bien sinon...
    <img src=../commentaires/s mile_sheep.gif align=absmiddle> beeeeeeehh
    <img src=../commentaires/s mile_mouche.gif align=absmiddle> bzzzzzzzz
    <img src=../commentaires/s mile_oeil1.gif align=absmiddle> clic clic
    <img src=../commentaires/s mile_disk.gif align=absmiddle> disk error system
    <img src=../commentaires/s mile_oeil2.gif align=absmiddle> grrrrrrrrrr
    <img src=../commentaires/s mile_info.gif align=absmiddle> jour / nuit
    <img src=../commentaires/s mile_plus.gif align=absmiddle> plus vite que la m....
    <img src=../commentaires/s mile_mail.gif align=absmiddle> vous avez un e-mail !


    pseudo_à_moi


    Ouin, 23 04 2001 à 11:14

    ca donne envie de pleurer ! ouiiiiinnnn, comment peut-on avoir envie de faire quelque chose quand on voit ça, nom de ***** !


    Ouin


    ( 53 commentaires )
    << 1 2 3 4 5 6 7 8 9 10 11 12 >>

     













    P I R E G W A N . C O M
    interface & développement - piregwan 1998-2002




    toutes les bannières


    généré en 0.096 secondes