텍스트 추가

프레임은 InDesign CC에서 레이아웃의 기초입니다. 프레임은 이미지와 텍스트를 포함하고, 여기와 같이 비어 있는 요소로 색상 채우기가 되어 있는 것도 있습니다. 이 비디오에서는 InDesign CC에서 제공하는 다양한 유형의 프레임과 프레임을 만드는 툴을 살펴보겠습니다. 이 튜토리얼을 따라 하려면 함께 제공되는 실습용 파일을 엽니다. 전체 페이지를 보기 위해 보기 메뉴에서 창에 페이지 맞추기를 선택합니다. 디자인에 텍스트를 추가하거나 이미지를 가져오려면 이들 요소를 담을 프레임을 만들거나 InDesign CC에서 텍스트 또는 이미지를 가져올 때 프레임이 자동 생성되게 합니다. 먼저 몇 개의 서로 다른 유형의 프레임을 만들어 보죠. 페이지 왼쪽 회색 영역에서 프레임을 만들겠습니다. 페이지 왼쪽에 이 회색 영역이 표시되어 있지 않으면 보기 메뉴에서 축소를 선택하는데, 필요한 경우 몇 번 더 선택합니다. 텍스트를 추가하려면 텍스트 프레임을 만들어야 하는데 왼쪽에 있는 툴 패널에서 문자 툴을 선택한 다음 누르고 드래그하여 텍스트 영역을 만듭니다. 텍스트 프레임을 그린 다음 프레임 안에 커서가 표시되면 텍스트를 추가할 수 있습니다. 툴 패널에 있는 프레임 툴은 자리 표시자 프레임을 만드는 데 사용되는데 이러한 프레임은 사진이나 로고 등의 그래픽용입니다. 직사각형 프레임 툴을 길게 누르면 세 개의 프레임 모양이 표시됩니다. 이러한 툴로 그리는 프레임에는 중간에 X 표시가 있는데 이느 그래픽이 배치되는 곳을 나타냅니다. 툴 패널의 프레임 툴 아래에 있는 모양 툴은 그래픽 요소로 사용할 모양을 만드는 데 색상으로 채운 모양같은 겁니다. 텍스트나 그래픽을 포함하지 않아 할당 안 된 프레임이라고 하지만 나중에 텍스트나 그래픽을 추가할 수 있습니다. 이러한 드로잉 툴을 사용하여 빈 자리 표시자 모양을 그린 다음 나중에 이러한 프레임에 삽입할 수 있습니다. 또한 프레임의 내용은 언제든지 원하는 대로 변경할 수 있습니다. 텍스트 프레임에 텍스트가 아닌 이미지를 추가할 수 있죠. 전체 페이지를 보기 위해 보기 메뉴에서 창에 페이지 맞추기를 선택합니다. 왼쪽에 있는 툴 패널의 선택 툴을 선택한 다음 이 색상 상자를 클릭해 선택합니다. 모든 프레임은 가장자리에 8개의 핸들이 있습니다. 크기를 제어하고 회전하는 데 사용되죠. 포인터를 이 프레임 핸들의 중간 아래로 가져간 다음 위로 드래그하여 줄일 수 있습니다. 선택한 프레임에는 색칠된 상자가 있습니다. 이 상자는 프레임을 다른 프레임에 고정시키는 데 사용하고 이 상자는 모서리 반경을 변경하여 모서리를 둥글게 만드는데 사용합니다. 여기 이 텍스트 단락을 클릭하여 선택해 프레임을 선택합니다. 텍스트를 넣을 프레임인지는 8개의 핸들 외에도 왼쪽 상단과 오른쪽 하단 모서리에 추가된 작은 상자의 유무로 알 수 있습니다. 왼쪽 상단 모서리에 있는 상자는 인 포트, 오른쪽 하단 모서리에 있는 상자는 아웃 포트입니다. 이 포트는 프레임을 서로 연결시켜 한 프레임에서 다른 하나로 텍스트가 흐르게 합니다. 배경에 있는 이미지를 클릭하여 선택합니다. 그래픽을 프레임 안에 놓고 자를 수도 있고 프레임으로 마스크를 지정할 수도 있고 크기도 변경할 수 있습니다. 이미지를 선택 해제하려면 편집 메뉴에서 모두 선택 해제를 선택합니다. 프레임의 개념과 프레임의 사용법을 이해하는 것은 InDesign CC 문서에 내용을 추가하기 위한 첫 번째 작업입니다. 튜토리얼 시리즈를 모두 완료하면 텍스트 및 그래픽과 같은 콘텐츠를 추가하고 프레임을 만들고 편집하는 작업을 수월하게 할 수 있습니다.

