콘텐츠 편집

InDesign에서 프레임은 페이지 레이아웃의 필수 요소입니다. 프레임은 그래픽과 텍스트를 넣는 용도지만 그래픽 요소로 사용할 수 있죠. 이 비디오에서는 프레임 툴을 이용해 프레임을 만들고 모퉁이를 둥글려 채우기 색상을 적용하는 방법을 살펴보겠습니다. 이 튜토리얼을 따라 하려면 이 튜토리얼과 함께 제공된 실습용 파일을 다운로드하여 이 파일을 엽니다. 여러 유형의 모양의 툴 메뉴를 표시하기 위해 왼쪽 툴 패널에서 사각형 툴을 길게 누릅니다. 이러한 툴은 비할당 프레임, 즉 그래픽 디자인 요소가 되는 프레임을 만드는 데 효과적인데, 가독성을 위해 텍스트 뒤에 배치하는 색상 상자같은 거죠. 프레임을 만들고 나중에 마음이 바뀌어 변경하려면 즉, 텍스트나 그래픽을 추가하려면 언제든지 텍스트나 그래픽을 추가할 수 있습니다. 사각형 툴을 선택하고 페이지로 이동한 다음 프레임을 만들어 색상을 칠하고 이 텍스트 뒤에 배치해 보죠. 여기부터 시작해 누르고 드래그하여 프레임을 만듭니다. 모든 프레임에서 마찬가지로 Shift 키를 누른 상태에서 그리면 비율을 제한할 수 있게 되므로 너비와 높이가 동일해지죠. 프레임이 이 정도 크기가 되면 마우스를 놓습니다. 프레임을 특정 크기로 조정해야 할 때도 있죠. 프레임을 선택한 상태에서 오른쪽의 속성 패널을 보면 다양한 속성이 표시되는데, 예를 들어 문서의 왼쪽 상단 모서리에 비례한 위치, 크기 등입니다. 너비를 변경하려면 W를 클릭하여 폭 필드 값을 선택합니다. 필드 값을 선택하는 방법은 거의 모든 필드에서 유사합니다. 값을 3.3으로 변경한 다음 H를 클릭하여 높이 값을 선택하고 1.6을 입력합니다. Return 또는 Enter를 눌러 변경을 적용합니다. 이제 이러한 툴로 만든 프레임에는 기본적으로 칠이 포함되지 않으므로 채우기 색상을 추가해야 합니다. 속성 패널에서 채우기 색상을 클릭하고 견본 옵션을 선택하여 기본 색상 견본을 표시한 다음 색상을 선택하여 적용합니다. Esc를 눌러 색상 패널을 숨깁니다. 획 또는 테두리에는 색상과 획 두께 또는 크기가 적용되어 있습니다. 모양 툴을 사용해 그린 프레임에는 기본적으로 획이 적용됩니다. 속성 패널에서 획을 제거하기 위해 아래쪽 화살표를 클릭해 획 두께가 0pt가 되게 합니다. 이 프레임을 텍스트 뒤에 배치해보죠. 콘텐츠를 정렬하여 페이지의 스택 순서를 변경할 수 있습니다. 이 모양을 선택한 상태에서 속성 패널의 빠른 작업 섹션에서 배치 버튼을 클릭하고 뒤로 보내기를 선택합니다. 이 모양은 스택 순서에서 차순의 개체인 텍스트 뒤로 보내집니다. 프레임을 제 위치로 옮기기 위해 툴 패널에서 선택 툴을 선택하고 프레임을 드래그하여 텍스트 가운데에 대충 배치합니다. 이제 모양 모퉁이를 둥글게 만들어 보죠. 이 모양을 선택한 상태에서 오른쪽에 있는 노란색 상자를 클릭하여 모퉁이를 조정합니다. 포인터를 노란색 모퉁이에 가져가면 툴팁에 지침 사항이 표시됩니다. 노란색 고정점을 왼쪽으로 드래그하여 모퉁이를 조금 둥글게 만듭니다. 둥근 모퉁이를 제거해야 한다면 노란색 고정점 중 아무거나 모퉁이로 드래그하면 됩니다. 오른쪽의 속성 패널에서도 둥근 모퉁이를 조정할 수 있습니다. 모양에서 모든 값이 정확하거나 같아야 한다면 값을 입력하면 됩니다. 모퉁이 반경을 0.25인치로 변경합니다. 네 개의 모든 모퉁이가 변경됩니다. 또한 이 모퉁이 단어를 클릭하여 모퉁이 옵션 대화 상자를 열 수 있습니다. 모든 설정 동일하게 만들기 옵션을 선택 해제하여 모퉁이 값을 개별적으로 변경합니다. 이 작업은 원치 않으므로 취소를 클릭합니다. 또한 모퉁이 모양 옵션을 클릭하여 모퉁이에 적용되는 효과를 확인할 수 있습니다. 계속하기 전에 둥글게를 다시 선택한 다음 모양 밖을 클릭하여 선택 해제합니다. 지금까지 프레임을 만들어 그래픽 요소로 활용하는 방법을 살펴봤으므로 자신의 레이아웃에서 다른 용도로 사용해 보시기 바랍니다.

