사용자 가이드
정사각형 로고와 와이드 로고 추가하기
정사각형 마크와 와이드 워드마크를 업로드하고 앱에서 자르기·회전을 적용한 뒤 여러 버전을 보관하며, 각 PDF 템플릿이 어떤 로고를 인쇄하는지 알아봅니다.
대부분의 업체는 로고를 한 가지 이상의 형태로 가지고 있습니다. 원이나 정사각형 안에 들어가는 간결한 마크가 있고, 회사 이름이 함께 풀어져 적힌 더 긴 버전이 있습니다. Invoice Flow는 두 가지를 비즈니스 프로필의 별도 슬롯에 각각 보관하는데, 이는 두 로고가 서로 다른 역할을 하기 때문입니다. 정사각형 마크는 앱 안에서 아바타 역할을 하며 일부 커스텀 PDF 레이아웃에도 인쇄되는 요소이고, 와이드 버전은 12개의 기본 제공 인보이스 템플릿이 헤더에 넣는 로고입니다. 파일이 하나뿐이라도 두 슬롯을 모두 채울 수 있습니다. 자르기 화면에서 와이드 배너에서 정사각형을 잘라내거나, 포스터에서 와이드 스트립을 잘라낼 수 있기 때문입니다.
이 가이드는 메인주 포틀랜드의 소규모 양조장인 Tidewater Brewing Company를 예로 따라갑니다. 오너인 Nora Quinlan은 TB 글자가 들어간 둥근 초록색 배지와 와이드 워드마크를 가지고 있습니다. 그녀는 앱 안에서와 술통 배송에 함께 보내는 트레이드 스타일 인보이스에는 배지를, 레스토랑에 보내는 더 깔끔한 인보이스에는 워드마크를 쓰고 싶어합니다.
프로필의 나머지 항목 설정은 별도 가이드에서 다루며, 이 가이드에서는 로고 행과 그 뒤에 있는 자르기 화면, 그리고 PDF 템플릿이 두 이미지 중 무엇을 선택하는지를 다룹니다.
화면에서 보이는 것
**설정(Settings)**을 열고 상단의 프로필 타일(또는 비즈니스 프로필(Business Profiles), 그다음 프로필)을 탭합니다. 열리는 폼의 제목은 **비즈니스 프로필 수정(Edit Business Profile)**이며, 첫 번째 행이 로고 행입니다. 첫 실행 시에는 온보딩 두 번째 페이지에도 동일한 행이 나타납니다.
이 행에는 두 개의 슬롯이 있습니다.
- 왼쪽에는 정사각형 타일이 있습니다. 그 위에는 v.1 · 1:1이라고 표시된 작은 드롭다운이 있으며, 세 가지 정사각형 버전을 나열합니다. 정사각형 슬롯은 항상 1:1로 잘리며, 권장 크기는 1200×1200px입니다.
- 오른쪽에는 행의 나머지 부분을 차지하는 더 넓은 타일이 있습니다. 기본적으로 드롭다운에는 4:1 · 1200×300 px가 표시되며, 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px, 16:9 · 1920×1080 px의 네 가지 비율을 제공합니다.
빈 타일에는 카메라에 플러스 표시가 된 아이콘과 그 아래 추가(Add) 버튼이 표시됩니다. 슬롯에 이미지가 들어가면 타일은 그 이미지를 실제 비율대로 색이 입혀진 배경 위에 보여주고, 버튼은 **변경(Change)**으로 바뀝니다. 각 드롭다운에서 항목 앞에 채워진 체크 원이 있으면 해당 버전에 이미 이미지가 있다는 뜻이고, 빈 원은 비어 있다는 뜻입니다.
슬롯에 로고를 업로드하는 방법
두 슬롯의 흐름은 동일하며, 자르기 형태만 다릅니다.
- 프로필 편집기에서 빈 타일이나 그 추가 버튼을 탭합니다. 앱은 곧바로 사진 갤러리를 엽니다(로고에는 카메라 옵션이 없으므로, 필요하다면 먼저 사진을 찍어 두세요).
- 이미지를 선택합니다. PNG, JPEG, 또는 레터헤드를 촬영한 스크린샷도 가능합니다. 픽커는 정사각형 슬롯의 경우 한 변 최대 2048px, 와이드 슬롯의 경우 4096px까지 받습니다.
- 이미지 자르기(Crop image) 화면이 열리며, 프레임은 해당 슬롯의 비율로 고정되어 있습니다. 손가락 하나로 드래그해 이미지를 이동하거나 두 손가락으로 확대·축소하고, 아래쪽 버튼을 사용할 수도 있습니다(다음 단락 참고).
- 오른쪽 위의 체크 표시를 탭합니다. 앱이 프레임을 PNG로 렌더링해 프로필 편집기로 돌아가며, 타일에는 잘라낸 이미지가 표시되고 버튼은 변경으로 바뀝니다.
- 맨 아래로 스크롤해 변경 사항 저장(Save Changes)(온보딩 중에는 계속(Continue))을 탭합니다. 저장하기 전까지 로고는 열려 있는 폼 안에만 존재하며, 화면을 벗어나면 버려집니다. 앱은 나가려 할 때 저장되지 않은 변경 사항이 있다고 경고합니다.
같은 파일에서 다른 슬롯도 채우려면, 다른 타일에서 같은 과정을 반복하고 이미지를 다시 선택하면 됩니다. Nora는 정사각형 슬롯에는 배지를, 와이드 슬롯에는 배지와 워드마크가 함께 있는 배너를 선택한 뒤, 배너를 4:1 프레임 안에서 이동시킵니다.
자르기, 회전, 위치 조정 방법
자르기 화면은 검은 배경이며 가운데에 자르기 프레임이 있습니다. 프레임 안에 보이는 모든 것이 로고가 되며, 투명한 영역 뒤로 보이는 밝은 체크무늬도 포함됩니다. 저장되는 이미지는 투명이 아니라 평평한 PNG이기 때문입니다. 얇은 흰색 3분할 가이드선이 텍스트를 가장자리와 맞추는 데 도움을 줍니다.
하단의 여섯 아이콘에는 텍스트 라벨이 없으며, 길게 누르면 이름이 표시됩니다. 왼쪽부터 순서대로입니다.
| 아이콘 | 이름(길게 누르면 표시) | 기능 |
|---|---|---|
| 프레임 안 십자선 | 가운데(Center) | 확대 비율과 회전은 유지한 채 이미지를 프레임 중앙으로 되돌립니다. |
| 화살표 사이의 세로 막대 | 가로 가운데(Center horizontally) | 좌우로만 가운데 정렬합니다. 세로 위치는 그대로 유지됩니다. |
| 화살표 사이의 가로 막대 | 세로 가운데(Center vertically) | 위아래로만 가운데 정렬합니다. |
| 사각형이 있는 곡선 화살표 | 회전(Rotate) | 탭할 때마다 이미지를 시계 방향으로 90도 회전합니다. 네 번 탭하면 원래대로 돌아옵니다. |
| 화살표가 있는 프레임 | 자동 맞춤(Auto-fit) | 빈 여백 없이 이미지가 프레임 전체를 채우도록 확대하고(짧은 변이 프레임에 맞춰지고, 긴 변은 잘릴 수 있음) 가운데로 정렬합니다. 회전은 유지됩니다. |
| 원형 화살표 | 초기화(Reset) | 이미지를 시작 상태로 되돌립니다. 가운데 정렬, 프레임 안에 맞춤, 회전 없음. |
- 이미지 주위에 빈 공간이 있다면 먼저 자동 맞춤을 탭합니다. 화면이 열린 직후 앱이 이미지 크기를 읽는 동안 이 버튼은 잠시 비활성화됩니다.
- 원하는 부분이 프레임 안에 들어오도록 이미지를 드래그합니다. 작은 마크를 확대하려면 오므리고, 더 많이 포함하려면 벌립니다.
- 원본이 옆으로 찍혀 있었다면 회전을 한두 번 탭합니다. 두 손가락으로 비틀면 원하는 각도로 자유롭게 회전할 수 있어, 살짝 기울어진 스캔본을 바로잡을 때 유용합니다.
- 확대 비율에 만족했다면 가운데를 탭해 이미지를 중앙으로 맞추거나, 한쪽 방향만 어긋났다면 단일 축 버튼 중 하나를 탭합니다.
- 처음부터 다시 하려면 초기화를, 슬롯을 그대로 두려면 왼쪽 위의 X를 탭합니다.
- 체크 표시를 탭해 자른 결과를 저장합니다.
이미 슬롯에 있는 로고를 다시 자르려면 변경을 탭하고 이미지 자르기를 선택합니다. 자르기 화면은 저장된 이미지, 즉 이전에 자른 결과 위에서 열리며 원본이 아닙니다. 처음에 너무 많이 잘라냈다면 **이미지 교체(Replace image)**를 사용해 원본을 다시 선택하세요.
로고를 교체, 다시 자르기, 삭제하는 방법
슬롯에 이미지가 있으면 변경 버튼은 더 이상 곧바로 갤러리로 이동하지 않습니다. 대신 세 가지 선택지가 있는 짧은 바텀시트가 열립니다.
- 편집하려는 슬롯 아래의 변경을 탭합니다.
- 갤러리에서 새 파일을 선택해 자르려면 이미지 교체를, 현재 이미지에 대해 자르기 화면을 다시 열려면 이미지 자르기를, 슬롯을 비우려면 삭제를 선택합니다.
- 삭제의 경우 제목이 이 항목을 삭제할까요?(Remove this entry?)인 대화상자에서 빨간색 삭제를 탭해 확인하거나, 취소로 되돌립니다.
- 폼 하단의 변경 사항 저장을 탭합니다. 대화상자 문구에도 나와 있듯, 삭제는 폼을 저장할 때만 적용됩니다.
삭제는 그 슬롯의 드롭다운에서 현재 선택된 버전 하나에만 영향을 줍니다. 와이드 슬롯이 4:1을 보여주고 있는 상태에서 삭제하면, 이전에 업로드해 둔 16:9 버전은 그대로 남습니다.
로고를 여러 버전으로 보관하는 방법
각 슬롯은 여러 개의 독립된 이미지를 저장합니다. 정사각형 슬롯은 모두 1:1인 세 개의 번호가 매겨진 버전(v.1, v.2, v.3)을 가지고 있고, 와이드 슬롯은 각 비율마다 이미지 하나씩을 가집니다. 타일 위의 드롭다운은 두 가지 역할을 동시에 합니다. 타일이 보여주고 편집하는 이미지를 전환하는 동시에, 그 이미지를 활성 버전, 즉 앱의 나머지 부분이 사용하는 버전으로 지정합니다.
- 슬롯 위의 드롭다운을 열어 빈 항목(빈 원)을 선택합니다. 예를 들어 v.2 · 1:1 또는 16:9 · 1920×1080 px.
- 타일이 비게 되고 버튼은 추가로 바뀝니다. 이를 탭해 이미지를 선택하고, 해당 형태의 프레임에서 자른 뒤 확인합니다.
- 드롭다운을 다시 열어 평소에 기본으로 쓸 항목을 선택합니다. 그 항목이 활성 버전이 됩니다.
- 변경 사항 저장을 탭합니다.
Nora는 표준 배지를 v.1에, 겨울 버전을 v.2에 보관합니다. 12월이 되면 드롭다운을 v.2로 전환하고 저장합니다. 와이드 슬롯에는 4:1 워드마크와 세로로 쌓인 16:9 버전을 가지고 있습니다.
와이드 드롭다운을 전환해도 기존 이미지의 비율이 바뀌지는 않습니다. 2:1을 선택하면 단순히 2:1 이미지를 보여줄 뿐이며, 비어 있으면 빈 채로 표시됩니다. 같은 아트워크를 다른 비율로도 쓰려면 그 비율 아래에 다시 업로드해야 합니다.
템플릿이 어떤 로고를 인쇄할지 결정하는 방식
Invoice Flow에는 두 종류의 PDF 레이아웃 계열이 있으며, 이 둘은 두 슬롯을 다르게 다룹니다.
기본 제공 템플릿(인보이스 편집기의 템플릿 선택(Select Template) 아래에서 고를 수 있는 Clean, Professional, Modern, Classic 등 12개)은 항상 와이드 로고를 인쇄합니다. 이미지는 헤더의 60×60pt 박스 안에 비율을 유지한 채 배치되므로, 4:1 워드마크는 폭 60pt, 높이 15pt인 띠 모양이 되어 템플릿에 따라 회사 정보 위 또는 옆에 놓입니다. 이 템플릿들은 정사각형 마크를 전혀 사용하지 않습니다.
템플릿 갤러리와 비주얼 편집기의 커스텀 템플릿에는 **정사각형 로고(Square logo)**와 **와이드 로고(Wide logo)**라는 별도의 요소가 있습니다. 레이아웃은 자신이 포함한 요소만 인쇄합니다. 예를 들어 미리 만들어진 프리셋 중 Trades, Clean(Modern 그룹 소속), Centered, Dense는 정사각형 마크를 배치하고, Business, Services, Accent stripe, Statement, Airy는 와이드 로고를 배치합니다. 정사각형 요소는 60×60pt로 인쇄되며, 와이드 요소는 높이 40pt에 비율이 허용하는 만큼의 너비를 가지므로 기본 제공 헤더 박스보다 워드마크에 훨씬 더 잘 어울립니다.
정사각형 로고 레이아웃으로 인보이스를 렌더링하려면 설정을 열고 커스텀 템플릿으로 이동해 **템플릿 갤러리(Template gallery)**에서 프리셋을 선택하거나 정사각형 로고 요소로 직접 만든 뒤 **사용(Use)**을 탭합니다. 그런 다음 인보이스 편집기의 템플릿 선택 아래 커스텀 템플릿(Custom template) 카드에서 그 템플릿을 선택합니다. 템플릿과 커스텀 템플릿 편집기에 관한 가이드에서 자세히 다룹니다.
와이드 슬롯에는 인보이스 편집기에 한 가지 컨트롤이 더 있습니다. 프로필에 와이드 버전이 두 개 이상 업로드되어 있으면 템플릿 선택 아래에 로고 버전(Logo variant) 카드가 나타나며, 비율별 썸네일과 프로필 기본값 사용(Use profile default) 버튼이 있습니다. 썸네일을 탭하면 그 인보이스는 프로필의 활성 버전 대신 그 버전을 인쇄하며, 선택 사항은 인보이스에 저장됩니다. 정사각형 버전 세 개에 대해서도 동일한 정사각형 로고 버전(Square logo variant) 카드가 있습니다.
규칙과 세부 사항
- 변경 사항 저장 또는 계속을 탭하기 전까지 로고 관련 내용은 아무것도 저장되지 않습니다. 추가, 자르기, 삭제, 활성 버전 전환은 모두 그 전까지 열려 있는 폼 안에만 존재합니다.
- 각 슬롯의 자르기는 해당 형태로 고정되어 있습니다. 정사각형 슬롯은 1:1, 와이드 슬롯은 드롭다운에서 현재 선택된 비율입니다.
- 자르기는 화면 표시 밀도의 2배에서 4배로 렌더링됩니다. 일반적인 폰에서는 정사각형 로고가 약 2000px 정도로 나오며, 인쇄에도 충분히 선명합니다. 결과물은 무손실 PNG이지만 프레임의 밝은 배경과 함께 캡처되므로, 원본의 투명한 영역은 투명이 아니라 옅은 체크무늬로 나타나며, 흐릿한 가이드선도 함께 캡처될 수 있습니다.
- 활성화된 정사각형 버전은 설정의 프로필 타일과 비즈니스 프로필 목록에서 앱이 아바타로 보여주는 이미지입니다. 정사각형 로고가 전혀 없으면 아바타는 와이드 로고로, 그다음에는 이니셜로 대체됩니다.
- 비즈니스 프로필 목록에서 프로필을 복제하면 모든 로고 버전이 새 프로필로 복사됩니다.
- 기본 제공 템플릿은 와이드 로고만 인쇄합니다. 활성화된 와이드 버전이 비어 있으면 헤더에 로고가 아예 없으며, 정사각형 마크가 대신 쓰이지 않습니다.
- 커스텀 템플릿에서 정사각형 로고 요소는 프로필의 활성 정사각형 버전을 인쇄합니다. 인보이스별 정사각형 로고 버전 카드는 인보이스에 값을 설정하지만, 현재 커스텀 렌더러는 그 재정의 값이 아니라 프로필의 활성 버전을 읽습니다. 와이드 로고에 대한 로고 버전 재정의는 두 템플릿 계열 모두에서 반영됩니다.
- 로고 도구 자체에는 제한이 없지만, 설정에서 프로필 편집기를 열려면 다른 설정 화면들과 마찬가지로 활성 체험판 또는 Pro 구독이 필요합니다.
- 로고 필드가 하나뿐이었던 구버전 앱에서 만든 프로필도 계속 동작합니다. 해당 이미지는 교체하기 전까지 와이드 슬롯(현재 활성 비율 아래)에 로드되어 있으며, 정사각형 슬롯은 비어 있는 상태로 시작합니다.