메인 콘텐츠로 건너뛰기

제품 카탈로그 및 제품 편집기 UI(웹 앱)에 대한 빠른 안내

C
작성자: Craig Wright

이 문서에서는 Shopify 스토어와 같이 연동된 스토어의 상품 이미지를 관리하는 데 사용되는 화면들에 대해 간략히 설명합니다.


상품 화면

Photoroom을 스토어에 연결하면 ‘상품’ 화면이 표시됩니다. 이 화면은 ‘상품 카탈로그’라고도 합니다. 사이드바에서 ‘Shopify 상품’을 선택하여 이 화면에 접근할 수도 있습니다.

'상품' 화면은 Photoroom에 등록된 모든 상품을 확인할 수 있는 중심 화면입니다. 상품은 다음 중 하나일 수 있습니다:

  • Photoroom과 Shopify에 모두 있는 상품

  • Photoroom에 있으며, Shopify에 추가될 대기 중인 상품.

Products screen showing the range of products in Photoroom that can be synced with your store.

기본적으로 상품은 그리드 형식으로 표시되지만, 원할 경우 목록 보기로 전환할 수 있습니다. Photoroom은 각 상품에 대해 대표 이미지를 표시합니다.
​

'상품' 화면에서 다음 작업을 수행할 수 있습니다:


상품 편집기

상품 카탈로그에서 상품을 더블 클릭하면 상품 편집기에서 해당 상품이 열립니다. 상품 편집기에서는 하나 이상의 상품 이미지를 수정할 수 있으며, Photoroom을 사용하여 새로운 이미지를 생성할 수도 있습니다. 기본적으로 Shopify 사이드바가 표시됩니다.


상품 편집기 사이드 메뉴

상품 편집기에서는 사이드 메뉴를 통해 다양한 기본 편집 기능을 사용할 수 있습니다. 이러한 옵션을 사용하면 변경 사항이 다음 항목에 적용됩니다:

  • 선택한 모든 이미지

  • 모든 상품 이미지(선택된 이미지가 없거나 모든 이미지가 선택된 경우).

사이드 메뉴에는 다음이 포함됩니다:

  • 템플릿
    상품 이미지에 템플릿을 적용합니다.
    ​

  • 크기 조정
    이미지 크기와 종횡비를 변경합니다.
    ​

  • 배치
    패딩과 위치를 변경합니다.
    ​

  • 배경
    배경을 제거하거나 색상, 이미지 또는 AI가 생성한 배경으로 교체합니다.
    ​

  • AI 그림자
    AI로 생성된 그림자 효과를 적용합니다.
    ​

  • AI 도구
    AI 패션 모델, 색상 변경, 고스트 마네킹 등의 도구를 사용하여 새로운 이미지를 생성하세요. AI 도구를 선택하면 해당 도구의 설정이 사이드바에 표시됩니다.

  • 이미지 추가
    새 이미지를 업로드하거나, 기존 디자인을 사용하거나, AI 이미지를 생성하세요.
    ​

  • Shopify
    Shopify 사이드바를 표시하거나 숨기세요(이 문서의 뒷부분에서 설명합니다).
    ​

  • 사용법
    스페이스의 AI 크레딧 및 내보내기 사용량을 표시합니다.
    ​


Shopify 사이드바

Shopify 사이드바를 사용하면 Shopify에 상품 목록을 준비하고 게시할 수 있습니다. 각 섹션을 차례로 진행하면 이미지, 상품 정보 및 SEO 메타데이터가 포함된 완전한 상품 목록을 빠르게 생성할 수 있습니다.

Shopify 사이드바에는 다음이 포함됩니다:

  • 리스트 점수
    상품 목록이 얼마나 완성되었는지 보여줍니다. 제안 사항을 완료하면 점수가 향상됩니다.
    ​

  • AI 샷 목록
    제품 이미지(예: 정면, 후면, 측면, 모델 착용 사진 등)를 생성하는 데 사용합니다.
    ​

  • 제목 및 설명
    상품 제목 및 설명을 작성, 편집 또는 생성할 수 있습니다.
    ​

  • SEO 및 메타데이터
    제품 이미지에 대한 SEO 친화적인 파일 이름과 대체 텍스트를 생성, 편집 또는 자동 생성하세요.
    ​

  • 변형 상품
    상품 변형(예: 색상 또는 사이즈 변형)에 대한 이미지를 추가합니다.


