목차
레이아웃을 디자인하거나 단순히 탐색 메뉴를 조정할 때 각 섹션 사이의 간격이 균일한지 확인하고 싶을 것입니다. 클릭하고 드래그하여 정확한 거리를 알 수 없습니까? 걱정하지 마세요. Adobe Illustrator의 일부 도구와 가이드를 사용할 수 있습니다.
이미 개체 정렬을 시도했을 것입니다. 좋은 출발점입니다! 그러나 정렬은 공간 거리를 변경하지 않고 위치만 변경한다는 점을 기억하십시오. 거의 다 왔습니다. 정렬 패널에서 다른 옵션을 찾기만 하면 됩니다.
이 자습서에서는 Adobe Illustrator에서 개체의 간격을 고르게 지정하는 세 가지 방법을 배웁니다. 세 가지 방법을 사용하여 이와 같은 레이아웃을 만드는 방법을 보여 드리겠습니다.
참고: 이 튜토리얼의 스크린샷은 Adobe Illustrator CC 2022 Mac 버전에서 가져온 것입니다. Windows 또는 다른 버전은 다르게 보일 수 있습니다.
방법 1: 패널 정렬
정렬 패널을 사용하여 몇 번의 클릭만으로 개체를 정렬하고 균등한 간격을 둘 수 있습니다. 개체 사이의 정확한 거리를 원할 경우 놓칠 수 없는 필수 단계가 하나 있습니다. 핵심 개체를 참조로 선택하는 것입니다. 시작하기 전에 문서에 개체를 추가해 보겠습니다.
1단계: 입력 도구(T) 를 사용하여 문서에 텍스트를 추가합니다. 스마트 가이드의 도움을 받아 눈으로 간격을 두고 정렬할 수 있습니다.
나쁘지 않아요! 거리가 꽤 괜찮아 보이지만 프로페셔널하게 만들어 보자실제로 균등한 간격으로 배치되어 있는지 확인합니다.
2단계: 모든 텍스트를 선택하면 정렬 패널이 속성 아래에 표시되어야 합니다. 찾을 수 없는 경우 오버헤드 메뉴 창 > 정렬 에서 패널을 열 수 있습니다.
추가 옵션 (세 개의 점)을 클릭하여 패널을 확장합니다.
패널 하단에 두 개의 Distribute Spacing 옵션이 표시됩니다.
3단계: 공간수평배분 을 선택합니다.
차이점을 보여주기 위해 텍스트를 복제했습니다. 경계 상자 내의 텍스트는 균일한 간격으로 배치됩니다.
빠른 팁: 이미 정확한 거리 값을 염두에 두고 있다면 거리도 입력할 수 있지만 우선 주요 개체를 선택해야 합니다.
예를 들어 정보 를 키 개체로 선택한다고 가정합니다.
정렬 패널에서 주요 개체에 정렬 을 선택합니다.
객체(텍스트) 중 하나가 강조 표시되는 것을 볼 수 있습니다. 키 개체로 설정하려는 개체를 클릭하여 키 개체를 변경할 수 있습니다. 이제 정보 를 클릭합니다.
오브젝트 사이에 원하는 간격(예: 50px)을 입력하고 수평 분포 공간을 클릭합니다.
이 3개의 버튼을 기억하세요 😉
이제 객체 사이의 거리는 50px입니다.
이제 내비게이션 바가 생성되었으니 하위 메뉴로 이동해 보겠습니다.
방법 2:
단계 반복동일한 객체. 개체가 동일하지 않으면 다른 방법을 시도하십시오. 동일한 하위 메뉴 배경(직사각형)을 만들 것이므로 이 방법을 사용할 수 있습니다.
1단계: 사각형 도구(M) 를 사용하여 사각형을 그립니다. 위의 텍스트와 정렬할 수 있습니다.
참고: 개체를 세로로 정렬하면 간격이 가로로 변경될 수 있습니다.
2단계: 옵션 (Windows 사용자의 경우 Alt )을 누른 상태에서 Shift 키, 두 번째 텍스트 아래 오른쪽으로 사각형을 클릭하고 끕니다.
3단계: 키보드 단축키 Command + D ( Ctrl
빠르고 쉽게! 이 방법은 동일한 모양으로 균일한 간격의 패턴을 만들 때 가장 적합합니다.
어쨌든 하위 메뉴 항목을 추가해 보겠습니다. Lorem Ipsum 텍스트를 예로 들어 그리드를 가이드 삼아 어떻게 하는지 보여드리겠습니다.
방법 3: 그리드 사용
개체를 정렬하려면 격자와 안내선을 따라 개체를 균등하게 배치할 수 있습니다. 실제로 스마트 가이드 가 활성화되어 있으면 개체를 드래그할 때 개체 사이의 거리가 표시되지만 그리드를 사용하여 확인하겠습니다.
1단계: 문서에 텍스트를 추가한 후오버헤드 메뉴를 클릭하고 보기 > 그리드 표시 를 선택하여 그리드를 표시합니다.
문서에 격자가 표시되어야 하지만 사각형 위에 격자가 표시되지 않습니다. 직사각형의 불투명도를 낮춥니다.
다음 단계로 이동하기 전에 확대합니다.
2단계: 텍스트 사이에 원하는 거리를 결정합니다. 예를 들어 공간을 그리드의 두 행으로 만들고 싶은 경우입니다. 위의 텍스트에서 텍스트를 두 행 이동합니다.
모든 텍스트 배치가 완료되면 직사각형의 불투명도를 100%로 되돌립니다.
좋아요? 모든 텍스트를 선택하고 다음 범주 열에 복제(방법 2 사용 시도)할 수 있습니다. 나중에 텍스트 내용을 변경할 수 있습니다. 여기서는 레이아웃만 생성합니다.
이제 그리드를 꺼서 어떻게 보이는지 확인할 수 있습니다.
정렬 패널로 돌아가서 항상 올바르게 정렬되고 균등한 간격으로 정렬되었는지 다시 확인할 수 있습니다.
결론
위의 방법을 사용하여 물체의 간격을 고르게 할 수 있으며 만들려는 대상에 따라 어떤 방법이 다른 방법보다 더 편리할 수 있습니다.
간단한 리뷰입니다. 개체가 이미 준비되어 있으면 정렬 패널 방법이 가장 빠른 방법입니다. 균일한 간격의 동일한 개체를 만들려는 경우 단계 반복 방법이 잘 작동합니다.
그리드는 항상 사용하는 것이 좋은 습관이지만여러 개체가 있으므로 하나씩 이동하는 것이 번거로울 수 있습니다.
