Il y a beaucoup de tutoriels qui vous permettent de créer des dossiers pour les icônes sous Adobe Illustrator. J'ai créé ce tutoriel car je n'ai pas trop la main avec Illustrator et je suis sûr de ne pas être le seul. Bien sur, si vous voulez créer une icone, vous devriez utiliser Illustrator ou tout autre logiciel de vectorization pour eviter les effet de pixellisation lors du changement de taille. Ceci dit, si vous souhaitez créer ces icones via Photoshop, voila comment faire!

Etape 1: Créez un nouveau document en 500*300px avec une résolution de 300dpi et un fond transparent. La zone de travail devrait être plus large que le dossier mais on pourra toujours remédier à cela plus tard. Changez votre couleur de premier plan sur votre palette d'outil en une couleur claire. J'ai choisi du jaune (code couleur : #FFF000) vu que je vais créer un dossier qui ressemble à un dossier standard. Ensuite, à l'aide de l'outil Plume et assurez vous que les options "Calques de forme" et "Créer un nouveau calque de forme" soient sélectionnées. L'image ci-dessous vous donne une idée de la configuration de l'outil (les 2 options citées précédemment). Il se peut qu'il y ait quelques différences selon la version de Photoshop utilisée.

Etape 2: Notre dossier va avoir 2 parties : le devant et l'arrière. Pour facilité la construction, on va commencer par l'arrière. Renommer votre calque en mettant un nom simple, "Arrière" par exemple. Maintenant, dessinez avec la plume en effectuant des clics successifs (en ajoutant différents points donc) un forme de dossier comme celle ci-dessous. Ne faites surtout pas de clic et de déplacement en même temps. Avec cette forme basique, nous allons donner cet effet arrondi aux bords de notre dossiers. Pour cela, sélectionnez l'outil Conversion de point et faites un clic+déplacement sur vos points pour crer vos arrondis. Pour garder vos lignes bien droites, vous pouvez appuyer sur Maj en déplacant votre point. Etape 3: Faites un clic droit sur votre calque dans la palette des calques et allez dans les options de fusion. Ajoutez une incrustation en dégradé avec comme couleur de dégradé : #FDF892 à #FFD826 (cf : image). Mettez bien le Style sur Radial, cochez la case Aligner sur le calque et modifez l'Echelle à 141%. Maintenant arrive un peu de sport. Une fois les paramètres précédents mis en place, vous allez devoir placer votre dégradé au niveau du cercle coloré ci-contre (voir image). Quand vous avez fini, retournez dans les options de fusion et ajoutez un Contour de 3px avec une couleur de code #FBCE00 et de position Extérieur. Vous devriez obtenir un dossier qui ressemble à celui-ci.

Etape 4: On va maintenant passer à l'autre partie. Dupliquez votre calque "Arrière" et renommez le "Devant". Cliquez sur ce calque dans la palette (pas de double clic ni clic droit, juste une sélection du calque) et choisissez dans le menu : Edition > Transformation > Symétrie Axe Horizontal. Sélectionnez l'outil de Conversion de Point et faites un Ctrl+Maj+Clic sur les 2 points du haut comme sur l'image. Ensuite, faites Ctrl+T et ramenez les 2 points vers le centre du dossier.

Etape 5: Maintenant que l'on a notre dossier, on va lui donner la perspective. Pour le reste du tutoriel, j'ai utilisé comme modèle un exemple de dossier de Windows XP trouvé sur Google. Je vais l'utiliser comme guide pour la perspective du dossier. Je l'ai donc ouverte sur un nouveau document, transférée sur mon espace de travail en haut de mes autres calque puis réduit son opacité aux environs de 75%.

Etape 6: Je sais que ca a l'air assez génant aux premiers abords mais ce guide va être réellement utile. Retournez sur le calque "Devant" puis faites : Edition > Transformation > Torsion puis positionez les coins en correspondance avec notre image guide. Il vous faudra peut-être réajuster certains points d'ancrage à l'aide de l'outil de conversion de points. Ajustez ensuite le second calque ("Arrière") de la même façon.

Etape 7: Maintenant, supprimez ou cachez votre calque guide et réduisez l'opacité de votre calque "Devant" à 80% et c'est fini ! Vous pouvez ajouter des détails, un fond ou ce que vous souhaitez afin de le peaufiner. ;) Dossier terminé  Dossier terminé avec détails supplémentaires

- Tutorial written by Phileplanet
- Translation by Bana

Automatic Translations: