Suggerimento rapido creazione di cerchi perfetti, pixel perfetti in Photoshop

Raggiungere la perfezione dei pixel durante la progettazione degli elementi dell'interfaccia utente può essere semplice grazie alla funzione "snap-to-pixel" di Photoshop. Sfortunatamente, questa funzione non è disponibile per lo strumento ellisse: la creazione di cerchi nitidi e pixel perfetti può quindi richiedere un'attenzione ulteriore ai dettagli. Ti farò conoscere un piccolo segreto che renderà "snap-to-pixel" disponibile quando crei cerchi ...


Strati di forma e "Scatta su pixel"

Con la crescente necessità di progetti in scala, la progettazione con livelli di forma in Photoshop sta diventando sempre più importante. I livelli di forma sono basati su tracciati vettoriali, il che rende abbastanza semplice la modifica delle dimensioni, del colore e della forma. Tuttavia, se non si presta attenzione, quando si creano livelli di forma possono facilmente cadere dalla griglia di pixel, il che rende la progettazione sfocata e poco professionale.

Raggiungere la perfezione dei pixel con i livelli di forma è abbastanza semplice, grazie alla funzione "Snap to Pixels" di Photoshop per i livelli di forma.

Sfortunatamente, come forse già saprai, la funzione "snap-to-pixel" non è disponibile per lo strumento ellisse.

Se hai intenzione di creare un livello forma per quei bellissimi avatar circolari nella tua interfaccia, dovrai esaminare la precisione della tua cerchia e se cade sulla griglia dei pixel correttamente (richiedendo zoom ripetitivi e regolazioni minuscole, che possono diventare noiosi ).

Se solo ci fossero "snap to pixels" per i cerchi, giusto? Bene, c'è un piccolo e semplice trucco! Puoi utilizzare lo "strumento rettangolo arrotondato" per disegnare cerchi semplicemente fornendo un raggio che è almeno la metà della dimensione del cerchio che stai creando.


Passaggio 1: afferra lo strumento rettangolo arrotondato

So cosa potresti pensare, "Uno strumento rettangolare per creare un cerchio?" So che potrebbe sembrare strano, ma credimi qui.


Passaggio 2: seleziona "Blocca su pixel"

Ora assicurati che la casella di controllo "snap-to-pixel" sia evidenziata (in CS6 questa è la casella di controllo "Allinea bordi" o "Strumenti vettoriali e Trasforma in griglia pixel" tramite le preferenze). Ciò assicurerà che il nostro rettangolo arrotondato si attenga alla griglia dei pixel.


Passaggio 3: specificare un (grande) raggio del bordo

Ora inserisci un valore per il raggio del bordo che è almeno la metà delle dimensioni del cerchio che vuoi disegnare. Oppure, invece di fare i calcoli basta inserire "1000px", in quanto è il valore più grande che Photoshop accetterà (questo significa che non puoi inizialmente disegna un cerchio più grande di 2000 pixel, ma puoi sempre ridimensionarlo se necessario).


Step 4: Disegna il tuo cerchio nitido, perfetto per i pixel

Tieni premuto MAIUSC e disegna il tuo cerchio! (Tenendo premuto SHIFT manterrà le proporzioni del rettangolo arrotondato).

Se crei un raggio di confine troppo piccolo, man mano che il tuo rettangolo arrotondato aumenta, le sue dimensioni supereranno il raggio del bordo, a quel punto avrai un rettangolo con bordi arrotondati.


Questo è tutto!

Vedi com'è stato facile? Come accennato in precedenza, il semplice trucco consiste nel dare al rettangolo arrotondato un raggio di almeno la metà delle dimensioni delle sue dimensioni. Ora puoi facilmente creare cerchi pixel-perfetti, nitidi e scalabili in Photoshop!


Ulteriori letture

  • Suggerimento rapido: angoli arrotondati fatti bene
  • Progetta un pulsante Web splendidamente dettagliato