InDesign CC에서 프레임을 만든 다음에는 다른 방식으로 프레임을 변형하여 디자인 의도에 맞춰야 합니다. 이 홍보용 자료를 마무리하기 위해 프레임 회전 및 뒤집기를 살펴보고 콘텐츠 잠금, 숨기기 등도 살펴보죠. 이 튜토리얼을 따라 하려면 이 튜토리얼과 함께 제공된 실습용 파일을 엽니다. 콘텐츠에 적용하는 변형은 문서의 오른쪽에 있는 속성 패널과 변형 패널을 통해 제공되는데 이 패널은 창 메뉴의 개체 및 레이아웃, 변형에 있습니다. 속성 패널에서 변형 옵션에 집중해보죠. 선택 툴을 선택한 상태에서 배경 이미지를 클릭하여 선택합니다. 이때 이미지 가운데에 있는 콘텐츠 그래버를 클릭하지 않도록 합니다. 프레임이 아니라 이미지가 선택되기 때문이죠. 속성 패널을 보면 콘텐츠를 변형할 수 있는 옵션이 있습니다. 변형을 위한 옵션을 더 보려면 이 변형 섹션에 있는 기타 옵션을 클릭합니다. 이 상자에 있는 참조점은 각각 선택된 프레임의 지점을 나타냅니다. 예를 들어 이 왼쪽 상단은 프레임의 왼쪽 상단 지점입니다. 이제 가운데를 중심으로 이미지를 뒤집어 보죠. 가운데 점을 클릭하여 선택합니다. 뒤집기, 회전 또는 기타 유형의 변형은 선택한 콘텐츠의 가운데를 중심으로 적용됩니다. 가로로 뒤집기 옵션을 클릭하여 가운데를 중심으로 이미지를 가로로 뒤집습니다. 이제 이 텍스트와 같은 콘텐츠를 회전시키는 방법을 살펴보죠. 이미지 밖을 클릭해 선택 해제한 다음 이 텍스트를 클릭해 선택합니다. 포인터를 텍스트 프레임 모서리쪽 위에 놓으면 회전 화살표가 표시됩니다. 드래그하면 기본적으로 가운데를 중심으로 회전하고 드래그할 때 회전 각도가 표시됩니다. Shift 키를 누른 상태에서 드래그하면 45° 각도로 제한됩니다. 포인터 옆에 있는 레이블에 -90°가 표시되면 마우스 버튼을 먼저 놓은 다음 Shift 키를 놓습니다. 속성 패널에서 텍스트를 회전시킨 다음 변형 섹션의 기타 옵션을 클릭하면 회전 각도가 표시되어 있습니다. 여기에 있는 이 값도 변경할 수 있는데 이 값을 0으로 재설정하면 회전이 제거됩니다. 또한 적용되지 않은 회전 옵션이 표시되어 있죠. 콘텐츠 회전은 시계 방향 또는 시계 반대 방향으로 90° 회전이 가능하기 때문입니다. 위치를 변경하기 위해 텍스트를 이쪽으로 드래그합니다. 이제 텍스트가 원하는 위치에 배치되었으므로 실수로 이동시키거나 선택하지 않도록 위치를 고정시켜보죠. 이 텍스트를 선택한 상태에서 개체 메뉴에서 잠금을 선택합니다. 이제 텍스트 모서리에 잠금 아이콘이 표시되고, 더 이상 텍스트를 선택할 수 없게 됩니다. 나중에 이 텍스트를 다시 선택해 이동시키거나 편집해야 하는 경우 잠금을 풀려면 개체 메뉴에서 스프레드에 모두 잠금 해제를 선택하면 이 페이지에 있는 모든 것의 잠금이 해제됩니다. 이 텍스트 프레임만 잠금 해제하고 싶다면 이 잠금 아이콘을 클릭하기만 해도 이 개체만 해제됩니다. 지금은 그냥 잠금 상태로 두겠습니다. 서로 가까운 많은 페이지 콘텐츠 작업을 할 때 다른 콘텐츠에 집중할 수 있도록 일부 콘텐츠를 일시적으로 숨기면 효율적입니다. 이 텍스트 바로 뒤에 있는 검은색 프레임을 편집해야 하는 경우 이 검은색 프레임을 조금 더 쉽게 선택하려면 이 텍스트를 숨기면 됩니다. 선택 툴을 선택한 다음 텍스트를 클릭해 선택합니다. 숨기기 위해 개체 메뉴에서 숨기기를 선택하여 텍스트를 일시적으로 숨깁니다. 검은색 프레임을 클릭하고 왼쪽 상단 모서리를 중심에서 바깥쪽으로 드래그하여 더 크게 만듭니다. 텍스트를 다시 표시하려면 개체 메뉴에서 스프레드에서 모두 표시를 선택합니다. 지금까지 InDesign CC에서 콘텐츠 변형의 기본 내용을 살펴봤습니다. InDesign CC에서 작업을 많이 할수록 콘텐츠 변형에 사용하는 툴과 방법이 다양하다는 사실을 알 수 있습니다.