이 비디오에서는 문자 툴을 사용해 엽서 또는 보유한 파일에 텍스트를 추가하고 간단한 텍스트 서식을 지정해 보겠습니다. 먼저 문자 툴을 사용해 텍스트 프레임을 그리고 텍스트를 입력해 보죠. 우선 왼쪽 툴 패널에서 문자 툴을 선택하고 문서로 와서 누르고 드래그하여 텍스트 영역을 만드는데 곧 텍스트 프레임이죠. 텍스트 프레임을 그리면 텍스트 프레임 안에 커서가 생깁니다. 대문자로 DESIGN TALKS를 입력합니다. 다른 프로그램에서 만든 텍스트가 있을 경우 몇 가지 방법으로 해당 텍스트를InDesign CC 문서로 가져올 수 있습니다. 복사하여 붙여넣기는 물론 파일 메뉴에서 가져오기를 선택하여 Word doc, RTF 또는 다른 파일 형식을 가져올 수 있죠. 삽입할 텍스트를 정하지 않은 경우라도 자리 표시자 텍스트로 프레임을 채울 수 있는데 문자 메뉴에서 자리표시자 텍스트로 채우기를 선택합니다. 텍스트가 만들어지면 이 텍스트를 원하는 위치로 옮기려면 텍스트 프레임을 드래그하면 됩니다. 왼쪽 툴 패널에서 선택 툴을 선택하고 포인터를 텍스트 위로 가져가서 드래그하여 이 주황색 선의 왼쪽 가장자리에 맞춥니다. 포인터가 흰색으로 바뀌고 프레임 왼쪽 가장자리에 녹색선이 표시되는데 이 선과 정렬되었음을 나타냅니다. 녹색선은 고급 안내선으로 콘텐츠 정렬에 매우 유용합니다. 고급 안내선은 기본적으로 켜져 있으며 이것을 끄려면 보기 메뉴에서 격자 및 안내선, 고급 안내선을 선택합니다. 이 체크 표시는 이미 사용 중임을 나타냅니다. Esc 키를 눌러 이 메뉴를 닫습니다. 텍스트 프레임의 오른쪽 하단 모서리를 클릭하고 드래그한 다음 프레임 너비가 너무 좁아졌을 때 마우스 버튼을 놓으면 텍스트 감싸기가 적용됩니다. 텍스트에 맞지 않게 텍스트 프레임을 너무 작게 드래그한 경우에는 오른쪽 하단 모서리에 빨간색 +가 표시되어 텍스트가 넘침을 나타내는데 이것을 오버셋 텍스트라고 합니다. 모든 텍스트가 표시되도록 이 같은 모서리 포인트를 드래그하여 프레임을 더 크게 만들어 오른쪽 가장자리를 이처럼 이 아래 선의 오른쪽 끝에 스냅합니다. 이제 텍스트 서식을 몇 가지 변경해 보겠습니다. 먼저 프레임에 있는 텍스트를 선택합니다. 포인터를 텍스트 위로 가져가 두 번 클릭하면 문자 툴로 전환되어 커서가 텍스트 안에 표시됩니다. 이제 텍스트 전체로 드래그하여 선택합니다. 이때 주의가 필요한데 포인터를 주목하십시오. 포인터가 텍스트 위에 있으면 아이빔처럼 표시되는데 이때 텍스트 전체를 드래그하여 선택합니다. 포인터를 텍스트 프레임에서 멀리,즉 텍스트 프레임 밖으로 가져가면 포인터 모양이 바뀌는데 이 포인터가 표시될 때 드래그하면 새 텍스트 프레임이 만들어지기 때문이죠. 텍스트 프레임 안에서 포인터로 텍스트를 드래그하여 선택하고 문서 오른쪽에 있는 속성 패널에서 텍스트 서식 옵션을 확인합니다. 글꼴 크기 옵션에서 필드 값을 선택합니다. 29pt를 입력하고 Return 또는 Enter를 누르면 적용되죠. 텍스트가 텍스트 프레임에 맞지 않으면 즉, 텍스트 프레임의 오른쪽 아래 모서리에 빨간색 +가 표시되면 속성 패널에서 더 작은 글꼴값을 입력합니다. 텍스트의 가독성을 높이기 위해 텍스트 색상을 변경하려면 문서의 오른쪽에 있는 속성 패널에서 채우기 색상을 클릭하고 상단에 있는 견본 옵션을 선택합니다. 이 옵션은 일련의 기본 색상을 보여주며 견본이라는 문서에 저장되어 있습니다. 흰색으로 사용될 수 있는 [용지]를 선택합니다. Esc를 눌러 이 패널을 숨깁니다. 텍스트를 선택 해제하려면 편집 메뉴에서 모두 선택 해제를 선택합니다. 사용 방법을 이해하셨다면 어떤 프로젝트라도 텍스트를 넣을 수 있을 겁니다. 브로셔의 설명 텍스트나 카탈로그의 카피 문구 등이죠. 또한 글꼴 크기나 색상 등 간단한 서식 변경도 가능합니다.

