튜토리얼 문서

중급

3분

픽셀 단위의 정확한 디자인 제작

UI/UX 프로젝트는 물론이고 웹, 화면 및 기타 디지털 디자인에서 깔끔한 선과 아트웍을 제작하는 방법을 살펴보세요.

필요한 사항

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

1

픽셀에 물리기 설정

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

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

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

2

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

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

3

아트웍을 이동할 때도 픽셀에 맞게 정렬

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

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

4

자유롭게 아트웍 비율 조정

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

5

단 한 번의 클릭으로 픽셀 단위의 정확한 아트웍 제작

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

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

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


Adobe Stock 기고자

alekseyvanin

2019년 9월 4일

Illustrator에서 튜토리얼 경험해 보기

벡터를 사용하여 일러스트레이션 및 기타 그래픽을 제작하세요.