Sfat rapid crearea de crisp pixeli Perfect Circles în Photoshop

Obținerea perfecțiunii pixelilor la proiectarea elementelor UI poate fi simplă datorită caracteristicilor "snap to pixels" ale Photoshop. Din nefericire, această caracteristică nu este disponibilă pentru instrumentul de elipsă - crearea cercurilor clare, pixel-perfect poate, prin urmare, necesita o atenție suplimentară la detalii. O să vă dau un mic secret care va face posibilă accesarea pixelilor atunci când creați cercuri ...


Formate de strat și "Snap la pixeli"

Cu nevoia crescândă de desene sau modele care scaldă, proiectarea cu straturi de formă în Photoshop devine din ce în ce mai importantă. Formele de strat se bazează pe căi vectoriale, ceea ce face ca schimbarea dimensiunii, culorii și formei lor să fie destul de simplă. Cu toate acestea, dacă nu sunteți atent, atunci când creați straturi de formă, acestea pot cădea cu ușurință în grila pixel, ceea ce face ca designul neclar și neprofesional.

Atingerea perfecțiunii pixelilor cu straturi de formă este destul de ușoară, datorită funcției "Snap to Pixels" oferită de Photoshop pentru straturile de formă.

Din păcate, după cum probabil știți deja, caracteristica "snap to pixels" nu este disponibilă pentru instrumentul de elipsă.

Dacă intenționați să creați un strat de formă pentru acele avatare de cercuri frumoase din interfața dvs., va trebui să examinați precizia cercului dvs. și dacă acesta se încadrează corect pe grila pixelilor (necesitând reglaje repetitive și ajustări minuscule, care pot deveni obositoare ).

Dacă s-ar fi întâmplat doar pentru "cercuri pentru pixeli" pentru cercuri, nu? Ei bine, există un mic mod de rezolvare! Puteți utiliza instrumentul "dreptunghi rotunjit" pentru a desena cercuri prin simpla furnizare a unei raze care are cel puțin jumătate din dimensiunea cercului pe care îl creați.


Pasul 1: Prindeți instrumentul dreptunghi rotunjit

Știu ce s-ar putea gândi, "Un instrument dreptunghi pentru a crea un cerc?" Știu că s-ar părea ciudat, dar crede-mă aici.


Pasul 2: Verificați "Snap to Pixels"

Acum, asigurați-vă că este bifată caseta de selectare "Snap to pixels" (în CS6 aceasta este caseta de selectare "Align Edges" sau "Snap Vector Tools și se transformă în pixel Grid" prin preferințe). Astfel se va asigura că dreptunghiul rotunjit se lipsește de grila pixelilor.


Pasul 3: Specificați un (mare) rază de graniță

Acum, introduceți o valoare pentru raza de graniță care reprezintă cel puțin jumătate din dimensiunile cercului pe care doriți să îl desenați. Sau, în loc să faci matematica, introduceți "1000px", deoarece aceasta este cea mai mare valoare pe care Photoshop o acceptă (acest lucru înseamnă că nu puteți inițial trageți un cerc mai mare de 2000 de pixeli, dar puteți oricând să scalați rezultatul dacă este necesar).


Pasul 4: Desenați cercul dvs. Crisp, Pixel-Perfect

Țineți apăsat SHIFT și desenați cercul! (Holding SHIFT va păstra proporțiile dreptunghiului rotunjit).

Dacă creați o rază de graniță prea mică, deoarece dreptunghiul rotunjit își mărește dimensiunile, va trece în cele din urmă raza de graniță, moment în care veți avea un dreptunghi cu marginile rotunjite.


Asta e!

Vezi cât de ușor a fost asta? Așa cum am menționat anterior, trucul simplu este să dea dreptunghiului rotunjit o rază de graniță de cel puțin jumătate din dimensiunea dimensiunilor sale. Acum puteți crea cu ușurință cercuri pixel-perfect, clare, scalabile în Photoshop!


Citirea în continuare

  • Sfat rapid: colțurile rotunde au fost făcute corect
  • Proiectați un buton web frumos detaliat