텍스트를 열에 표시할 수 있는 한 벙법은 텍스트 프레임 옵션으로 프레임을 편집하는 것입니다. 이 튜토리얼과 함께 제공되는 실습용 파일을 다운로드하거나 보유한 파일을 열어 텍스트를 생성하고 두 개의 열로 나누어보죠. 먼저 문자 툴로 여러 행의 텍스트를 추가하겠습니다. 툴 패널에서 문자 툴을 선택합니다. 문서에 있는 이 선 아래 왼쪽부터 오른쪽으로 드래그하여 이 선의 너비와 동일한 텍스트 프레임을 만듭니다. 녹색의 고급 안내선이 나타나면 텍스트 프레임이 이 선의 너비와 일치하는 것입니다. 새로운 텍스트 프레임에 커서를 놓고 Every Tuesday를 입력합니다. Return 또는 Enter 키를 눌러 새 단락을 만들고 6-8 pm을 입력한 다음 Return 또는 Enter를 누르고 Art Café를 입력한 다음 Enter 또는 Return를 누르고 마지막으로 San Francisco를 입력합니다. 텍스트가 읽기에 조금 어려울 수 있는데 색상을 바꾸면 가독성이 향상됩니다. 툴 패널에서 선택 툴을 선택하면 텍스트 프레임이 선택됩니다. 텍스트 프레임이 입력된 텍스트 길이보다 더 긴데요. 페이지에서 수많은 개체가 있을 경우 콘텐츠를 손쉽게 선택하기 위해서는 프레임은 최대한 작은 것이 좋습니다. 텍스트 프레임을 텍스트 길에에 맞추려면 프레임에 있는 점을 두 번 클릭하는데 텍스트 프레임 아래 가운데 점을 두 번 클릭합니다. 텍스트 프레임이 너무 작아 텍스트에 맞지 않으면 아래쪽 가운데 점을 두 번 클릭하여 모든 텍스트를 표시합니다. 이처럼 프레임이 텍스트보다 긴 경우에는 프레임이 텍스트의 길이에 맞춰집니다. 이제 이 텍스트 프레임을 복수의 열로 나누어 이 아이콘을 중심으로 맞춰 보겠습니다. 텍스트 프레임이 선택된 상태에서 개체 메뉴에서 텍스트 프레임 옵션을 선택하면 다양한 텍스트 프레임 옵션이 표시되는 대화 상자가 나타나는데 프레임을 여러 개의 열로 분할하거나 프레임에서 텍스트 인세트 간격을 설정하는 옵션 등 다양한 옵션이 있죠. 열 수를 2로 변경합니다. 미리 보기를 선택하면 문서의 변경 사항을 확인할 수 있습니다. 대화 상자를 옆으로 드래그해야 하는 경우 상단에 있는 제목 막대로 드래그합니다. 열 안의 텍스트가 시각적 균형을 이루게 하는 경우 텍스트 추가하거나 삭제 시 프레임의 길이를 변경하지 않아도 됩니다. 열 균형 맞춤을 선택하면 되죠. 마지막으로 텍스트 열 사이의 간격을 넓히려면 두 열 간의 거리, 즉 간격을 조정합니다. 열 간격 값을 0.75인치로 변경하려면 위쪽 화살표를 여러 번 클릭합니다. 변경 사항을 적용하기 위해 확인을 클릭합니다. 문자 툴로 전환하기 위해 텍스트를 두 번 클릭합니다. 프레임의 모든 텍스트를 선택하기 위해 편집 메뉴에서 모두 선택을 선택합니다. 문서의 오른쪽에 있는 속성 패널에서 몇 가지 텍스트 서식을 변경해 보죠. 글꼴 크기를 변경하기 위해 글꼴 크기 메뉴에서 8pt나 다른 크기를 선택해 San Francisco 글자가 나눠지지 않게 합니다. 텍스트 색상을 변경하려면 속성 패널에서 채우기 색상을 클릭하고 견본 옵션을 선택한 다음 사용할 수 있는 일련의 기본 색상을 표시하고 흰색으로 사용되는 [용지]를 선택합니다. Esc 키를 눌러 색상 메뉴를 닫습니다. 디자인에서 텍스트를 옮기려면 툴 패널에서 선택 툴을 선택하고 텍스트가 아이콘 중앙에 오도록 드래그합니다. 최종 텍스트를 선택 해제하려면 편집 메뉴에서 모두 선택 해제를 선택합니다. 한 방법으로 텍스트 프레임을 텍스트에 맞추고 텍스트 프레임을 두 개의 열로 나눠봤습니다. 이 튜토리얼을 모두 완료하면 텍스트 프레임을 원하는 크기로 만들고 필요한 곳에 텍스트 열을 쉽게 만들 수 있습니다.

