사용자 가이드

정사각형 로고와 와이드 로고 추가하기

정사각형 마크와 와이드 워드마크를 업로드하고 앱에서 자르기·회전을 적용한 뒤 여러 버전을 보관하며, 각 PDF 템플릿이 어떤 로고를 인쇄하는지 알아봅니다.

업데이트: 2026-09-09

대부분의 업체는 로고를 한 가지 이상의 형태로 가지고 있습니다. 원이나 정사각형 안에 들어가는 간결한 마크가 있고, 회사 이름이 함께 풀어져 적힌 더 긴 버전이 있습니다. Invoice Flow는 두 가지를 비즈니스 프로필의 별도 슬롯에 각각 보관하는데, 이는 두 로고가 서로 다른 역할을 하기 때문입니다. 정사각형 마크는 앱 안에서 아바타 역할을 하며 일부 커스텀 PDF 레이아웃에도 인쇄되는 요소이고, 와이드 버전은 12개의 기본 제공 인보이스 템플릿이 헤더에 넣는 로고입니다. 파일이 하나뿐이라도 두 슬롯을 모두 채울 수 있습니다. 자르기 화면에서 와이드 배너에서 정사각형을 잘라내거나, 포스터에서 와이드 스트립을 잘라낼 수 있기 때문입니다.

이 가이드는 메인주 포틀랜드의 소규모 양조장인 Tidewater Brewing Company를 예로 따라갑니다. 오너인 Nora Quinlan은 TB 글자가 들어간 둥근 초록색 배지와 와이드 워드마크를 가지고 있습니다. 그녀는 앱 안에서와 술통 배송에 함께 보내는 트레이드 스타일 인보이스에는 배지를, 레스토랑에 보내는 더 깔끔한 인보이스에는 워드마크를 쓰고 싶어합니다.

프로필의 나머지 항목 설정은 별도 가이드에서 다루며, 이 가이드에서는 로고 행과 그 뒤에 있는 자르기 화면, 그리고 PDF 템플릿이 두 이미지 중 무엇을 선택하는지를 다룹니다.

화면에서 보이는 것

**설정(Settings)**을 열고 상단의 프로필 타일(또는 비즈니스 프로필(Business Profiles), 그다음 프로필)을 탭합니다. 열리는 폼의 제목은 **비즈니스 프로필 수정(Edit Business Profile)**이며, 첫 번째 행이 로고 행입니다. 첫 실행 시에는 온보딩 두 번째 페이지에도 동일한 행이 나타납니다.

이 행에는 두 개의 슬롯이 있습니다.

빈 타일에는 카메라에 플러스 표시가 된 아이콘과 그 아래 추가(Add) 버튼이 표시됩니다. 슬롯에 이미지가 들어가면 타일은 그 이미지를 실제 비율대로 색이 입혀진 배경 위에 보여주고, 버튼은 **변경(Change)**으로 바뀝니다. 각 드롭다운에서 항목 앞에 채워진 체크 원이 있으면 해당 버전에 이미 이미지가 있다는 뜻이고, 빈 원은 비어 있다는 뜻입니다.

Invoice Flow 앱의 비즈니스 프로필 수정 화면. 정사각형 로고 슬롯에는 둥근 초록색 Tidewater Brewing 배지가, 와이드 4:1 슬롯에는 Tidewater Brewing Company 워드마크가 표시되어 있고 둘 다 변경 버튼이 있으며, 그 아래에 서명과 이름 필드가 있음
Nora의 프로필: 정사각형 슬롯에는 배지가, 와이드 4:1 슬롯에는 워드마크가 들어가 있습니다.

슬롯에 로고를 업로드하는 방법

두 슬롯의 흐름은 동일하며, 자르기 형태만 다릅니다.

  1. 프로필 편집기에서 빈 타일이나 그 추가 버튼을 탭합니다. 앱은 곧바로 사진 갤러리를 엽니다(로고에는 카메라 옵션이 없으므로, 필요하다면 먼저 사진을 찍어 두세요).
  2. 이미지를 선택합니다. PNG, JPEG, 또는 레터헤드를 촬영한 스크린샷도 가능합니다. 픽커는 정사각형 슬롯의 경우 한 변 최대 2048px, 와이드 슬롯의 경우 4096px까지 받습니다.
  3. 이미지 자르기(Crop image) 화면이 열리며, 프레임은 해당 슬롯의 비율로 고정되어 있습니다. 손가락 하나로 드래그해 이미지를 이동하거나 두 손가락으로 확대·축소하고, 아래쪽 버튼을 사용할 수도 있습니다(다음 단락 참고).
  4. 오른쪽 위의 체크 표시를 탭합니다. 앱이 프레임을 PNG로 렌더링해 프로필 편집기로 돌아가며, 타일에는 잘라낸 이미지가 표시되고 버튼은 변경으로 바뀝니다.
  5. 맨 아래로 스크롤해 변경 사항 저장(Save Changes)(온보딩 중에는 계속(Continue))을 탭합니다. 저장하기 전까지 로고는 열려 있는 폼 안에만 존재하며, 화면을 벗어나면 버려집니다. 앱은 나가려 할 때 저장되지 않은 변경 사항이 있다고 경고합니다.

