Astuce Créer des cercles nets et parfaits dans Photoshop

Atteindre la perfection en pixels lors de la conception d’éléments d’interface utilisateur peut être simple grâce à la fonction "Capture pour pixels" de Photoshop. Malheureusement, cette fonctionnalité n'est pas disponible pour l'outil Ellipse - la création de cercles nets et parfaits peut donc nécessiter une attention particulière aux détails. Je vais vous révéler un petit secret qui rendra "capturer les pixels" disponible lors de la création de cercles…


Calques de forme et "Aligner sur les pixels"

Avec le besoin croissant de conceptions à cette échelle, la conception avec des couches de forme dans photoshop devient de plus en plus importante. Les calques de forme sont basés sur des chemins de vecteur, ce qui simplifie leur modification de taille, de couleur et de forme. Toutefois, si vous ne faites pas attention, lorsque vous créez des calques de forme, ils peuvent facilement tomber de la grille de pixels, ce qui rend la conception floue et non professionnelle..

Atteindre la perfection en pixels avec des calques de forme est assez facile, grâce à la fonction "Aligner sur les pixels" de Photoshop pour les calques de forme..

Malheureusement, comme vous le savez peut-être déjà, la fonctionnalité "Aligner sur les pixels" n'est pas disponible pour l'outil Ellipse..

Si vous envisagez de créer un calque de forme pour ces magnifiques avatars de cercle dans votre interface, vous devrez examiner la précision de votre cercle et déterminer s'il tombe correctement sur la grille de pixels (nécessitant un zoom répétitif et des ajustements minuscules, ce qui peut devenir fastidieux. ).

Si seulement il y avait "accrochage aux pixels" pour les cercles, non? Eh bien, il existe une petite solution de contournement soignée! Vous pouvez utiliser l'outil "Rectangle arrondi" pour tracer des cercles en fournissant simplement un rayon égal à au moins la moitié de la taille du cercle que vous créez..


Étape 1: Saisissez l'outil Rectangle arrondi

Je sais ce que vous pourriez penser, "Un outil de rectangle pour créer un cercle?" Je sais que cela peut paraître étrange, mais croyez-moi ici.


Étape 2: Cochez "Aligner sur les pixels"

Assurez-vous maintenant que la case à cocher "Aligner sur les pixels" est mise en surbrillance (dans CS6, c’est la case "Aligner les bords" ou "Aligner les outils vectoriels et les transformer en grille de pixels" dans les préférences). Cela garantira que notre rectangle arrondi colle à la grille de pixels.


Étape 3: Spécifiez un rayon (large) de bordure

Maintenant, entrez une valeur pour le rayon de la bordure qui est au moins la moitié des dimensions du cercle que vous voulez dessiner. Ou, au lieu de faire le calcul, entrez simplement «1000 pixels», car c’est la plus grande valeur que Photoshop accepte (cela signifie que vous ne pouvez pas initialement dessinez un cercle plus grand que 2000 pixels, mais vous pouvez toujours agrandir le résultat si besoin est).


Étape 4: Tracez votre cercle vif, pixel parfait

Maintenez la touche MAJ enfoncée et dessinez votre cercle! (Maintenir SHIFT conservera les proportions du rectangle arrondi).

Si vous créez un rayon de bordure trop petit, à mesure que votre rectangle arrondi s'agrandit, ses dimensions contourneront finalement le rayon de la bordure; vous obtiendrez alors un rectangle aux bords arrondis..


C'est tout!

Vous avez vu comme c'était facile? Comme mentionné précédemment, le truc simple est de donner au rectangle arrondi un rayon de bordure au moins égal à la moitié de ses dimensions. Désormais, vous pouvez facilement créer des cercles nets, parfaitement nets et évolutifs dans Photoshop.!


Lectures complémentaires

  • Truc rapide: Coins arrondis bien faits
  • Concevoir un bouton Web magnifiquement détaillé