웹 사이트와 스크린, 기타 디지털 디자인을 넘어 UI/UX 프로젝트에서도 깔끔한 선과 아트웍을 제작하는 방법을 살펴보세요.
pixel-perfect-v2_1000x560

앤티 앨리어스 아이콘과 흐릿한 아트웍 때문에 시간과 노력을 낭비할 필요가 없습니다. 패스를 그릴 때 픽셀 격자에 패스가 자동으로 정렬되게 만들거나 한 번의 클릭으로 아트웍을 픽셀 격자에 맞게 정렬할 수 있기 때문입니다. 방법은 다음과 같습니다.

픽셀에 물리기 설정

먼저 보기 > 픽셀 미리보기를 선택합니다. 600% 이상으로 확대하면 픽셀 격자가 표시됩니다.

참고: 픽셀 미리보기를 사용하면 래스터화된 아트웍 모양을 미리 볼 수 있습니다. 이는 특히 래스터화된 그래픽에서 오브젝트의 위치, 크기, 가장자리 모양을 제어할 때 유용합니다.

대지에서 아무것도 선택하지 않은 상태로 속성 패널의 물리기 옵션에서 픽셀에 물리기를 클릭합니다.

pixel-perfect-step1

픽셀 단위의 정확한 아트웍 그리기

픽셀에 물리기를 설정했으므로 이후부터 모양을 그릴 때 가장자리가 직각인 패스와 벡터 모양이 픽셀 격자에 자동으로 정렬됩니다. 처음부터 깔끔하고 선명한 선을 그릴 때 절약될 시간을 상상해 보십시오.

pixel-perfect-step2

아트웍을 이동할 때도 정확하게 픽셀 단위로

패스와 모양을 이동하는 경우에도 픽셀 격자에 맞춰 정렬되므로 모양 변화를 걱정하지 않아도 됩니다. 또한 앤티 앨리어스 아트웍의 경우 아트웍을 이동함으로써 픽셀을 정리할 수 있습니다.

팁: 가장자리에 앤티 앨리어스가 남아 있는 경우 직접 선택 툴을 선택하고 영향을 받은 고정점 또는 패스 선분을 가장 근접한 위치에 있는 픽셀 격자로 이동합니다.

pixel-perfect-step3

자유롭게 아트웍 비율 조정

아트웍의 비율을 조정하면 고정점, 패스 선분 및 모양이 픽셀 격자에 자동으로 정렬됩니다.

pixel-perfect-step4

한 번의 클릭으로 픽셀 단위 아트웍으로 전환

앤티 앨리어스 아이콘이나 가장자리가 흐릿한 아트웍의 경우 마우스 오른쪽 버튼을 누르고 ‘픽셀 퍼펙트 만들기’를 선택합니다.

참고: 아트웍에서 직각 모양의 가장자리는 선명해지지만 곡선과 사선 모양은 변경되지 않습니다.

pixel-perfect-step5

이처럼 모든 화면에서 선명하게 보이는 웹 아트와 아이콘을 만들어 보시기 바랍니다.

09/02/2020

Adobe Stock 컨트리뷰터: alekseyvanin, bongkarn

이 페이지가 도움이 되었습니까?