 |
|
 |
 |
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 ! :) |
- Tutorial written by Man1c M0g
- Translation by Bana
|
|
 |
|
 |
|
|
Forum Threads
|
|
|
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 890 views
|  |  changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1055 views
| |
| | |
