디자인에 텍스트 추가

Adobe Illustrator를 사용하면 다양한 프로젝트에 텍스트를 손쉽게 추가하고 강력한 서식 지정 옵션을 이용할 수 있습니다. 그럼 지금부터 문자 툴을 사용하여 한 줄의 텍스트를 추가하고 몇 가지 기본적인 서식 지정 옵션을 적용해 보겠습니다. 따라 하려면 보유한 Illustrator 문서를 열거나 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 이 파일을 열고 문서의 모든 콘텐츠를 보려면 보기 메뉴에서 윈도우에 모두 맞추기를 선택합니다. 먼저 왼쪽에 있는 툴 패널에서 문자 툴을 선택합니다. 오른쪽에 있는 대지의 빈 영역을 클릭하여 텍스트를 추가합니다. 클릭하면 한 줄의 텍스트가 표시되는데 이 텍스트 유형을 점 문자라고 합니다. 보통 포스터의 제목을 만들거나 로고에 텍스트를 추가하는 경우 사용되죠. 이 텍스트는 자리 표시자이므로 내용을 바꿀 수 있습니다. 텍스트를 선택하고 "designs"라고 입력합니다. 텍스트가 잘 보이도록 확대하기 위해 보기 메뉴에서 확대를 여러 번 선택하여 크게 만듭니다. 텍스트 오브젝트를 옮기고 크기를 조정하는 등 다양한 작업이 가능합니다. 왼쪽에 있는 툴 패널에서 선택 툴을 선택하고 텍스트 주위에 있는 상자의 모퉁이를 드래그하면 텍스트와 상자 모두 확장됩니다. 이는 다양한 방식으로 텍스트를 확장하여 로고 모양이나 포스터의 제목을 만들 때 매우 유용할 수 있습니다. 텍스트를 원래 크기로 되돌리려면 편집 메뉴에서 크기 조절 취소를 선택합니다. 텍스트를 계속 입력하려면 "designs" 단어를 두 번 클릭하여 문자 툴로 전환합니다. "designs" 뒤에 한 칸 띄고 "made simple"을 입력합니다. 계속 입력하면 텍스트가 한 줄로 이어지는데 이때 Enter 또는 Return을 누르면 새로운 단락이 만들어집니다. 다시 두 대지를 모두 보려면 보기 메뉴에서 윈도우에 모두 맞추기를 선택합니다. 선택 툴을 선택하고 텍스트 오브젝트가 선택되도록 합니다. 텍스트를 작게 만들려면 문서 오른쪽에 있는 속성 패널에서 글꼴 크기 옵션을 찾습니다. 글꼴 크기 왼쪽에 있는 화살표를 클릭하여 크기를 11pt로 설정합니다. 이제 제자리로 드래그해 보죠. 포인터를 텍스트 위로 가져간 다음 텍스트를 왼쪽에 있는 대지의 오른쪽 하단으로 드래그합니다. 이 텍스트는 검은색인데 배경도 어두우므로 잘 보이도록 텍스트의 칠 색상을 변경해보죠. 속성 패널에서 칠 색상을 클릭하고 견본 옵션을 선택해 보면 문서에 다양한 기본 색상 견본이 포함되어 있습니다. 밝은 녹색을 선택하면 이제 텍스트가 잘 보입니다. Esc를 눌러 색상 패널을 숨긴 다음 텍스트 밖을 클릭하여 선택 해제합니다. 이제 텍스트를 추가하고 서식을 간단하게 편집해봤으므로 직접 Illustrator 프로젝트에서 텍스트를 추가해보시기 바랍니다. 웹 디자인, 아이콘, 로고에 텍스트를 추가할 수 있죠.