상품 편집기 필 메뉴

각 상품 이미지에는 개별 이미지를 편집하는 데 사용할 수 있는 팜 메뉴가 있습니다. 다음 항목에 대한 팜 메뉴가 제공됩니다:

  • 전체 이미지 타일

  • 이미지의 각 전경 레이어.

필 메뉴에서는 사이드바에서는 사용할 수 없는 편집 옵션을 찾을 수 있습니다. 여기에는 텍스트 레이어 및 그래픽 추가, 밝기 및 하이라이트 조정, '리터치' 기능 사용, 레이어 자르기, 레이어 순서 변경 등의 옵션이 포함됩니다.

중요: 알약형 메뉴의 옵션은 선택된 레이어 또는 이미지에 따라 달라집니다. 예를 들어, 텍스트 레이어의 경우 텍스트 편집 옵션이 표시되는데, 이는 그래픽 레이어의 알약형 메뉴 옵션과는 다릅니다.


오른쪽 클릭 컨텍스트 메뉴

제품 이미지를 마우스 오른쪽 버튼으로 클릭하면 컨텍스트 메뉴가 나타납니다.

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

마우스 오른쪽 버튼 클릭 컨텍스트 메뉴 옵션은 다음과 같습니다:

  • 복사
    이미지를 기기의 클립보드에 복사합니다.
    ​

  • 붙여넣기
    기기의 클립보드에 있는 내용을 편집기에 붙여넣습니다.
    ​

  • 편집 내용 복사/붙여넣기
    한 이미지에 적용한 편집 내용을 복사한 후 다른 이미지에 붙여넣을 때 사용합니다.

  • 복제
    이미지의 복사본을 생성합니다.
    ​

  • 삭제
    제품에서 이미지를 제거합니다. 단, 업데이트를 게시하기 전까지는 Shopify에서 이미지가 삭제되지 않는다는 점에 유의하십시오.
    ​

  • 새 섹션 만들기
    상품 편집기에 새 섹션을 추가합니다.
    ​

  • 모두 선택
    모든 이미지를 선택하는 데 사용합니다.
    ​

  • 템플릿으로 저장
    현재 이미지를 템플릿으로 저장할 때 사용합니다.
    ​

  • 다운로드
    상품 이미지를 이미지 파일로 내보냅니다.


모두에 적용

개별 이미지를 편집하면 해당 이미지의 탭 메뉴에 ‘모두에 적용’ 옵션이 표시됩니다. 이 옵션을 사용하면 해당 상품의 다른 모든 이미지에 동일한 편집 내용을 적용할 수 있습니다.

Apply to all option on the pill menu for an image tile in the product editor

모든 상품 이미지가 아닌 일부 이미지에만 최근 편집 내용을 복사하려면, 대신 마우스 오른쪽 버튼을 클릭하여 나타나는 컨텍스트 메뉴의 ‘편집 내용 복사/붙여넣기’ 옵션을 사용하세요.

자세한 내용은 “모두에 적용”은 어떻게 작동하나요?를 참조하세요.


그리드 보기 및 전체 화면 보기

상품 편집기에서 상품을 열면, 해당 상품의 이미지가 기본적으로 그리드 형태로 표시됩니다. 이를 ‘그리드 보기’라고 하며, 모든 이미지를 한눈에 보면서 편집할 수 있습니다.

Product images shown in Full Screen View

보다 집중적으로 작업하려면 이미지를 두 번 클릭하거나 도구 모음의 보기 전환기를 사용하여 전체 화면 보기로 전환할 수 있습니다.

전체 화면 보기에서는 하나의 이미지를 더 크게 볼 수 있어 세부 사항을 편집하기가 더 쉬워집니다.

하단에는 해당 제품의 다른 이미지들에 대한 썸네일이 표시됩니다. 썸네일 중 하나를 선택하면 해당 이미지가 전체 화면 보기로 표시됩니다.


다음 단계

​이제 상품 화면에 대해 이해하셨으니, 상품 목록을 생성하고 편집할 수 있습니다.


관련 문서

주요 워크플로:

편집:

AI 도구:

답변이 도움되었나요?