Icône de dossier vertical

Icône de dossier vertical.

 

 

Icône de dossier vertical

Dans ce tutoriel je vous propose d’apprendre à créer l’icône d’un dossier vertical.

Voir également : Icône de dossier horizontal

Créez un Nouveau document de 300 x 350 pixels, arrière-plan Transparent
prendre l’outil Rectangle Arrondi ou U, cochez l’icône Pixels de remplissage dans la barre d’options en haut de l’écran et entrer un Rayon de 15 px.
Dessinez la première forme comme sur la capture.

Dessinez la première forme

menu Calque / Style de calque / Incrustation en dégradé, choisissez les couleurs que vous désirez pour ce dégradé. J’ai opté pour deux nuances de bleu, #0d415d et #66a9cc.

Dégradé

Puis mettez un angle de 24° pour le dégradé, et valider

Angle du dégradé

prendre l’outil Rectangle de sélection, sélectionnez le côté gauche du rectangle arrondi, afin d’en supprimer l’arrondi,
et appuyez sur la touche Suppr pour effacer la sélection, puis faire Ctrl + D pour Désélectionner.

Supprimer le coté gauche

Toujours avec l’outil Rectangle de sélection, faites une sélection sur le bas de la forme, comme sur la capture

Faire une sélection dans le bas

Prendre l’outil Baguette magique sur le mode Soustraire et sélectionnez la partie transparente.

Sélectionnez la partie transparente

Ajoutez un Nouveau calque, remplissez la sélection de Blanc puis faire Ctrl + D pour Désélectionner.

Remplissez la sélection de Blanc

Baissez l’Opacité du calque avec le dégradé vers 65%.

Ajoutez un Groupe et déplacez les deux calques dedans.

Baissez l'opacité et déplacer les 2 calques dans le Groupe

Dupliquez ce Groupe simplement en le glissant sur l’icône Nouveau en bas du panneau Calques

Renommez les 2 Groupes, Couverture fond et Couverture devant

Sélectionnez le Groupe Couverture fond et faire Edition / Transformation / Inclinaison, comme sur la capture

Renommer les Groupes et Incliner le Groupe

Faire Ctrl + T pour réduire en largeur, comme sur la capture

Sélectionnez maintenant le Groupe Couverture devant et faire Edition / Transformation / Inclinaison, comme sur la capture.

Incliner l'autre Groupe

Ajoutez un calque entre les 2 Groupes dans le panneau Calques et avec l’outil Rectangle arrondi, créez une nouvelle forme, comme sur la capture.

Vous pouvez masquer le Groupe Couverture devant en cliquant sur l’icône œil en début de ligne du calque du Groupe dans le panneau Calques.

Appliquez un Calque / Style de calque / Ombre portée, sur ce nouveau calque.

Nouveau calque et lui ajouter une ombre portée

Baissez l’Opacité du Fond de calque, vers 40%.

Baisser l'opacité

Dupliquez 2 fois ce calque puis masquez-en 2.

Masquer 2 calques

Sélectionnez le 1er calque en bas du panneau, faites Edition / Transformation / Inclinaison, puis Ctrl + T pour le réduire en largeur, comme sur la capture.

Inclinaison

Travaillez les déformations des 2 autres calques, de façon à créer des pages du dossier, comme sur les captures

Travailler les autres pages

Décalez le Groupe Couverture devant, pour donner un espace au dossier, de façon à créer la reliure

Décaler le groupe

Prendre l’outil Plume et tracez l’arrondi du Dossier. Pour la capture, j’ai masqué les autres éléments afin de mieux voir la forme

Faire un clic droit et choisir Fond du tracé, remplissez de la couleur la plus foncée de votre dégradé sur un nouveau calque, ici #0d415d.

Tracer la reliure

Baissez l’Opacité de ce calque vers 65%.

Par le même procédé, tracez la bande blanche, en bas de la reliure

Baisser l'opacité et tracer la bande blanche

Voilà comment devrait ce présenter le dossier à ce stade du tutoriel.

Résultat

Pour faire des reflets, tracez à la Plume une forme, comme sur la capture.

Faire un clic droit et choisir Fond du tracé, remplissez de la couleur la plus foncée de votre dégradé sur un nouveau calque (#0d415d).

Tracer un arrondi avec la Plume

Baissez l’Opacité du Fond du calque vers 20%

Baisser l'opacité du Fond

Faites la même chose pour la couverture du fond, sauf que vous baissez l’Opacité du Fond du calque vers 60%, afin qu’il soit visible.

Faire de même pour la couverture du fond

L’image finale se trouve au ▲ début du tutoriel

 

Ce tutoriel a été réécrit avec l’autorisation de son auteur.
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.