웹 사이트와 스크린, 기타 디지털 디자인을 넘어 UI/UX 프로젝트에서도 깔끔한 선과 아트웍을 제작하는 방법을 살펴보세요.
휴대폰에 표시된 보트 페스티벌 티켓 주문 사이트

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

픽셀에 물리기 설정

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

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

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

픽셀 미리보기를 선택해 래스터화된 배 이미지 모양 표시

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

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

픽셀 격자에 그려지고 정렬되는 사각형을 보여주는 애니메이션 GIF

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

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

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

이동해 고정되는 앤티 앨리어스 드로잉을 보여주는 애니메이션 GIF

자유롭게 아트웍 비율 조정

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

건물 크기가 조정되고 격자에 정렬되는 드로잉의 애니메이션 GIF

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

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

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

픽셀 퍼펙트 만들기를 선택해 픽셀화된 드로잉을 선명하게 하기

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

01/31/2022

Adobe Stock 컨트리뷰터: alekseyvanin, bongkarn

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