Tutoriel PS en ligne : icône de lotus minimaliste

Une icône de lotus se monte plus vite à partir de formes vectorielles. Une incrustation de dégradé pose la couleur, une lueur interne la rend translucide, et des copies pivotées génèrent les pétales. Chaque réglage de déformation de forme et de style de calque est indiqué, de quoi largement couvrir le travail d'icônes d'interface.

1. Créez le plan de travail et tracez un cercle
   • Ouvrez Online PS (zaixianps.cc) et appuyez sur Ctrl+N pour créer un plan de travail. Une taille suggérée est 800×800 px, avec l'arrière-plan réglé sur Transparent.
   • Dans la barre d'outils de gauche, choisissez Outil Forme → Ellipse (U), puis cliquez et faites glisser au centre du plan de travail pour tracer un cercle complet.
   • Dans la barre d'options, vérifiez que la couleur de remplissage est #2c3e50 (bleu profond / gris profond) et le contour sur Aucun.
2. Déformez le cercle avec Gonflement (pour former le cœur de la fleur)
   • Sélectionnez le calque du cercle et appuyez sur Ctrl+T pour entrer en Transformation manuelle.
   • Cliquez sur Déformation (la petite icône de grille) en haut à gauche de la barre de transformation pour faire apparaître les points de contrôle.
   • Dans la liste déroulante Déformation de forme en haut, choisissez Gonflement.
   • Faites glisser le point de contrôle central vers l'intérieur pour que le milieu du cercle s'affaisse légèrement (environ 30 % de force de déformation), puis appuyez sur Entrée pour valider.
3. Ajoutez un style de calque – Incrustation de dégradé
   • Double-cliquez sur le calque du cercle pour ouvrir la boîte de dialogue Style de calque.
   • Cochez Incrustation de dégradé et cliquez sur la barre de dégradé pour la modifier :
   • Couleur de gauche #2c3e50 (foncé), opacité 100 %.
   • Couleur de droite #95a5a6 (gris pâle), opacité 0 %.
   • Gardez l'angle à 90°, l'échelle à 100 %, le style Linéaire.
   • Cliquez sur OK et le cercle passe du foncé au pâle.
4. Construisez une forme de pétale unique
   • Créez un nouveau calque vide et utilisez l'outil Forme pour tracer deux cercles identiques (un rayon d'environ 20 % de la largeur totale convient bien).
   • Pour mieux les voir, baissez d'abord l'opacité de remplissage des deux cercles (disons 30 %), puis vérifiez leur degré de chevauchement.
   • Sélectionnez les deux calques de cercle et appuyez sur Ctrl+E pour les fusionner en un seul calque.
   • Passez à l'outil Sélection de tracé (A) et vérifiez que la forme est bien sélectionnée dans le panneau Tracés.
   • Dans le Pathfinder (barre d'outils du haut), choisissez Intersection et cliquez sur le chevauchement des deux cercles pour générer une nouvelle forme — le contour du pétale.
   • Le tracé est maintenant fusionné en un seul composant de forme.
5. Ajoutez un remplissage et une Incrustation de dégradé au pétale
   • Sélectionnez le calque de la forme du pétale et ouvrez Style de calque.
   • Réglez la couleur de remplissage sur #000000 (ou faites descendre l'opacité à 0) pour qu'aucune couleur unie ne transparaisse.
   • Cochez Incrustation de dégradé et construisez le dégradé suivant :
   • Couleur de gauche #ffffff (blanc), opacité 100 %.
   • Couleur de droite également #ffffff, opacité 0 %.
   • Réglez l'angle sur 90° pour que le blanc s'estompe de la base du pétale vers la pointe.
   • Ajoutez un autre style de calque, Lueur interne :
   • Choisissez un bleu-gris légèrement plus clair que l'arrière-plan, par exemple #d0e0e5.
   • Gardez le mode de fusion par défaut, Écran, et réglez la taille sur environ 20px.
6. Dupliquez et faites pivoter pour former un anneau complet de pétales
   • Vérifiez que l'outil actif est toujours l'outil Déplacement / Transformation manuelle (V), et non l'outil Sélection de tracé.
   • Appuyez sur Alt+Maj+T pour déclencher Transformation manuelle avec duplication.
   • Une fois le cadre de transformation apparu, maintenez Alt et faites glisser le centre de transformation vers la **pointe** du pétale pour que la rotation pivote autour de ce point.
   • Saisissez **30°** dans le champ d'angle de la barre d'options (ou l'espacement de votre choix) ; validez et un nouveau pétale apparaît.
   • Continuez d'appuyer sur Ctrl+Alt+Maj+T (répéter la dernière transformation manuelle) — chaque appui copie et fait pivoter le pétale précédent du même angle.
   • Répétez jusqu'à ce que les pétales fassent tout le tour (environ 12–14). Supprimez les calques de pétales en trop.
   Astuce : ne dupliquez pas avec l'outil Sélection de tracé, sinon les nouveaux pétales s'ajoutent au même composant de tracé et deviennent difficiles à modifier individuellement ensuite. Restez sur l'outil Déplacement / Transformation manuelle et chaque pétale devient son propre calque.
7. Vérifiez la symétrie et affinez les détails
   • Activez Affichage → Nouveau repère (Ctrl+R) et faites glisser un repère horizontal et un repère vertical depuis le centre du plan de travail pour vérifier la symétrie gauche-droite.
   • Si certains pétales sont décalés, sélectionnez le calque et utilisez Ctrl+T pour ajuster l'angle de rotation ou la position.
   • Sélectionnez tous les calques de pétales (Maj+clic) et réglez **opacité 95 %** dans la barre d'options pour un rendu d'ensemble plus doux.
8. Taille générale et export final
   • Sélectionnez tous les calques (cœur de la fleur et pétales), puis utilisez Ctrl+T pour mettre l'icône entière à une taille adaptée.
   • Quand c'est terminé, choisissez Fichier → Exporter sous → PNG (transparent) et enregistrez le fichier en local.

Références

• Online PS
• Documentation officielle Adobe
• Sites de tutoriels PS