같은 파일에서 다른 슬롯도 채우려면, 다른 타일에서 같은 과정을 반복하고 이미지를 다시 선택하면 됩니다. Nora는 정사각형 슬롯에는 배지를, 와이드 슬롯에는 배지와 워드마크가 함께 있는 배너를 선택한 뒤, 배너를 4:1 프레임 안에서 이동시킵니다.

자르기, 회전, 위치 조정 방법

자르기 화면은 검은 배경이며 가운데에 자르기 프레임이 있습니다. 프레임 안에 보이는 모든 것이 로고가 되며, 투명한 영역 뒤로 보이는 밝은 체크무늬도 포함됩니다. 저장되는 이미지는 투명이 아니라 평평한 PNG이기 때문입니다. 얇은 흰색 3분할 가이드선이 텍스트를 가장자리와 맞추는 데 도움을 줍니다.

Invoice Flow 앱의 이미지 자르기 화면. 4:1 프레임 안에 Tidewater Brewing 배너가 약간 왼쪽으로 밀려 있어 오른쪽에 체크무늬 띠가 보이고, 아래쪽에 흰색 컨트롤 아이콘 여섯 개가 있음
자동 맞춤 후 왼쪽으로 살짝 드래그한 4:1 프레임. 오른쪽 체크무늬는 원본에 픽셀이 없는 부분입니다.

하단의 여섯 아이콘에는 텍스트 라벨이 없으며, 길게 누르면 이름이 표시됩니다. 왼쪽부터 순서대로입니다.

아이콘이름(길게 누르면 표시)기능
프레임 안 십자선가운데(Center)확대 비율과 회전은 유지한 채 이미지를 프레임 중앙으로 되돌립니다.
화살표 사이의 세로 막대가로 가운데(Center horizontally)좌우로만 가운데 정렬합니다. 세로 위치는 그대로 유지됩니다.
화살표 사이의 가로 막대세로 가운데(Center vertically)위아래로만 가운데 정렬합니다.
사각형이 있는 곡선 화살표회전(Rotate)탭할 때마다 이미지를 시계 방향으로 90도 회전합니다. 네 번 탭하면 원래대로 돌아옵니다.
화살표가 있는 프레임자동 맞춤(Auto-fit)빈 여백 없이 이미지가 프레임 전체를 채우도록 확대하고(짧은 변이 프레임에 맞춰지고, 긴 변은 잘릴 수 있음) 가운데로 정렬합니다. 회전은 유지됩니다.
원형 화살표초기화(Reset)이미지를 시작 상태로 되돌립니다. 가운데 정렬, 프레임 안에 맞춤, 회전 없음.
  1. 이미지 주위에 빈 공간이 있다면 먼저 자동 맞춤을 탭합니다. 화면이 열린 직후 앱이 이미지 크기를 읽는 동안 이 버튼은 잠시 비활성화됩니다.
  2. 원하는 부분이 프레임 안에 들어오도록 이미지를 드래그합니다. 작은 마크를 확대하려면 오므리고, 더 많이 포함하려면 벌립니다.
  3. 원본이 옆으로 찍혀 있었다면 회전을 한두 번 탭합니다. 두 손가락으로 비틀면 원하는 각도로 자유롭게 회전할 수 있어, 살짝 기울어진 스캔본을 바로잡을 때 유용합니다.
  4. 확대 비율에 만족했다면 가운데를 탭해 이미지를 중앙으로 맞추거나, 한쪽 방향만 어긋났다면 단일 축 버튼 중 하나를 탭합니다.
  5. 처음부터 다시 하려면 초기화를, 슬롯을 그대로 두려면 왼쪽 위의 X를 탭합니다.
  6. 체크 표시를 탭해 자른 결과를 저장합니다.