InDesign CC에서는 텍스트를 작성하는 것은 물론 외부 프로그램에서 만든 텍스트를 붙여넣거나 Microsoft Word 문서, RTF 파일, 일반 텍스트 파일 등의 텍스트 파일을 가져올 수 있습니다. 이 이력서 문서의 경우 나머지 텍스트를 포함하는 Microsoft Word 문서를 가져올 수 있습니다. 이 튜토리얼을 따라 하려면 이 튜토리얼용 실습용 파일을 다운로드하여 이 파일을 엽니다. 외부 소스에서 텍스트를 가져오는 경우 가져오기 명령을 사용하는데 기존 텍스트 프레임에 텍스트를 배치하거나 텍스트 배치 시 자동 텍스트 프레임이 생성되게 할 수 있죠. 아무것도 선택되지 않게 하려면 편집 메뉴에서 모두 선택 해제를 선택합니다. 텍스트를 가져올 때 InDesign CC 문서에서 프레임이 선택되면 이 콘텐츠가 가져온 텍스트로 대체됩니다. 파일을 가져오려면 파일 메뉴에서 가져오기를 선택하고 이 튜토리얼과 함께 제공된 실습용 파일 중에서 Import_text Word 문서를 선택합니다. 열기를 클릭하기 전에 Mac의 경우 옵션 버튼을 클릭하고 가져오기 옵션 표시를 선택합니다. Windows의 경우 가져오기 옵션 표시를 선택하고 열기를 클릭합니다. 대화 상자가 표시되고 텍스트를 가져오는 방법에 대한 옵션을 변경할 수 있는데, 목차를 포함 또는 제거할지, 글꼴 및 글꼴 크기 등의 텍스트 서식을 제거할 것인지의 옵션을 변경할 수 있죠. 기본값으로, Word 문서 등의 특정 문서에 있는 텍스트를 서식이 유지되도록 설정되어 있습니다. 텍스트 문서의 유형에 따라 변경할 수 있는 옵션이 다릅니다. 기본 설정 값으로 남겨두고 확인을 클릭합니다. 이때 텍스트 프레임이 선택되어 있으면 텍스트가 이 텍스트 프레임에 배치됩니다. 아무것도 선택되지 않았으므로 아이콘에 텍스트가 로딩된 채 표시됩니다. 이때 아이콘을 클릭하여 InDesign CC에서 텍스트 프레임이 생성되게 하거나 텍스트 프레임을 그립니다. 여기에서부터 클릭 후 드래그하여 이 크기로 프레임을 생성하면 방금 그린 프레임으로 텍스트가 들어옵니다. Education 제목을 왼쪽에 있는 아이콘과 나란하게 맞추려면 몇 가지 방법을 사용할 수 있는데요. 이 경우 이 단락 뒤 간격을 추가하는 텍스트 서식을 적용할 수 있습니다. 왼쪽 툴 패널에 있는 문자 툴을 선택하여 Education 제목 위 단락을 클릭합니다. 문서의 오른쪽에 있는 속성 패널에서 단락 섹션을 보면 텍스트 정렬 등 텍스트의 기본 서식이 있습니다. 옵션을 더 보려면 단락 섹션에서 기타 옵션을 클릭합니다. 속성 패널의 단락 섹션에 있는 서식은 선택한 텍스트의 단락에 적용됩니다. 패널에 표시되어 있는 서식이 단락에 커서가 놓여 있기만 해도 단락 전체에 적용됩니다. 이후 공백을 주기 위해 위쪽 화살표를 클릭하여 단락 뒤에 오는 간격을 늘립니다. 이후 공백 또는 이전 공백은 단락 간의 간격을 조정할 수 있는 유용한 방법인데 간격의 정도를 정확하게 제어할 수 있기 때문입니다. 단락 끝에 커서를 두고 Return 또는 Enter를 눌러 단락을 추가하거나 줄을 바꾸는 경우 근본적으로 이 간격을 제어하는 것이 아닙니다. Education 제목이 왼쪽 아이콘과 정렬되는 시점에서 화살표 클릭을 멈추고 텍스트를 선택 해제하기 위해 편집 메뉴에서 모두 선택 해제를 선택합니다. 모든 프레임, 가장자리, 안내선이 없는 상태로 디자인을 보려면 왼쪽 툴 패널의 맨 아래쪽에서 화면 모드 버튼을 클릭하고 잠시 눌러 미리 보기를 선택하는데 디자인을 한 눈에 확인할 수 있는 좋은 방법입니다. 화면 모드 버튼을 다시 길게 누른 상태에서 표준을 선택합니다. 커서가 텍스트에 놓여있지 않은 상태에서 글자 W를 눌러도 표준과 미리 보기 모드를 전환할 수 있습니다. Microsoft Word 프로그램에서 만든 텍스트 가져오기 방법을 익혔으므로 어떤 유형의 텍스트 문서라도 배치할 수 있습니다. 다른 사람과 협업할 때 매우 유용한 방법입니다.