InDesign CC에서는 서로 개체를 정렬해야 하거나 정렬된 이미지 행을 만들어야 하거나 페이지 머리글의 모든 콘텐츠를 그룹지어 개체를 하나로 유지해야 할 수 있습니다. 이 홍보용 자료를 완료하기 위해 고급 안내선으로 콘텐츠를 정렬하고 콘텐츠를 그룹지어 그룹으로 작업는 것과 정렬 옵션으로 콘텐츠를 정렬하는 방법을 살펴보죠. 이 튜토리얼을 따라 하려면 이 튜토리얼과 함께 제공된 실습용 파일을 다운로드하여 엽니다. 전체 페이지를 보기 위해 보기 메뉴에서 창에 페이지 맞추기를 선택합니다. 이 부분을 확대하기 위해 왼쪽 툴 패널에서 확대 툴을 선택하고 왼쪽에서 오른쪽으로 드래그하여 합니다. 페이지의 콘텐츠를 이동하면 고급 안내선을 따라 콘텐츠를 정렬할 수 있는데 일시적으로 안내선에 스냅되어 나타나죠. 고급 안내선은 기본적으로 켜져 있으며 아무것도 선택되어 있지 않으면 오른쪽에 있는 속성 패널에서 이 옵션을 확인할 수 있습니다. 고급 안내선의 기능을 살펴보기 위해 먼저 툴 패널에 있는 선택 툴을 선택하고 이 텍스트 프레임을 누르고 오른쪽으로 드래그해보죠. 드래그하면 녹색 가로선이 표시되는데 처음 위치와 일치함을 나타냅니다. 위에 있는 개체의 왼쪽 가장자리와 정렬되면 마우스 버튼을 놓습니다. 텍스트를 이 선과 정렬시키면 이 콘텐츠를 함께 유지하는 데 도움이 되고 하나의 개체로 함께 이동시킬 수 있으므로 그룹으로 묶으면 좋겠죠. 문서의 왼쪽 가장자리부터 시작해 이 콘텐츠 전체를 누르고 드래그하여 선택합니다. 뒤에 있는 이미지도 선택되는데 다른 개체를 제외하고 이미지만 선택 해제하려면 Shift 키를 누른 상태에서 이미지를 클릭하여 선택 항목에서 제외시킵니다. Shif 키를 누른 채 클릭하면 선택 항목에서 콘텐츠를 추가 또는 제거할 수 있죠. 개체를 함께 유지하기 위해 그룹으로 지정해 보죠. 오른쪽의 속성 패널 하단에 있는 그룹 버튼을 클릭합니다. 개체가 그룹화되어 이제는 단일 개체로 간주됩니다. 콘텐츠 밖을 클릭한 다음 아무 곳을 클릭해 그룹을 선택하면 두 개체가 모두 선택되어 주위에 생기는 점선 테두리 상자로 그룹임을 알 수 있습니다. 전체 그룹이 아닌 한 개체만을 선택해야 하는 경우 그룹에서 개체를 해제할 수 있는데 이 그룹 해제 버튼을 클릭합니다. 나중에 다시 그룹을 지정해야 하죠. 다른 방식도 있습니다. 이 빨간선을 두 번 클릭하는 것이죠. 그룹 콘텐츠를 두 번 클릭하면 이 개체만 선택할 수 있습니다. 문서의 오른쪽에 있는 속성 패널에서 획 색상을 클릭하고 [검정]을 선택합니다. Esc를 눌러 이 패널을 숨깁니다. 정렬 옵션으로 콘텐츠 중 일부를 정렬해 보죠. 문서의 왼쪽 가장자리부터 시작해 이 콘텐츠 전체를 드래그하여 선택합니다. 이렇게 드래그하면 뒤에 있는 이미지도 선택되는데 다른 개체를 제외하고 이미지만 선택 해제하려면 Shift 키를 누른 상태에서 이미지를 클릭하여 선택 항목에서 제외시킵니다. 오른쪽의 속성 패널에서 왼쪽 가장자리 정렬을 클릭하면 오른쪽 개체가 맨 왼쪽 개체에 맞춰 정렬됩니다. 여기에서 모든 것을 다시 보기 위해 보기 메뉴에서 창에 페이지 맞추기를 선택합니다. 이제 배경 이미지를 페이지 가운데에 정렬시켜보죠. 이미지를 클릭하여 선택합니다. 속성 패널에서 정렬 대상 메뉴를 클릭하고 페이지에 정렬을 선택하여 이미지가 다른 개체가 아닌 페이지 자체에 정렬되게 합니다. 수평 가운데 정렬 버튼을 클릭하여 페이지의 수평 가운데에 이미지를 정렬시킵니다. 콘텐츠 정렬 및 그룹화를 기본적으로 이해하고 있으면 콘텐츠를 간편하게 구성하고 배치할 수 있습니다. 직접 개체를 그룹으로 지정하고 정렬하여 빠르고 지능적으로 작업해 보시기 바랍니다.

