Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

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

Pages (2): [1] 2 Next>
Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese
Amazing Font Pack!

Featured Tutorialsmore

Screws & Rivets
Screws & Rivets
- Adobe Photoshop -
Animated Shine
Animated Shine
- Adobe Photoshop -
Windows XP Folders
Windows XP Folders
- Adobe Photoshop -
The Making of 'Sed...
The Making of 'Sed...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 884 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1048 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1053 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1933 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1828 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14440 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2747 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2771 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3438 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2354 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2498 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2797 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673