Downloaded from www.biorust.com on Sun Jul 05, 2009 00:17:42

 
Formes Complexes
Tutorial Author - Man1c M0g (http://forums.biorust.com/member.php?s=&action=getinfo&userid=1)
Translation By - Bana ( http://www.tutomania.com)

Photoshop est un formidable allié à votre créativité mais il faut pour cela avoir les bases de la création d'interfaces.  Pour faire une comparaison, c'est un peu comme conduire une voiture -vous pouvez connaitre tous les éléments nécessaires à la faire rouler (boite de vitesse, pédale d'accélérateur, d'embrayage, frein...) mais si vous ne savez pas comment les utiliser, la voiture n'avancera pas plus. A mon avis, la base principale pour devenir un bon créateur d'interfaces est de savoir créez des formes complexes. Donc sans plus attendre, voici comment en créer une plutôt simple. 

Étape 1: Créez un nouveau document de 300*300 px sur fond blanc puis créez un nouveau calque transparent que l'on va renommer "forme". Avec l'outil de selection rectangulaire, faites une forme rectangulaire puis remplissez la de noir.

Étape 2: Nous allons maintenant tranformer notre forme. Pour cela, dans le menu allez sur Edition > Transformation > Torsion . Déplacez ensuite les coins de votre forme afin d'obtenir quelque chose de sensiblement identique à ma forme. Appuyez sur Entrée.

Étape 3: Ok, on va passez au formes arrondies internes.   Prenez l'outil ellipse de selection puis dessinez des formes ovales.  Déplacez la forme au niveau du coté droit dans une position qui vous plait puis faites Suppr.

Étape 4: Sans déselectionner votre forme, effectuez la même opérations pour les 2 cercles suivants.  Rappelez vous qu'en maintenant la touche SHIFT appuyée, vous déplacez votre selection plus rapidement et à intervalles réguliers.

Étape 5: C'est pas trop mal non ?    On va arrondir le bas et le coté. Pour cela, créez un nouveau calque que l'on va renommer "Forme2".  Prenez ensuite l'outil ellipse de sélection et faites un oval de la même façon que sur l'image puis remplissez le d'une couleur autre que noire..

Étape 6: Utilisez la Gomme pour supprimez les bouts en trop.  Vous pouvez aussi alterner les selections entre les calques "Forme" et "Forme 2" puis inverser et supprimer les sélections.  Ca va permettre notamment d'épurer la forme.  Ce n'est pas nécessaire d'être précis au pixel près car on s'occupera des petites imperfections plus tard.

Étape 7: Cliquez sur votre calque "Forme 2" puis faites les fusionner (Ctrl+E) afin de n'avoir la forme sur un seul calque. Passez un petit coup d'anti-aliasing (cf : ce tutoriel : anti-aliasing) avec un flou gaussien de 5 pour lisser les cotés et avoir une forme beaucoup plus exploitable..

Et voila, vous avez maintenant une belle forme prête à être texturée et intégrée à votre boulot. Enjoy ! :)




All Content © BioRUST 2009 All Rights Reserved.