Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Atteindre la perfection de pixel lors de la conception des éléments de l'interface utilisateur peut être simple grâce à fonctionnalité « Accrocher aux pixels » de Photoshop. Malheureusement, cette fonctionnalité est pas disponible pour le outil Ellipse - créer des cercles croquants, pixellisés peut donc nécessiter une plus grande attention aux détails. Je vais vous laisser sur un petit secret qui fera « Accrocher aux pixels » disponibles lors de la création des cercles ..







Les couches de forme et « Accrocher aux pixels »

Avec le besoin croissant pour la conception que l'échelle, la conception avec des couches de forme dans Photoshop devient de plus en plus important. Les calques de forme sont basées sur des chemins vectoriels, ce qui permet de changer leur taille, la couleur, et la forme tout à fait simple. Toutefois, si vous ne faites pas attention, lorsque vous créez des couches de forme, ils peuvent facilement tomber la grille de pixels, ce qui rend la conception floue, non professionnelle.

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

La réalisation de pixel-perfection avec des couches de forme est assez facile, grâce à Photoshop « Accrocher aux pixels » fonctionnalité pour les couches de forme.

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Si vous envisagez de créer une couche de forme pour ces beaux avatars de cercle dans votre interface, vous devrez examiner la précision de votre cercle et que ce soit tomber sur le correctement pixel grille (nécessitant un zoom répétitif et des ajustements minuscules, ce qui peut devenir lassant ).







Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Si seulement il y avait « Accrocher aux pixels » pour les cercles, non? Eh bien, il y a une petite solution propre! Vous pouvez utiliser l'outil « rectangle arrondi » pour dessiner des cercles en fournissant simplement un rayon qui est au moins la moitié de la taille du cercle que vous créez.

Étape 1: Prenez 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.

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Étape 2: Cochez la case « Accrocher aux pixels »

Maintenant, assurez-vous que le « Accrocher aux pixels » case à cocher est mise en évidence (dans ce CS6 est la case à cocher « Aligner les bords », ou « Outils snap vecteur et se transforme en grille de pixels » via les préférences). Cela fera en sorte nos bâtons de rectangle arrondi à la grille de pixels.

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Étape 3: Spécifiez un (Large) Rayon frontière

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Étape 4: Dessinez votre Crisp, Cercle Pixel-parfait

Maintenez la touche MAJ et dessinez votre cercle! (Maintenir la touche Maj conservera les proportions du rectangle arrondi).

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

Si vous créez un rayon de frontière qui est trop petit, que votre rectangle arrondi pousse ses dimensions finiront par contourner le rayon de la frontière, à quel point vous aurez un rectangle avec des bords arrondis.

Astuce rapide Création Crisp, des cercles parfaits Pixel dans Photoshop

C'est tout!

Vous avez vu comme c'était facile? Comme mentionné précédemment, l'astuce simple consiste à donner le rectangle arrondi un rayon de bordure au moins la moitié de la taille de ses dimensions. Maintenant, vous pouvez facilement créer pixellisés, croquants, des cercles évolutifs dans Photoshop!

Lectures complémentaires







Articles Liés