InDesign CC 프로젝트에 콘텐츠를 추가할 때 콘텐츠 정렬을 쉽게 하기 위해 페이지에 인쇄되지 않은 안내선을 만들 수 있습니다. 페이지 가장자리에서 거리를 두고 이 콘텐츠를 정렬하려면 눈금자 안내선을 그리면 됩니다. 이 튜토리얼을 따라 하려면 이 튜토리얼과 함께 제공된 실습용 파일을 다운로드하여 엽니다. 안내선을 만들려면 페이지 눈금자를 표시해야 합니다. 아무것도 선택되어 있지 않으면 속성 패널에서 눈금자 옵션을 클릭합니다. 눈금자는 문서 창의 맨 위쪽과왼쪽 가장자리에 표시되며 처음 설정된 측정 단위를 반영하는데 이 경우 인치로 설정되어 있죠. 측정 단위를 변경하려면 눈금자를 마우스 오른쪽 버튼으로 클릭하여 새로운 단위를 선택하는데 위쪽과 왼쪽 눈금자를 모두 바꿔야 합니다. 눈금자는 콘텐츠의 위치를 시각적으로 확인하는 훌륭한 방법으로 기준은 페이지의 왼쪽 상단 모서리가 됩니다. 가로 및 세로 눈금자에서 0이 모두 이쪽에서 시작됩니다. 가로 안내선을 만들려면 여기 위에 있는 가로 눈금자에서 드래그하면 됩니다. 세로 안내선을 만들려면 왼쪽에 있는 세로 눈금자에서 드래그합니다. 나중에 추가해야 하는 이 콘텐츠와 다른 콘텐츠는 페이지의 오른쪽 가장자리에서 일정한 간격으로 정렬시켜야 하므로 세로 안내선이 필요합니다. 포인터를 세로 눈금자 위에 놓고 누른 다음 문서쪽으로 드래그합니다. 드래그하게 되면 페이지의 왼쪽 가장자리에서 거리를 나타내는 측정 레이블이 표시되는데 이것을 X 값이라고 합니다. 레이블에 약 7이 표시될 때까지 드래그한 다음 놓으면 안내선이 배치됩니다. 선택 툴을 선택한 상태에서 안내선 밖을 클릭하여 선택 해제합니다. 포인터를 안내선으로 가져가 포인터 옆에 작은 상자가 표시되고 안내선을 클릭하여 선택합니다. 안내선은 그리는 개체와 마찬가지로 손쉽게 선택할 수 있을 뿐만 아니라 Backspace 또는 Delete 키를 눌러 삭제할 수 있습니다. 또한 드래그하여 안내선의 위치를 손쉽게 변경할 수도 있고 또는 문서의 오른쪽에 있는 속성 패널에서 값을 입력하거나 선택하여 안내선의 위치를 조정할 수 있습니다. 이 X는 X축 또는 가로축으로 페이지 왼쪽 가장자리와의 거리를 나타냅니다. 이 디자인과 맞추려면 이 안내선은 페이지의 오른쪽 가장자리에서 1인치가 되어야 합니다. 페이지의 왼쪽이 아닌 오른쪽 가장자리에서 측정하려면 눈금자에서 0의 시작 위치를 재설정합니다. 눈금자가 서로 만나는 부분인 두 눈금자의 모서리에서 드래그합니다. 이 지점은 0-0 포인트라고 하고 페이지의 오른쪽 상단 모서리가 됩니다. 포인터가 이제 페이지의 이쪽 가장자리에 스냅됩니다. 이제 가로선 눈금자를 살펴보면 페이지의 오른쪽 가장자리에서부터 눈금자의 0이 시작됩니다. 안내선은 여전히 선택되어 있지만 속성 패널을 보면 X가 음수로 되어 있는데, 0의 시작점에서 왼쪽으로 되어 있기 때문입니다. X 값을 -1인치로 변경하면 페이지 오른쪽 가장자리에서 1인치 떨어진 위치가 되죠. Enter 또는 Return을 누릅니다. 이제 0-0지점을 재설정하여 나중에 측정을 항상 페이지 왼쪽 상단부터 시작되도록 하려면 두 눈금자가 만나는 이 모서리를 두 번 클릭하면 됩니다. 가로 눈금자와 세로 눈금자의 0은 다시 페이지의 왼쪽 상단 모서리에 다시 표시됩니다. 이제 이 콘텐츠를 배치해 보겠습니다. 이 그룹을 오른쪽으로 드래그합니다. 이때 Shift 키를 누른 상태에서 드래그해야 콘텐츠가 똑바르게 드래그됩니다. 콘텐츠의 오른쪽 가장자리가 안내선 가까이 오고 포인터가 흰색 화살표로 바뀌면 마우스와 키를 차례로 놓아 콘텐츠 그룹을 안내선에 스냅시킵니다. 실수로 안내선이 움직이거나 삭제되지 않도록 하려면 일시적으로 잠금을 설정할 수 있습니다. 콘텐츠 밖을 클릭하여 선택 해제하고 오른쪽의 속성 패널에서 안내선 잠그기 옵션을 클릭합니다. 일시적으로 안내선을 숨기려면 안내선 숨기기 옵션을 클릭합니다. 다시 클릭하여 안내선을 표시합니다. 안내선은 콘텐츠를 정렬하는 훌륭한 방법인데 지금까지 이 안내선에 대한 기본 사항을 살펴봤습니다. 이제 새로운 프로젝트에 안내선을 추가할 수 있고 마스터 페이지에도 추가하여 한 번에 여러 페이지에 적용할 수 있습니다. 마스터 페이지는 이 튜토리얼 시리즈 중 여러 페이지 문서를 다룬 비디오에서 만날 수 있습니다.