| 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
|

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 100 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 13 replies, 182 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 112 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 161 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 107 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 125 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 116 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 117 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 147 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 97 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 147 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 152 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|