edito
forum (21 055)
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
779 047 hits
 
 

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

tutos aléatoires
572 905 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

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

10 139 548 hits
 






. dégradé radial


 
 

Créez un nouveau document de dimensions 100x100 pixels et de fond noir. Créez un nouveau calque ( Ctrl-Shift-N ). Affichez les rêgles ( Ctrl-R ) et placez un guide horizontal à 50 pixels et un vertical de même. Votre document est découpé en 4 quadrants carrés égaux.

Double-cliquez sur l'outil de sélection circulaire pour afficher la palette d'options. Cochez la case Fixed size et entrez 80 et 80 comme largeur et hauteur. Faites une sélection circulaire au centre de l'image ( aidez vous des guides aimantés pour le centrer automatiquement ). Grâce à l'outil de dégradés, remplissez la sélection d'un dégradé radial du blanc vers un gris très foncé ( 25-25-25 par exemple ).


. 180°


 
 

Toujours dans la palette d'options de l'outil sélection, modifiez largeur et hauteur par 60 et 60 et faites une sélection centrée sur votre bouton. Créez un nouveau calque par copie de la zone sélectionnée ( Ctrl-J, layer via copy ). Appliquez une transformation de 180° ( Ctrl-T ), aidez vous en maintenant Shift enfoncé, les rotations sont aimantées par 15°.





. 180°


 
 

Refaites les manipulations de l'étape précédente en ne modifiant que largeur et hauteur de la sélection par 58 et 58 : sélection centrée, création du calque par copie ( Ctrl-J ) et tranformation de 180° ( Ctrl-T ).

La méthode décrite jusque-là est universelle. Tout dépend ensuite du travail que vous allez apporter à ce gabarit...





. coloration et textures









 
 

Modifiez la teinte du calque contenant la boule centrale ( Image > Adjust > Hue/saturation ) : cochez la case Colorize et choisissez une teinte. Cochez la case Preserve transparency dans la palette des calques et appliquez du bruit ( Filter > Noise > Add noise ) : distribution gaussienne monochromatique avec valeur de 8.

Appliquez des textures si ça vous dit, servez-vous alors des calques noir/blanc pour leurs imprimer les effets de volume : passez-les en mode multiply. Ici, texture acier avec des zones colorées et des strokes noirs et dupliqués blancs en soft light.

Ca fait mine quake3, je sais, pour le bouton on repassera





Pour réaliser rapidement une texture métallique : remplissez un calque de gris et ajoutez du bruit ( Filter > Noise > Add noise ). Appliquez un flou directionnel ( Filter > Blur > Motion blur ) : angle 45° et amplitude de 20 pixels et rajoutez encore légèrement du bruit. Accentuez les bords ( Filter > Sharpen > Unsharp mask ).


piregwan
20987 visites




 

vvnono, 20 11 2001 à 21:36

tous d'abord g trouve ton site terrible,et tes tutoriaux tres cool!!peut tu me dire comment integrer 1 pup.de navig. comme celui de ton site (page acceuil) lors de creation de site web,car je kiff se genre de page et j aimerais creer 1 site dans 1 style 1 peut comme celui la.merci et tres bonne continuation.


vvnono


zipo=popo, 09 11 2001 à 13:11

je reve..
un tutorial osi puissant
car faire ossi belle effet
en aussi peu de temps..
c tout simplemlent fabuleux:!
vvotrs site est mon preferé!!
bone continuation...
et si ya des fou ki se frappe des ligne de code pour pouvoir poster des message en live (interactif koi...)
serieux
usé en et abuser sen
by ebonne continuation...


zipo=popo


zipo=popo, 09 11 2001 à 13:04

je reve..
un tutorial osi puissant
car faire ossi belle effet
en aussi peu de temps..
c tout simplemlent fabuleux:!
vvotrs site est mon preferé!!
bone continuation...
et si ya des fou ki se fr


zipo=popo


Isaura, 08 11 2001 à 17:23

ça, c' est de la générosité ! et de la bonne.Merci.


Isaura


Cybersplash, 24 10 2001 à 09:58

Salut ton site est tres bien (im a NB ) mais pour ce tuto g des petit pb comme j connai ke dalle certaines partie mechape notemment la partie pour faire les 2 arc de cercle autour du bouton et si tu pe un plus detailler pour les NB comme moi se serait cool(g chercher 3 h pour faire les guide )
mais sinon ton site est vraimen bien


Cybersplash


barbatruc, 08 08 2001 à 16:58

du coup, le joli c'est l'ombre portée et l'emboss/bevel C juste pas marqué .... le tip texture métal est simple, efficace et pas à sa place


barbatruc


( 15 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.076 secondes