InDesign CC에서 작업할 때 많은 텍스트를 가져와 다음 페이지로 흐르게 해야 하거나 한 영역에 텍스트가 너무 많아 다른 영역으로 옮겨야 하는데 방법은 스레드로 프레임을 연결하여 텍스트를 흘려보내는 것입니다. 이 튜토리얼과 함께 제공된 실습용 파일에서 이 프레임의 오버셋 텍스트나 텍스트 프레임에 맞지 않아 오른쪽까지 연장되는 텍스트를 다뤄보죠. 텍스트 프레임을 선택하기 위해 왼쪽 툴 패널에서 선택 툴을 선택하고 텍스트 프레임을 클릭하여 선택합니다. 오른쪽 하단 모서리의 빨간색 + 표시는 프레임에 넘치는 텍스트를 나타내는데 프레임에 맞지 않는 텍스트를 오버셋 텍스트라고 합니다. 이 + 표시는 텍스트 프레임의 아웃 포트라고 하는데 왼쪽 상단 모서리 프레임의 인 포트 또는 오른쪽 하단의 아웃 포트를 사용해 프레임을 연결하거나 스레드하면 텍스트가 한 프레임에서 다른 프레임으로 흐르게 됩니다. 빨간색 +를 클릭하고 마우스 버튼을 놓고 포인터를 이쪽으로 옮기면 텍스트가 로딩된 커서가 표시되고 나머지 텍스트, 즉 오버셋 텍스트를 포함한 상태죠. 기존 텍스트 프레임에 텍스트가 로딩된 커서를 놓고 클릭하면 텍스트가 프레임에 흐르거나 새로운 텍스트 프레임이 만들어집니다. 여기 위쪽으로 포인터를 놓고 누르고 드래그하여 텍스트 프레임을 이 크기 정도로 만듭니다. 이렇게 스레드 또는 연결하는 프레임은 동일한 페이지나 다른 페이지에도 놓을 수 있습니다. 새로운 프레임을 선택하면 인 포트에 작은 상자가 있고 이 안을 보면 화살표가 있습니다. 이 화살표는 텍스트가 다른 곳에서 이 프레임으로 흘러왔음을 나타냅니다. 텍스트의 흐름을 보기 위해 텍스트 스레드를 표시할 수 있는데, 보기 메뉴에서 기타, 텍스트 스레드 표시를 선택합니다. 스레드된 텍스트 프레임을 선택하면 프레임을 연결하는 선이 표시됩니다. 이 텍스트는 이 텍스트 프레임에서 나와 이 프레임 아웃 포트에서 다른 텍스트 프레임의 인 포트로 스레딩됩니다. 이 모든 스레드된 텍스트를 InDesign CC에서 스토리라고 합니다. 이제 왼쪽에 있는 프레임을 클릭하여 선택하고 중간 아래에 있는 지점을 드래그하여 놓습니다. 충분히 길게 드래그하면 텍스트 일부가 왼쪽 텍스트 프레임으로 옮겨져 더 많은 텍스트를 표시하게 되죠. 동일한 지점을 위로 다시 드래그하여 텍스트가 이렇게 표시되게 합니다. 스레드된 텍스트 프레임을 선택하여 삭제하면 사실상 텍스트는 삭제되지 않고 남아있는 텍스트 프레임으로 옮겨집니다. 해당 프레임이 맞지 않으면 오버셋 텍스트로 표시됩니다. 제목 Education이 왼쪽의 아이콘과 나란하지 않습니다. 이 문제를 해결하는 방법은 다양한데 나머지 텍스트와 제목 Education을 다른 텍스트 프레임에 넣어 옮기는 방법을 사용해 보겠습니다. 이 텍스트를 클릭해 프레임을 선택하고 중간 하단 점을 위로 드래그하여 Education 제목과 뒤에 오는 나머지 텍스트를 숨깁니다. 아웃 포트인 빨간색 +를 클릭하고 마우스를 놓고 포인터를 다른 쪽으로 옮기고 드래그하여 새 텍스트 프레임을 만듭니다. 스레드로 연결된 세 개의 프레임이 보이는데 개별적으로 움직일 수도 있습니다. 텍스트를 선택 해제하기 위해 편집 메뉴에서 모두 선택 해제를 선택합니다. 지금까지 텍스트 프레임을 스레드로 연결하여 텍스트를 흐르게 하는 방법을 살펴봤습니다. 스레딩은 텍스트 흐름을 제어하는 좋은 방법으로 텍스트가 많은 긴 문서에서 매우 유용합니다.