Invoice Flow 앱의 이미지 자르기 화면. 정사각형 1:1 프레임 안에서 Tidewater Brewing 배너가 90도 회전되고 자동 맞춤으로 확대되어 배지가 프레임 상단을 채우고 있음
같은 배너를 1:1 프레임에서 회전 한 번, 자동 맞춤 한 번 적용한 모습. 가이드선을 통해 배지가 놓일 위치를 알 수 있습니다.

이미 슬롯에 있는 로고를 다시 자르려면 변경을 탭하고 이미지 자르기를 선택합니다. 자르기 화면은 저장된 이미지, 즉 이전에 자른 결과 위에서 열리며 원본이 아닙니다. 처음에 너무 많이 잘라냈다면 **이미지 교체(Replace image)**를 사용해 원본을 다시 선택하세요.

로고를 교체, 다시 자르기, 삭제하는 방법

슬롯에 이미지가 있으면 변경 버튼은 더 이상 곧바로 갤러리로 이동하지 않습니다. 대신 세 가지 선택지가 있는 짧은 바텀시트가 열립니다.

Invoice Flow 앱의 프로필 편집기가 바텀시트 뒤로 흐리게 표시되며, 바텀시트에는 업로드 아이콘의 이미지 교체, 자르기 아이콘의 이미지 자르기, 빨간색 휴지통 아이콘의 삭제 세 행이 있음
변경 버튼 뒤의 시트: 갤러리에서 교체하거나, 저장된 이미지를 다시 자르거나, 활성 버전을 삭제할 수 있습니다.
  1. 편집하려는 슬롯 아래의 변경을 탭합니다.
  2. 갤러리에서 새 파일을 선택해 자르려면 이미지 교체를, 현재 이미지에 대해 자르기 화면을 다시 열려면 이미지 자르기를, 슬롯을 비우려면 삭제를 선택합니다.
  3. 삭제의 경우 제목이 이 항목을 삭제할까요?(Remove this entry?)인 대화상자에서 빨간색 삭제를 탭해 확인하거나, 취소로 되돌립니다.
  4. 폼 하단의 변경 사항 저장을 탭합니다. 대화상자 문구에도 나와 있듯, 삭제는 폼을 저장할 때만 적용됩니다.
Invoice Flow 앱의 알림 대화상자. 제목은 이 항목을 삭제할까요?이고 본문에는 목록에서 제거됩니다. 적용하려면 아래의 변경 사항 저장을 탭하세요라는 문구가 있으며, 취소와 삭제 버튼이 있음
삭제는 해당 슬롯 드롭다운에서 현재 선택된 버전 하나에만 적용되며, 나머지는 그대로 남습니다.

삭제는 그 슬롯의 드롭다운에서 현재 선택된 버전 하나에만 영향을 줍니다. 와이드 슬롯이 4:1을 보여주고 있는 상태에서 삭제하면, 이전에 업로드해 둔 16:9 버전은 그대로 남습니다.

로고를 여러 버전으로 보관하는 방법

각 슬롯은 여러 개의 독립된 이미지를 저장합니다. 정사각형 슬롯은 모두 1:1인 세 개의 번호가 매겨진 버전(v.1, v.2, v.3)을 가지고 있고, 와이드 슬롯은 각 비율마다 이미지 하나씩을 가집니다. 타일 위의 드롭다운은 두 가지 역할을 동시에 합니다. 타일이 보여주고 편집하는 이미지를 전환하는 동시에, 그 이미지를 활성 버전, 즉 앱의 나머지 부분이 사용하는 버전으로 지정합니다.

Invoice Flow 앱의 프로필 편집기에서 정사각형 로고 드롭다운이 열려 v.1 · 1:1과 v.2 · 1:1은 채워진 체크 원으로, v.3 · 1:1은 빈 원으로 표시됨
정사각형 버전 세 개. v.1과 v.2에는 이미지가 있고, v.3은 비어 있습니다.
Invoice Flow 앱의 프로필 편집기에서 와이드 로고 드롭다운이 열려 4:1 · 1200×300 px와 16:9 · 1920×1080 px는 채워진 체크 원으로, 3:1 · 1500×500 px와 2:1 · 1200×600 px는 빈 원으로 표시됨
비율별 와이드 버전. 4:1과 16:9는 업로드되어 있고, 3:1과 2:1은 비어 있습니다.
  1. 슬롯 위의 드롭다운을 열어 빈 항목(빈 원)을 선택합니다. 예를 들어 v.2 · 1:1 또는 16:9 · 1920×1080 px.
  2. 타일이 비게 되고 버튼은 추가로 바뀝니다. 이를 탭해 이미지를 선택하고, 해당 형태의 프레임에서 자른 뒤 확인합니다.
  3. 드롭다운을 다시 열어 평소에 기본으로 쓸 항목을 선택합니다. 그 항목이 활성 버전이 됩니다.
  4. 변경 사항 저장을 탭합니다.

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에 비율이 허용하는 만큼의 너비를 가지므로 기본 제공 헤더 박스보다 워드마크에 훨씬 더 잘 어울립니다.