이 비디오에서는 문자 툴을 사용하여 텍스트 단락을 추가하고 몇 가지 기본적인 서식 지정 옵션을 적용해 보겠습니다. 따라 하려면 보유한 Illustrator 문서를 열거나 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 이 문서에 텍스트 단락을 추가하기 위해 왼쪽에 있는 툴 패널에서 문자 툴을 선택한 다음 포인터를 오른쪽에 있는 대지의 빈 영역으로 이동하고 클릭하고 드래그하여 텍스트 영역을 만듭니다. 자리 표시자 텍스트가 문자 오브젝트에 표시되고 선택됩니다. 이 텍스트 유형을 영역 문자라고 하며 Adobe InDesign에서 텍스트를 만드는 방법과 유사합니다. Illustrator에서 텍스트의 단락을 만드는 방법이죠. 자리 표시자 텍스트가 선택된 상태에서 텍스트를 입력합니다. 이렇게 입력해 보죠. 'Let us market your business. Quick, simple and elegant designs all made in house by our top designers.' 다른 프로그램에서 생성한 텍스트가 있다면 해당 텍스트를 복사하고 Illustrator로 붙이거나 파일 메뉴에서 가져오기를 선택해 Word 문서, RTF 파일, 텍스트 파일 등을 가져올 수 있습니다. 디자인에서 텍스트를 제 위치에 놓기 위해 왼쪽에 있는 툴 패널에서 선택 툴을 선택하고 텍스트 안을 클릭하고 이 제목 아래로 드래그합니다. 디자인에 맞게 문자 영역의 크기를 조정하기 위해 문자 영역의 모퉁이를 클릭하고 드래그하면 텍스트를 감싸는 문자 영역의 크기가 조정됩니다. 모퉁이를 드래그할 때 문자 영역이 너무 작아지면 빨간색 더하기가 오른쪽 하단에 표시되는데 텍스트가 잘린다는 것을 의미합니다. 일명 넘치는 텍스트죠. 모퉁이를 드래그하여 모든 텍스트가 보이게 합니다. 텍스트를 약간 작게 만들려면 문서의 오른쪽에 있는 속성 패널에서 글꼴 크기 옵션을 찾습니다. 글꼴 크기 왼쪽에 있는 화살표를 클릭하여 크기를 11로 설정한 다음 텍스트 밖을 클릭하여 선택 해제합니다. 이제 실제 프로젝트에 텍스트를 추가해보시기 바랍니다. 브로셔에 설명 문구를 추가하거나 웹 사이트에 카피 문구 또는 패키지 디자인의 콘텐츠에 추가할 수 있습니다.

Adobe Illustrator는 프로젝트에서 텍스트 스타일을 세부적으로 조정하는 다양한 방법을 제공합니다. 이 프로젝트에서 제목 텍스트를 만들고 Adobe Fonts, 크기 및 색상과 같은 서식 지정 옵션을 조정하여 더 멋지게 만들어 보겠습니다. 따라 하려면 보유한 Illustrator 문서를 열거나 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 먼저 프로젝트에 텍스트를 추가해보죠. 왼쪽에 있는 툴 패널에서 문자 툴을 선택하고 문서의 빈 영역을 클릭하고 드래그하여 텍스트 영역을 만듭니다. 'Designs Made Simple'을 입력하여 자리 표시자 텍스트를 교체합니다. 이 텍스트에 서식을 지정해보죠. 크기를 크게 하고 다른 글꼴을 적용하여 다른 스타일을 만들고 몇 가지 옵션을 적용해보겠습니다. 글꼴 및 글꼴 크기와 같은 서식 지정 옵션을 적용하려면 문자 툴을 사용하여 텍스트를 선택하면 됩니다. 한 영역의 모든 텍스트에 동일한 서식을 적용하려면 선택 툴을 사용하여 문자 오브젝트를 선택해야 합니다. 모든 텍스트를 클릭하고 드래그하여 선택합니다. 텍스트에 서식을 적용하기 위한 대부분의 옵션은 오른쪽의 속성 패널에 있습니다. 적용해 볼 수 있는 텍스트 서식 옵션이 다양한데요. 글꼴, 글꼴 크기, 행간 등이 있죠. 텍스트의 글꼴을 변경하기 위해 글꼴 군 메뉴를 클릭하면 선택한 텍스트 'Designs Made Simple'이 샘플 텍스트로 표시되므로 텍스트의 글꼴을 미리 볼 수 있습니다. 시스템에 있는 글꼴 목록 중에서 선택할 수도 있지만 Adobe 글꼴에서 제공되는 수천 개의 글꼴을 검색할 수 있습니다. 메뉴에서 더 찾기를 클릭하여 Adobe 글꼴을 표시합니다. 사용 가능한 글꼴 목록이 다를 수 있지만 상관없습니다. 글꼴 목록은 Creative Cloud 멤버십 유형과 이미 설치된 글꼴에 따라 다릅니다. Adobe는 항상 멤버를 위해 글꼴을 추가하고 있습니다. 특정 속성을 기반으로 글꼴을 정렬하려면 여기를 클릭합니다. 정렬 기준으로 Serif, Sans Serif, 글꼴 크기 등을 사용하여 글꼴을 간편하게 선택할 수 있습니다. Esc를 눌러 이 옵션을 숨깁니다. 글꼴 목록을 스크롤하고 Lato를 찾습니다. 화살표를 클릭하여 글꼴 스타일을 확인한 다음 이름 오른쪽에 있는 아이콘을 클릭하여 시스템에 Lato Black을 동기화합니다. 메시지가 표시되면 확인을 클릭합니다. 글꼴이 시스템에 동기화되었습니다. 동기화한 Adobe Fonts를 필터링하여 확인할 수 있습니다. 글꼴 군 메뉴에서 새로 설치한 글꼴 Lato Black을 확인합니다. 이 글꼴을 클릭하여 텍스트에 적용하고 글꼴 크기를 크게 만들기 위해 속성 패널에 있는 글꼴 크기 메뉴에서 36pt를 선택합니다. 일부 텍스트가 숨겨질 때가 있는데 이 경우 선택 툴을 선택하고 문자 오브젝트의 모퉁이를 드래그하여 모든 텍스트를 표시합니다. 텍스트를 최종 위치로 이동하기 위해 포인터를 텍스트로 가져가 여기로 드래그합니다. 칠 색상을 변경하려면 속성 패널에서 칠 색상을 클릭하고 견본 옵션을 선택한 다음 녹색 견본을 선택합니다. Esc를 눌러 색상 패널을 숨긴 다음 텍스트 밖을 클릭하여 선택 해제합니다. 보시다시피 Illustrator는 다양한 텍스트 서식 옵션을 제공합니다. 로고 문자의 서식을 지정하거나 앱 디자인의 텍스트 스타일을 세부적으로 조정할 수 있습니다. 이제 직접 디자인에 어울리는 텍스트 서식을 지정해보시기 바랍니다.

