|
|
|
Les interfaces à aspect métalliques semblent être de saison, très utilisées notamment dans les sites de clans online. Alors que les textures de métal sont de mieux en mieux réalisées, on voit peu souvent des petits détails qui permettent d'assembler ces plaques de métal à d'autres éléments. C'est la qu'intervient ce tutoriel. Nous allons mettre en place la création de rivets/vis afin d'ajouter ce petit détail qui va faire ressortir votre site. Suivez le guide ;)
 |
Étape 1: Créez tout d'abord un document de 200*200px, la couleur du fond importe peu. Creéz un nouveau calque puis créez ensuite un cercle à l'aide de l'outil de selection circulaire (en maintenant la touche Shift enfoncée, vous aurez un cercle de proportions identiques). Passez ensuite vos couleurs de premier & arrière plan en blanc et noir (respectivement). |
 |
Étape 2: Selectionnez l'outil dégradé sur la palette des outils tout en gardant votre selection active puis, comme sur l'image de l'étape 1, tracé un dégradé en diagonale du centre vers l'exterieur (choississez notamment dans les options le style circulaire pour appliquer le dégradé). Vous devriez arriver à un résultat similaire à celui présent sur la gauche. |
 |
Étape 3: On va donner un aspect plus "metallique" à votre sphère.
Dans le menu, faites : Image > Réglages > Courbes… from the menu
et recréez une courbe similaire à celle sur l'exemple. Cliquez sur Ok pour acceptez et regardez vote sphère à présent. Pas mal nan ?. Si vous trouvez que la luminosité ou le contraste sont mauvais, vous pouvez toujours les modifier via le menu Image > Réglages. |
 |
Étape 4: Maintenant, passez dans les options de fusion du calque : Calque > Style de calque >
Incrustation en dégradé… et entrez les paramètres présent sur votre gauche. |
 |
Étape 5: Créez maintenant un nouveau calque, puis selectionnez l'outil de selection rectangulaire et et créez un rectangel comme sur l'image que vous remplirez de gris foncé. Toujours sur ce calque, appuyez sur Ctrl puis cliquez dans la palette des calques sur le calque contenant votre sphère (sous celui ci normalement) puis contractez la selection d'1 px: Selection > Modifier > Contracter .
Cliquez sur Ok puis inversez la selection et appuyez sur Suppr. |
 |
Étape 6: Beaucoup de tutoriels s'arretent à ce niveau, mais soyons fous, on va rajouter quelques petits effets.
Sur votre calque, nous allons ajouter une lueur interne, faites : Calque > Style de calque > Lueur interne puis rentrez les paramètres comme sur l'image sur votre gauche. Ne cliquez pas encore sur Ok, c'est pas fini :) |
 |
Étape 7: Passez sur l'option d'incrustation en dégradé puis entrez de nouveau les paramètres présents sur votre gauche. Cette fois c'est fini, cliquez sur ok :) |
 |
Étape 8: Et voila, on a terminé avec notre vis :) Pas mal comme résultat non ? . Avec une bonne texture en arrière plan, une Lueur externe et une ombre portée sur votre sphère, vous obtenez un résultat bluffant. Lorsque vous ajoutez des vis sur votre interfaces, pensez à leur faire effectuer une petite rotation différente à chacune, l'effet de réalisme n'en sera que meilleur. |
 |
Tête cruciforme : Cette tête de vis requiert l'ajout dans l'étape 5 d'un second rectangle positionné perpendiculairement à son homologue. Il est préférable avant de passer à l'étape 6 de passer un ptit moement à appliquer le tutoriel d'anti-aliasing. Il semble sur l'image que le résultat ne soit pas splendide mais lorsque vous réduirez la taille de votre vis pour l'ajouter à votre interface, vous verrez la différence ;). |
 |
Rivets: Cette fois, au lieu de creer un rectangle dans l'étape 5, il vous faut créer un cercle.. Il vous faut ensuite dans l'étape 7 modifier le style de dégradé en Radial et ajouter une petite lueur interne. Il y a plusieurs résultat possibles et avec un peu de patience, vous devriez pouvoir tomber sur quelque chose qui vous plaise...il ne vous reste plus qu'à les ajouter à vos interfaces :) |
- Tutorial written by Man1c M0g
- Translation by Bana
|

|
|
 |
Live Trace resolution Author: jttuck Posted: May 14th, 6:02pm Activity: 1 replies, 65 views
|  | Hello all, just found this site Author: skatz Posted: May 12th, 7:29pm Activity: 4 replies, 99 views
|  | FontStruct Author: Jacorre Posted: May 12th, 3:34pm Activity: 0 replies, 119 views
|  | Hey everyone Author: whelpton Posted: May 11th, 6:20pm Activity: 2 replies, 84 views
|  | Member Tutorial: Taking it further. Author: Trueskool Posted: May 11th, 1:30pm Activity: 1 replies, 140 views
|  | Orb - flash version Author: unleash Posted: May 11th, 11:38am Activity: 1 replies, 146 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 8:43am Activity: 1 replies, 30 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 2:14am Activity: 1 replies, 134 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 402 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|