edito
forum (21 057)
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 (2139)
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
850 964 hits
 
 

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

tutos aléatoires
618 440 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

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

14 022 500 hits
 






. gabarit


 
 

Il vous faudra au préalable une couche représentative de l'aspect général de votre interface.


Voir tuto sur la création de gabarits pour davantage de précision.







. grignotage


 
 

Première chose à faire : grignoter les bords pour obtenir un contour moins régulier. Cliquez sur la couche dans la palette des couches et désélectionnez ( Ctrl-D ). Diffusez ( Filter > Stylise > Diffuse ) trois fois d'affilée. Appliquez un flou léger ( Filter > Blur > Gaussian blur ) : amplitude 1 pixel et lissez par niveaux ( Image > Adjust > Levels ) pour rendre les contours plus nets.







. volume et couleur

 
 

Remplissez le fond de gris et créez un nouveau calque ( Ctrl-Shift-N ). Ctrl-cliquez sur la couche grignotée précédemment pour récupérer son contour. Choisissez une couleur marrron ( 100-50-0 par exemple ) et remplissez ( Shift-Backspace ). Appliquez un effet de volume par la méthode de votre choix : à l'aide des effets appliquables aux calques - easy et modifiables à souhait - ou par la méthode des puristes - une couche pour les zones lumineuses en mode soft light et une autre pour les zones sombres en mode multiply.




  • drop shadow : distance 6, flou 6, et intensité nulle.
  • outer glow : noir en mode normal, intensité 150 et flou 0.
  • inner bevel : profondeur 6 et flou 12.



  • . texture


     
     

    Créez un nouveau calque. Récupérez la sélection grignotée et remplissez de blanc. Cochez la case Preserve transparency dans la palette des calques et désélectionnez ( Ctrl-D ). Appliquez une texture craquelures ( Filter > Texture > Craquelure ) : espacement 25, profondeur 4 et luminosité 6. Ajoutez du bruit ( Filter > Noise > Add noise ) : distribution gaussienne monochromatique de 40. Passez le calque en mode multiply et diminuez son opacité à 75%.






    . irrégularités




     
     

    Passez en couleurs NB par défaut ( D ). Créez enfin un nouveau calque et un nuage ( Filter > Render > Clouds ). Passez le nuage en mode différence 2 fois de suite ( Filter > Render > Difference clouds ). Passez le calque en mode color dodge et diminuez son opacité à 75%. Ctrl-cliquez sur la couche grignotée et appliquez un masque de fusion sur le calque du nuage ( Layer > Add layer mask > Reveal selection ).



    Pour finaliser, créez un calque de réglage ( Ctrl-cliquez sur l'icône de la palette des calques ). Sélectionnez brightness/contrast dans le menu déroulant. Diminuez la luminosité de -10 et augmentez le contraste de +10. Voilà c'est fini. Cliquez ici pour voir le résultat.


    piregwan
    9403 visites





     

    piregwan, 20 11 2001 à 13:38

    salut

    respectivement ombre projetée, hallo externe et biseau interne.

    a+


    piregwan (agent mad fana...)
    48 ans (chamb�ry, 73)
    krakoukas@piregwan-genesis...
    http://www.piregwan-gen...


    dcfunny, 17 11 2001 à 10:13

    tutorial tres interessant mais a quoi correspondent drop shadow, outer glow et inner level dans la version FR de photoshop 6 ?
    encore merci pour ton travail interessant


    dcfunny (membre)
    40 ans
    dcfunny@ifrance.com


    ( 2 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.168 secondes