Adobe Illustrator에는 텍스트에 창의적인 요소를 더할 수 있는 다양한 방법과 툴이 있습니다. 이 비디오에서는 패스에 텍스트를 추가하는 방법을 살펴보겠습니다. 패스 길이에 따라 모양 안이나 밖에 텍스트를 추가할 수 있습니다. 따라 하려면 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 먼저 노란색 원에 텍스트를 추가해보겠습니다. 왼쪽에 있는 툴 패널에서 문자 툴을 선택하고 포인터를 노란색 원의 테두리 위로 가져가면 포인터 옆에 원이 표시됩니다. 클릭하고 입력하면 텍스트가 원 안에 입력된다는 의미인데 이 경우 원하는 것이 아닙니다. Mac의 경우 Option 키, Windows의 경우 Alt 키를 누르고 포인터를 원의 테두리에 놓은 다음 클릭합니다. 그러면 모양의 노란색 칠이 사라지는데 이제 텍스트 오브젝트이기 때문입니다. 대문자로 'BOBBY'S CAMPFIRE'를 입력한 다음 텍스트를 선택하기 위해 클릭하고 드래그하여 텍스트 서식을 적용할 수 있습니다. 문서의 오른쪽에 있는 속성 패널에서 텍스트 크기를 선택하고 20을 입력한 다음 Enter 또는 Return을 눌러 텍스트를 크게 만듭니다. 글꼴 크기를 변경한 다음에는 글꼴 군 메뉴를 클릭하고 다른 글꼴을 선택합니다. Arial Black을 선택해보죠. 이제 텍스트를 회전시켜 원 위에서 좀 더 가운데에 있도록 해보겠습니다. 그러려면 선택 툴을 사용해야 합니다. 선택 툴을 선택하고 포인터를 원 주위에 있는 상자 모퉁이 밖에 놓고 회전 화살표가 표시되면 텍스트가 로고 가운데에 놓일 때까지 드래그한 다음 빈 영역을 클릭하여 텍스트를 선택 해제합니다. 패스에 텍스트를 추가하는 등 텍스트에 창의적인 요소를 가미하는 방법은 다양합니다. 패스에 텍스트를 추가하는 방법을 살펴봤으므로 이제 직접 창의적인 포스터 제목을 만들거나 패스에 텍스트를 추가해 디자인 요소를 만들어 보시기 바랍니다.