Invoice Flow 앱의 인보이스 PDF TBC-2042를 기본 제공 Clean 템플릿으로 렌더링. 와이드 Tidewater Brewing 워드마크가 왼쪽 위 회사명과 주소 옆에 작게 인쇄되어 있고, 파란색 청구 대상 박스와 4줄짜리 술통 표가 있음
기본 제공 Clean 템플릿: 60pt 헤더 박스 안의 와이드 워드마크.
Invoice Flow 앱의 인보이스 PDF TBC-2042를 Trades 커스텀 프리셋으로 렌더링. 왼쪽에 둥근 초록색 TB 배지가 회사명과 전화번호 위에 있고, 가운데에는 큰 INVOICE 제목과 초록색 표가 있음
Trades 프리셋: 같은 인보이스지만 정사각형 배지가 회사명 위에 인쇄됩니다.

정사각형 로고 레이아웃으로 인보이스를 렌더링하려면 설정을 열고 커스텀 템플릿으로 이동해 **템플릿 갤러리(Template gallery)**에서 프리셋을 선택하거나 정사각형 로고 요소로 직접 만든 뒤 **사용(Use)**을 탭합니다. 그런 다음 인보이스 편집기의 템플릿 선택 아래 커스텀 템플릿(Custom template) 카드에서 그 템플릿을 선택합니다. 템플릿과 커스텀 템플릿 편집기에 관한 가이드에서 자세히 다룹니다.

와이드 슬롯에는 인보이스 편집기에 한 가지 컨트롤이 더 있습니다. 프로필에 와이드 버전이 두 개 이상 업로드되어 있으면 템플릿 선택 아래에 로고 버전(Logo variant) 카드가 나타나며, 비율별 썸네일과 프로필 기본값 사용(Use profile default) 버튼이 있습니다. 썸네일을 탭하면 그 인보이스는 프로필의 활성 버전 대신 그 버전을 인쇄하며, 선택 사항은 인보이스에 저장됩니다. 정사각형 버전 세 개에 대해서도 동일한 정사각형 로고 버전(Square logo variant) 카드가 있습니다.

규칙과 세부 사항

자르기 화면은 프레임 안에 있는 것을 그대로 캡처합니다. 소스 파일의 배경, 그리고 소스가 투명하거나 프레임 가장자리까지 닿지 않는 부분은 옅은 체크무늬로 남습니다. PDF 팔레트가 어두운 색이라면 그 밝은 사각형이 마크 주변에 그대로 인쇄됩니다. 아트워크가 프레임 전체를 채우도록 자동 맞춤을 사용하고, 배경이 종이 색(대개 흰색)과 맞는 소스를 사용하세요.

팁

하나만 필요하다고 생각되더라도 두 슬롯을 모두 채워 두세요. 기본 제공 템플릿에는 와이드 버전이 필요하고, 앱 아바타와 여러 갤러리 프리셋에는 정사각형 버전이 필요합니다. 나중에 템플릿을 바꾸는 것이 프로필을 다시 열어 빠진 형태를 업로드하는 것보다 훨씬 빠릅니다.
정사각형 슬롯은 여백 없이 바짝 잘라내세요. 마크는 60pt, 약 2cm로 인쇄되므로 여백이 넉넉한 배지는 매우 작아집니다. 자동 맞춤을 적용한 뒤, 아트워크가 3분할 가이드선에 닿을 때까지 오므려 확대하세요.
와이드 로고는 밝은 버전과 어두운 버전을 두 비율 항목에 나누어 보관하세요. 예를 들어 표준 버전은 4:1에, 흰색 텍스트 버전은 16:9에 넣어 둡니다. 어두운 팔레트를 쓰는 인보이스에서는 프로필을 건드리지 않고 로고 버전 카드에서 밝은 버전을 선택하면 됩니다.

관련 가이드