| Interface Grunge! |
pages (2): [1] 2 |
|
|
Ce superbe tutoriel nous a été gracieusement offert par DeathxDesign.
Vous avez déja vu le résultat sur les interfaces de TemplateMonster, vous allez maintenant savoir comment les créer par vous-même. C'est tellement simple que vous allez vous demander comment vous pouviez vivre sans ca !!
 |
Etape 1: Créez un nouveau document en 400*400px avec un fond gris foncé. Créez ensuite un nouveau calque puis essayez de reproduire à l'aide de la plume ou des outils de séléction une forme assez similaire à celle-ci. On va pas pinailler si c'est pas ressemblant à 100%. Pas besoin d'être non plus super précis dans les formes, les quelques imperfections serront invisibles plu tard.... |
 |
Etape 2: Si vous avez un tracé, vous devez d'abord le pixelliser afin qu'il soit éditable. Ensuite, faites ctrl+clic sur le calque pour effectuer une selection. Vérifiez que vous avez le blanc et le noir en couleur de premier et arrière plan sur votre palette. Toujours sur votre selection, prenez l'outil de dégradé , puis remplissez avec cet outil votre forme de façon à ce qu'elle ressemble à peu près à celle sur la gauche. Ne vous prenez pas la tête si ce n'est pas parfait!
|
 |
Etape 3: En utilisant le rectangle de selection et le même dégradé que dans l'étape 2, ajoutez quelques barres à votre convenance (un peu dans ce style sur l'image).
NB. vous pouvez modifier les contraste si nécessaire en jouant sur la commande des niveaux : Image > Réglages > Niveaux.
|
 |
Etape 4: Creez un nouveau calque par dessus les autres et renommez le "mesh". Creez ensuite une nouvelle forme similaire à celle de gauche puis remplissez la de noir. CTRL+clic sur le calque et sélectionnez la commande Edition > Contour. Donnez un contour de 2px exterieur et reduisez l'opacité du calque à 45%. |
 |
Etape 5: Dessinez maintenant quelques cables rapidement (même si la qualité n'est pas au rendez vous..), toutes ces petites imperfections disparaitront après. |
 |
Etape 6: Creez un nouveau calque puis faites une selection circulaire sur le haut de votre design existant. Remplissez le avec un dégradé de votre choix puis réduisez l'opacité de votre calque à 50%.
|
- Tutorial written by DeathxDesign
- Translation by Bana
|

|
|
 |
Live Trace resolution Author: jttuck Posted: May 14th, 6:02pm Activity: 1 replies, 66 views
|  | Hello all, just found this site Author: skatz Posted: May 12th, 7:29pm Activity: 4 replies, 101 views
|  | FontStruct Author: Jacorre Posted: May 12th, 3:34pm Activity: 0 replies, 122 views
|  | Hey everyone Author: whelpton Posted: May 11th, 6:20pm Activity: 2 replies, 85 views
|  | Member Tutorial: Taking it further. Author: Trueskool Posted: May 11th, 1:30pm Activity: 1 replies, 141 views
|  | Orb - flash version Author: unleash Posted: May 11th, 11:38am Activity: 1 replies, 147 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, 136 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 402 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|