Adobe Illustrator에서 문자를 사용하면 창의적인 텍스트를 만들 수 있습니다. 개별 글자를 편집하여 텍스트를 세련된 스타일로 완성할 수 있죠. 이제 텍스트를 윤곽선으로 변환하는 방법을 살펴보겠습니다. 직접 선택 툴을 사용하면 모양을 변경할 수 있습니다. 따라 하려면 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 실습용 파일을 열면 누락된 글꼴 대화 상자가 표시될 가능성이 높은데 Adobe 글꼴이 아트웍에 사용되었기 때문이죠. Adobe 글꼴 라이브러리의 액세스 권한은 Adobe Creative Cloud 멤버십에 포함되어 있습니다. 누락된 글꼴을 해결하기 위해 글꼴 동기화를 클릭하여 Adobe 글꼴을 컴퓨터에 동기화합니다. 글꼴이 동기화되면 닫기를 클릭합니다. 글꼴을 동기화할 수 없는 경우 닫기를 클릭하고 텍스트를 선택한 다음 속성 패널에서 다른 글꼴을 선택합니다. 대지 하단에 있는 텍스트가 만들게 될 최종 결과입니다. 대지 상단에 있는 텍스트를 사용하여 최종 텍스트와 같이 만들어 보죠. 선택 툴을 선택하고 대지 상단에 있는 모든 텍스트를 드래그하여 선택합니다. 이것은 텍스트이므로 글꼴뿐만 아니라 글꼴 크기 등 텍스트 서식 옵션을 변경할 수 있습니다. 텍스트를 모양을 그리는 것처럼 편집하려면 텍스트를 벡터 패스로 변환해야 합니다. 문자 메뉴에서 윤곽선 만들기를 선택합니다. 이제 텍스트가 편집 가능한 모양으로 구성되어 있습니다. 아트웍 밖을 클릭한 다음 'uno' 텍스트 모양을 클릭하여 선택합니다. 아래와 같은 모양으로 'o'를 편집해 보죠. 확대하기 위해 보기 메뉴에서 확대를 선택합니다. 직접 선택 툴을 사용하여 글자 모양의 고정점을 선택한 다음 글자를 변경해 보겠습니다. 먼저 고급 안내선을 활성화하기 위해 보기 메뉴에서 특수 문자 안내선을 선택하면 특수 문자 안내선 옆에 체크 표시됩니다. 고급 안내선은 글자를 변경하는 동안 서로 정렬할 때 유용합니다. 툴 패널에서 직접 선택 툴을 선택하고 'o'의 윗부분을 드래그하기 위해 포인터를 고정점 중 하나로 가져갑니다. 고정점을 선택하면 파란색으로 채워집니다. 위로 드래그하여 'r'의 윗부분에 맞춥니다. 정렬이 맞으면 마젠타 색상의 고급 안내선이 상단 테두리에 표시됩니다. 이제 'numer' 텍스트를 편집하겠습니다. 텍스트를 선택하기 위해 선택 툴을 선택하고 텍스트를 클릭해 편집해 보죠. 텍스트의 윤곽선을 만들면 모양 그룹이 됩니다. 글자를 그룹이 아니라 개별적으로 옮기기 위해 그룹을 해제하려면 그룹 풀기 버튼을 클릭합니다. 이 버튼은 오른쪽의 속성 패널 하단에 있습니다. 글자를 선택 해제하기 위해 빈 영역을 클릭합니다. 이제 글자를 개별적으로 편집할 수 있습니다. 더 이상 그룹의 요소가 아니기 때문이죠. 'u'를 클릭하여 선택하고 아래로 똑바르게 드래그합니다. 원래 위치와 'uno'의 'u'에 정렬되면 마젠타 색의 고급 안내선이 표시됩니다. 'n'을 'u' 바로 위로 드래그합니다. 정렬이 맞으면 고급 안내선이 표시됩니다. 이제 글자 'm'을 편집해보죠. 글자의 아랫부분을 아래로 늘려보겠습니다. 직접 선택 툴을 선택하고 'm'의 아랫부분을 드래그하여 아래에 있는 고정점을 선택합니다. 포인터를 고정점 중 하나에 놓고 아래로 드래그하여 'u'의 아랫부분에 맞춥니다. 혹시 'm' 글자 전체가 이동했다면 편집 메뉴에서 이동 취소를 선택한 다음 고정점을 다시 선택하고 고정점을 아래로 드래그합니다. 최종 아트웍을 보려면 선택 메뉴에서 선택 취소를 선택합니다. Illustrator에서 텍스트를 창의적으로 만드는 방법은 이처럼 글자 형태를 변경하는 것 말고도 다양합니다. 텍스트의 윤곽선을 만들고 모양을 변경하는 방법을 살펴봤으므로 로고에 사용할 창의적인 텍스트나 다른 디자인 요소를 직접 만들어 보십시오.