이 튜토리얼에서는 텍스트 기반의 레이아웃 목업을 만드는 방법을 살펴보고 텍스트 서식과 패스 상의 문자를 추가하는 다양한 방식을 다뤄보겠습니다.
시작해보죠.
텍스트를 추가할 문서를 열고 먼저 한 줄의 텍스트를 추가해보죠.
툴바에서 문자 툴을 선택하고 탭하면 다른 내용으로 바꿔 넣을 수 있는 한 줄의 자리표시자가 생기고 우측에 속성 패널이 열리므로 다양한 텍스트 서식을 설정할 수 있습니다.
텍스트를 선택하고 키보드를 표시하거나 실제 키보드를 사용할 수 있는데요.
공통적인 작업에서 키보드 아이콘을 누릅니다.
텍스트를 변경해보죠.
계속해서 입력하면 텍스트가 오른쪽으로 입력됩니다.
완료되면 텍스트 바깥 영역을 누릅니다.
화면을 눌러 텍스트를 추가하면 점 문자가 되므로 핸들 중 하나를 바깥쪽으로 드래그하면 크기가 조정됩니다.
점 문자는 보면서 조정해야 하는 제목과 같은 글자에 유용합니다.
텍스트 색상을 변경해보죠.
툴바에서 칠을 누르고 흰색과 같이 원하는 색상을 선택합니다.
칠을 눌러 패널을 숨깁니다.
공통적인 작업 막대에서 공통 서식 옵션이 다양하게 제공되는데요.
예를 들어 크기를 변경하려면 크기 아이콘을 누르고 슬라이더를 드래그합니다.
다른 곳을 누르면 옵션을 다시 볼 수 있죠.
팁을 알려드리자면, 각 아이콘을 스크러빙하면 설정을 변경할 수 있습니다.
이렇게요.
우측에서 속성을 보면 다양한 서식 옵션이 있는데요.
예를 들어 글꼴을 변경하려면 글꼴 모음을 누릅니다.
상단에서 글꼴을 검색하거나 최근 글꼴 목록을 확인하거나 보유한 글꼴을 불러오거나 하단에서 기타 글꼴을 찾아볼 수 있습니다.
기타 글꼴을 눌러 목록을 표시해 보면 이 글꼴들은 태그별로 정렬되어 있는데요.
범주를 누르고 글꼴 하나를 눌러 적용해 보죠.
기본 서식 설정으로 돌아가려면 상단의 화살표를 몇 번 누릅니다.
패널에 다양한 서식 옵션이 있는데요.
HV 크기 조정을 눌러 텍스트 크기를 조정해 보세요.
이곳을 누르면 패널이 닫힙니다.
패스에 이 텍스트를 추가할 것이므로 아래로 내리겠습니다.
텍스트를 더 만들어보죠.
이번에는 몇 줄의 단락 텍스트를 만들 텐데요.
두 손가락을 빠르게 집어 윈도우에 아트보드를 맞춥니다.
문자 툴을 선택하고 드래그하여 텍스트 상자를 만들어 자리표시자 텍스트로 채우고 놓습니다.
이를 영역 문자라고 합니다.
텍스트 프레임의 핸들 중 하나를 드래그하면 텍스트의 크기가 조정되지 않고 안에서 흐릅니다.
텍스트를 편집하려면 공통적인 작업에서 키보드를 누른 다음 텍스트를 입력합니다.
입력을 중단하려면 다른 곳을 누릅니다.
텍스트가 프레임에 맞지 않으면 하단에 빨간색 점이 표시되는데요.
이 빨간색 점을 두 번 누르면 모든 텍스트가 표시되죠.
이 삼각형은 세로로 확대 또는 축소되어 텍스트를 자동으로 맞춘다는 뜻입니다.
텍스트의 크기를 조정하려면 공통적인 작업에서 글꼴 크기 아이콘을 드래그합니다.
텍스트 프레임의 크기를 조정하여 텍스트 흐름을 적절하게 유지한 다음 원하는 위치로 드래그합니다.
속성 패널에서 새 글꼴을 적용해도 됩니다.
줄 간격 조정은 해당 아이콘을 공통적인 작업에서 드래그해서 할 수도 있죠.
끝으로, 색상을 변경하려면 툴바에서 칠을 누르고 색상을 선택합니다.
마지막으로 추가할 내용은 날짜인데요.
이번에는 문자 툴로 텍스트를 추가하면서 크기를 조정해보죠.
캠페인을 빠르게 만들 때 유용합니다.
문자 툴을 선택하고 드래그하는데 한 줄의 자리표시자 텍스트가 표시될 때까지 합니다.
놓지 않은 상태에서 터치 단축키를 누르고 계속 드래그하면 텍스트의 크기가 조정됩니다.
손가락 또는 Apple Pencil을 놓은 다음 터치 단축키를 놓습니다.
누르지 않고 드래그해도 점 문자가 만들어졌는데요.
그러면 핸들로 텍스트 크기를 조정할 수 있죠.
텍스트를 변경하기 위해 두 번 눌러 선택합니다.
공통적인 작업에서 키보드를 누르는 것과는 다른 방식이죠.
텍스트를 추가한 다음 다른 곳을 눌러 입력을 멈춥니다.
몇 줄의 텍스트로 만들어야 하는데요.
Return을 눌러도 되고 점 문자를 영역 문자로 변환해도 됩니다.
텍스트 상자의 크기를 조정하면 텍스트가 안에서 흐릅니다.
속성 패널에서 영역 문자를 눌러 변환하겠습니다.
공통적인 작업에서 해당 아이콘을 밀어 글꼴 크기를 변경해 보죠.
상자 핸들을 드래그하여 텍스트가 이렇게 흐르도록 합니다.
색상을 변경하려면 툴바에서 칠을 누르고 색상을 선택합니다.
모든 요소를 한눈에 보기 위해 두 손가락을 빠르게 집고 원하는 위치로 드래그합니다.
마지막으로 패스에 텍스트를 추가하여 곡선 모양으로 만들어보죠.
패스가 있어야 하는데요.
드로잉 툴 중 하나로 여기 바깥쪽에 그리면 됩니다.
선택 툴을 선택하고 텍스트와 패스를 드래그하여 모두 선택합니다.
작업 막대에서 문자 옵션을 누른 다음 패스 상의 문자를 선택하면 텍스트가 패스를 따라 흐릅니다.
속성 패널에서 몇 가지 옵션을 조정할 수 있는데 뒤집기와 비슷합니다.
이전보다 낫습니다.
패스에 배치하는 방식과 모양새도 선택할 수 있죠.
패스에 텍스트를 적절하게 배치하려면 이 핸들을 드래그합니다.
텍스트를 편집하려면 두 번 누르거나 이 아이콘을 눌러 텍스트가 아닌 패스를 편집합니다.
이와 같이 다양한 툴과 서식 옵션을 사용하여 텍스트 기반의 레이아웃 목업을 간편하게 만들 수 있습니다.
프로젝트에 텍스트를 추가해야 하는 경우 앞서 배운 몇 가지 툴과 기법을 활용해 보시기 바랍니다.
