KR100399286B1

KR100399286B1 - 상품 색상 변경 방법 및 시스템

Info

Publication number: KR100399286B1
Application number: KR10-2001-0014201A
Authority: KR
Inventors: 김성민
Original assignee: 주식회사 디엔엠 테크놀로지
Priority date: 2001-03-20
Filing date: 2001-03-20
Publication date: 2003-09-26
Also published as: KR20020074528A

Abstract

본 발명은 전자상거래에서 제공되는 상품의 색상을 변경하는 색상 변경 방법 및 시스템에 관한 것으로써, 물품 정보를 제공하는 서버시스템의 색상 변경을 처리하는 방법에 있어서, 색상을 변경하고자 하는 영역을 정의하는 그리드 및 윤곽선을 정의하는 제 1 단계와 변환하고자 하는 색상 정보를 입력받는 제 2 단계와 타겟 이미지의 명도값을 산출하는 제 3 단계와 산출된 명도값을 이용하여 변환 색상을 계산한 후 매핑시키는 제 4 단계 및 매핑된 색상을 디스플레이하는 제 5 단계로 이루어지는 것을 특징으로 하는 색상 변경 처리 방법를 구비함을 특징으로 한다.

본 발명에 의해서 복잡한 알고리듬을 구현하지 않고서도 용이하게 물품의 색상변경을 제공할 수 있게 되었다.

Description

상품 색상 변경 방법 및 시스템{METHOD FOR DISPLAYING MERCHANDISE INFORMATION AND SYSTEM}

본 발명은 상품 색상 변경 방법 및 시스템에 관한 것으로서, 보다 구체적으로는 제공되는 상품 정보 중 색상 또는 패턴 변경을 요청할 경우 원래의 상품에 표현된 명암을 반영하면서 색상 변경이 가능한 상품 색상 변경 방법 및 시스템에 관한 것이다.

인터넷 상에서 물품을 구매할 경우의 최대 장점은 구매의 편리성에 있다. 제품 판매처에 방문할 필요없이 근무지 또는 네트워크 통신이 가능한 임의의 장소에서 언제라도 제품 구입이 가능하다는 점이다. 그러나 이러한 인터넷 상품 주문이 초기의 인터넷 쇼핑몰 창설자들이 생각하는 것만큼 활성화되지 못하는 이유는 상품에 대한 신뢰와 결재에 대한 보안 문제점을 들 수 있다. 이러한 문제점 중 상품에 대한 신뢰를 갖지 못하는 원인의 예로서 들 수 있는 것은 인터넷상으로 판매하고자 하는 제품의 정보를 오프라인(off-line)에서와 같이 상세하게 전달하지 못하는 데 있다.

이러한 문제는 가구, 옷 또는 자동차와 같이 동일한 제품이라도 여러가지 색상으로 제공되는 물품의 경우에 더욱 문제점으로 대두되고 있다. 이러한 문제를 해결하기 위해 널리 사용되고 있는 방법으로는 1) 복수 개 색상 중 하나를 적용한 제품에 대한 이미지 정보를 제공함과 동시에 해당 물품 구입시 선택할 수 있는 칼라의 종류를 파렛트 형식으로 제공하거나, 또는 2) 각각의 색상을 지닌 물품 이미지를 모두 시스템에서 저장하고 있다가 사용자가 선택한 색상의 물품을 디스플레이 하는 방법이 있다. 두번째 방법은 자동차 회사에서 즐겨 사용하는 방법이다.

그러나, 첫번째 방법은 물품의 색상에 대한 정확한 정보를 줄 수 없다는 단점이 있으며, 두번째 방법은 색상만 다르고 물품의 외관이 동일한 이미지 정보를복수 개 구비해야 하고 이를 저장해야 하는 문제가 있다. 또한 자동차 회사와 같이 제한된 물품을 제공하고 해당 물품에 한정된 색상을 이용하는 제품의 경우에는 어느 정도 가능하나 제품의 수가 다양하고 각 제품마다 다양한 색상이 제공되는 의상 등을 인터넷으로 판매하고자 하는 자는 이러한 시스템 구현에 상당한 어려움이 있다.

이러한 문제점을 의상의 경우에 보다 상세히 설명하기로 한다. 전자상거래를 이용한 의복 구매 방법에 있어서, 종래에는 대표적인 한 제품의 의복을 착용한 모델사진을 구매자에게 제공하고, 나머지 제품은 제품의 색상만을 제시하는 방식으로 구매자에게 제공하기 때문에 구매자는 상기 모델사진에서 모델에게 착용된 의복 이외에는 다른 의복의 착용상태를 확인할 수 없다는 문제점이 있었다.

상기한 바와 같은 문제점을 해결하기 위하여 모델에 착용된 의복을 변화시켜서 모델의 의복 착용을 시뮬레이션하는 방법으로 매핑(mapping)기술을 이용할 수 가 있는데, 종래의 2차원 매핑기술을 의복에 그대로 적용할 경우에는 의복이 인체에 착용되었을때 나타나는 모양, 구김, 접힘, 주름, 맵시 등을 반영하지 못하고, 입체감이 전혀 고려되지 않은 평평한 모양의 의복 이미지만을 구현하게 되어 의복을 구매하고자 하는 구매자에게 의복의 디자인과 색상을 충분히 제시할 수가 없다는 문제점이 있다.

또한, 의복을 디자인하는데 있어서 컴퓨터의 이용이 점차 증가하고 있는데, 컴퓨터를 이용한 의복 디자인에 있어서 모델이 착용한 의복의 디자인 또는 색상을 변경하여 의복 착용 시뮬레이션을 하고자 하는 경우에 매핑기술을 이용하여 모델이착용한 의복의 디자인 또는 색상을 변화시킬 수 있는데, 종래의 2차원 매핑기술은 의복이 인체에 착용되었을때 나타나는 모양, 구김, 접힘, 주름, 맵시 등을 반영하지 못하고, 입체감이 전혀 고려되지 않은 평평한 모양의 의복 이미지만을 구현하기 때문에 컴퓨터를 이용하여 의복을 디자인하는 자에게 변경된 디자인 또는 색상에 따른 모델의 착용 상태를 정확하게 제시할 수 없다는 문제점이 있다.

본 발명은 상기의 문제점을 해결하기 위한 것으로서, 전자상거래에 있어서 동일한 상품에 다양한 색상을 용이하게 매핑하는 방법 및 시스템을 제공하는 것을 목적으로 한다.

본 발명의 또 다른 목적은 상품의 이미지를 복잡한 형상 모델러 등이 필요없이 손쉽게 정의하는 방법을 제공함으로써 색상 또는 패턴 매핑을 용이하게 하기 위한 것이다.

본 발명의 또 다른 목적은 동일한 제품에 대하여 색상 또는 패턴을 매핑할 때, 제품의 색상 뿐만 아니라 명도를 정확히 반영함으로써 현실감을 줄 수 있는 상품 색상 정보 제공 방법 및 시스템을 제공함을 목적으로 한다.

도 1은 본 발명의 시스템 구성도의 일실시예이다.

도 2는 본 발명의 일실시예로서 색상 매핑을 설명하는 처리 흐름도를 도시한다.

도 3은 본 발명의 일실시예로서 패턴 매핑을 설명하는 처리 흐름도를 도시한다.

도 4는 표준이미지와 타겟이미지를 형성하는 그리드 형상을 보여주는 설명도이다.

도 5는 본 발명을 의복에 적용한 경우에 있어서 색상 매핑을 설명하는 처리 흐름도를 도시한다.

도 6은 본 발명을 의복에 적용한 경우에 있어서 패턴 매핑을 설명하는 처리 흐름도를 도시한다.

도 7은 본 발명을 의복에 적용한 경우에 있어서 타겟이미지가 포함된 화면을 도시한 도면이다.

도 8은 본 발명을 의복에 적용한 경우에 있어서 타겟이미지에 윤곽선과 그리드를 정의한 것을 도시한 도면이다.

도 9는 본 발명을 의복에 적용한 경우에 있어서 사용자가 입력한 변화조건에 의해 의복영역이 변화된 의복 착용 시뮬레이션 화면을 도시한 도면이다.

도 10은 패턴을 구성하는 색상을 변경하는 과정을 설명하기 위한 도면이다.

도 11은 배경을 변경하는 알고리듬을 설명하기 위한 흐름도이다.

도 12는 안티 어라이어싱(Anti-aliasing) 대상 픽셀을 설명하기 위한 픽셀 블록도이다.

*** 도면의 주요 부분에 대한 부호 설명 ***

10 : 색상 선택창 20 : 색상 선택 내용 표시창

30, 42 : 패턴 선택창 40 : 패턴 표시창

41 : 패턴 구성 색상 표시부 50 : 클라이언트 시스템

60 : 인터넷 등 네트워크 70 : 서버 시스템

71 : 제어부 72 : 메모리부

72-1 : 타겟 그리드 저장부 72-2 : 표준 그리드 저장부

72-3 : 색상/패턴 파레트 73 : 자료 제공부

100 : 타겟 이미지 101 : 모델 선택부

102 : 배경 화면 선택부 200 : 변화된 이미지

상기한 본 발명의 목적은 물품 정보를 제공하는 서버시스템의 색상 변경을 처리하는 방법에 있어서, 색상을 변경하고자 하는 영역을 정의하는 그리드 및 윤곽선을 정의하는 제 1 단계와 변환하고자 하는 색상 정보를 입력받는 제 2 단계와 타겟 이미지의 명도값을 산출하는 제 3 단계와 산출된 명도값을 이용하여 변환 색상을 계산한 후 매핑시키는 제 4 단계 및 매핑된 색상을 디스플레이하는 제 5 단계로 이루어지는 것을 특징으로 하는 색상 변경 처리 방법에 의해서 달성 가능하다.

이하에서는 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하기로 한다. 우선 본 발명에서 사용되는 용어에 대해서 정의하기로 한다. 표준 이미지란 대상 물품을 사용하기 전의 형상을 나타내는 이미지를 의미하며, 타겟 이미지는 대상 물품을 사용하는 상태의 형상을 나타내는 이미지로서 색상이 배제된 상태에서 백색의 조명하에서 촬영된 이미지로 정의된다. 타겟 이미지는 색의 3요소중 색상을 제외한 명도가 반영된 사용 상태의 물품의 이미지를 의미한다. 이러한 타겟 이미지는 무채색 상품을 백색 광원하에서 촬영하여 얻거나 또는 백색 광원하에서 촬영한 물품 이미지에서 색상을 제외함으로써 얻을 수 있다. 티셔츠를 예를 들어 설명하면, 티셔츠를 편 상태로 진열대에 진열한 상태를 나타내는 이미지가 티셔츠의 표준이미지가 되며, 마네킹 등에 착용된 상태의 희색 티셔츠의 백색 광원하에서 촬영한 이미지가 타겟이미지로 정의된다. 타이어의 경우를 설명하면, 타이어를 진열대에 눕힌 상태를 나타내는 이미지를 표준이미지로 정의하고, 타이어를 자동차에 장착하고 백색 광원하에서 촬영한 후 색상을 제외한 상태의 이미지를 타겟이미지로 정의할 수 있다. 표준 그리드란, 표준 이미지를 표현하기 위해 정의되는 복수 개의 동일 사이즈, 동일 형상의 그리드를 의미하며, 타겟 그리드란 타겟 이미지를 표현하기 위해 정의되는 복수 개 그리드를 의미한다.

도 1 은 본 발명에 따른 색상 변경 물품 정보를 제공하는 서버시스템(70)과 이를 확인하는 사용자의 클라이언트시스템(50)의 구성을 도시한 도면이다.

도 1에 도시한 바와 같이 색상 변경 물품 정보를 제공하는 서버시스템(70)은 매핑을 계산하는 제어부(71) 및 타겟 이미지와 타겟 그리드와 윤곽선 정보(72-1), 표준 이미지와 표준 그리드와 윤곽선 정보(72-2) 및 색상/패턴 파레트(72-3)을 포함하는 메모리부(72)를 구비하여야 하며, 사용자의 클라이언트시스템(50)과 인터넷 등의 네트워크(60)를 통한 데이터 송수신이 가능하게 하는 인터페이스장치 및 클라이언트에게 자료를 효율적으로 제공하기 위한 웹서버 등의 자료 제공부(73)를 구비하여야 한다. 인터페이스장치는 통상적인 것으로써 도면에 도시하지 않았다. 상기 제어부(71)에 의하여 타겟이미지 또는 표준이미지에서 그리드로 나누는 과정, 윤곽선을 식별하는 과정, 타겟이미지의 명도값 계산 과정, 색상매핑의 계산과정 및 패턴매핑의 계산과정이 수행된다.

사용자의 클라이언트시스템(50)은 상기 서버시스템(70)과 인터넷을 통해 데이터 송수신이 가능하게 하는 인터페이스 장치와 상기 서버시스템으로부터 제공되는 이미지를 출력하기 위한 디스플레이 장치와 기타 입출력 장치가 구비되어야 한다. 상기에서 설명한 색상매핑 또는 패턴매핑에 의한 색상 변경은 상기 서버시스템을 통하여 사용자의 클라이언트시스템으로 제공된다. 도 1에 도시한 바와 같은 인터넷을 이용한 서버시스템과 클라이언트시스템에 의하여 색상 변경을 구현하는 방법은 자바 애플릿(Java applet) 등에 의하여 실시가 가능하다.

색상을 변경하고자 하는 상품 영역에 대하여 그리드(grid)를 생성한다. 그리드란, 다른 용어로 매쉬(mesh)라고도 하는 것으로서, 일정 영역을 분석 또는 기타 목적으로 작은 사이즈의 복수 개 사각 또는 삼각 영역으로 분할하는 데, 이때 분할되는 각각의 사각 또는 삼각 영역을 지칭한다. 정밀한 역학 설계를 시뮬레이션하기 위한 목적으로 분석 영역에 그리드를 생성할 시에는 생성되는 그리드의 형상이 해석결과에 지대한 영향을 미치므로, 분석영역을 모델링한 후 모델링 정보를 이용하여 자동 그리드 생성 방법에 의해서 그리드를 생성하고 있다. 그러나 본 발명과 같이 색상 변경 영역을 정의하기 위하여 그리드를 생성할 경우에는 상기와 같은 복잡한 알고리듬을 사용하는 것은 하드웨어 또는 소프트웨어 관점에서 바람직하지 않으며, 형상 모델링에 대한 정보를 수반해야 한다는 문제점이 있다. 따라서 본 발명에서는 분석영역을 모델링하지 않고, 우선 타겟 이미지 영역을 내부에 포함하도록 외부 경계 영역을 정의한 후, 정의된 외부 경계 영역 내부에 동일 크기의 표준 그리드를 생성한다. 생성된 표준 그리드는 해당 상품의 실제 사용 상태를 어느 정도 반영하게끔 변경할 필요성이 있으며, 이러한 변경을 가하면 일부 표준 그리드의 크기가 달라지게 되는 타겟 그리드 (target grid)를 생성한다. (S100 단계)생성된 표준 그리드 및 타겟 그리드에 대한 정보는 각각 서버 시스템의 메모리에 저장된다.

다음으로 변경하고자 하는 영역의 경계선을 정확하게 구분하기 위하여 윤곽선을 설정한다. (S110 단계) 본 발명에서 색상 변경하고자 하는 대상은 형상에 대한 모델링 정보를 포함하는 정보가 포함되어 있지 않고 JPG, GIF 등과 같은 이미지 정보로 제공된다. 따라서 이러한 이미지 정보 영역의 각 경계선에 대한 정보를 부여하기 위하여 먼저 S100 단계와 같이 그리드를 생성한 후 경계선 정보를 부여하게 된다. 이러한 방식으로 구분되는 영역이 세개 이상의 복수 개 영역으로 구분될 경우에는 동일한 특성이 있는 영역을 그룹화하는 작업이 필요하다. 의상을 예로 들면, 왼팔 영역과 오른팔 영역을 동일한 그룹으로 그룹화함으로써 한번의 처리로써 오른팔과 왼팔의 색상을 동시에 변경할 수 있게 된다.

윤곽선 설정후, 변환하고자 하는 영역과 색상을 클라이언트로부터 입력받는다. (S120 단계) 다음으로 타겟이미지의 명도값을 계산한다.(S130 단계) 이때 클라이언트가 요청한 색상을 R', G' 및 B'이라고 가정하여 설명하기로 한다. 본 발명에서 타겟이미지란 흰색으로 구비되는 상품의 이미지를 의미하는 것으로서, 의상의 타겟 이미지는 모델이 흰색 복장을 착용하고 백색 광원하에서 촬영된 이미지 정보를 통해 얻을 수 있다. 타겟이미지에는 제품의 구김이나 주름 등이 명도로써 적절히 표현되므로 256 칼라로 표현되는 각 지점의 타겟이미지의 명도(I)값은 수학식 1과 같은 방법으로 계산된다.

여기서, R,G 및 B는 타겟이미지의 각 지점의 색상값을 의미하며, 계산값 I는 각 지점의 명도가 포함된 값으로서, 0 ≤I≤1 의 값을 갖는다.

이러한 방식으로 계산된 각 지점의 명도값을 이용하여 변환하고자 하는 색상 (R',G',B')을 수학식 2를 이용하여 명도값이 반영된 각 지점의 변환 색상 (R",G",B")으로 구한다. (S140 단계)

이러한 방식으로 계산된 각 지점의 (R",G",B")값을 디스플레이함으로써 질감과 구김이 반영된 색상 변화를 제공할 수 있게 된다. (S150 단계)

패턴이란, 둘 이상의 색상으로 이루어지는 형태의 조합을 의미한다. 단일색으로 구성된 물품에 패턴을 반영하는 것은 도 2에서 설명한 색상 변경 방법보다 복잡한 과정을 거쳐야 한다. 단일 색상으로 변경할 경우에는 명도만을 고려함으로써 입체감을 줄 수 있으나 동일한 패턴이 반복되도록 하기 위해서는 패턴의 찌그러짐 등을 표현해야 하는 어려움이 있다. 우선 도 2에 설명한 바와 같이 그리드 생성 및 윤곽선 설정 작업을 거친 후, 변환하고자 하는 패턴을 입력받는다. (S200 단계 내지 S220 단계)

다음으로 패턴을 표준이미지에 매핑시킨다. (S230 단계) 도 4는 표준이미지와 타겟이미지를 형성하는 그리드 형상을 보여준다. 왼편의 그리드는 표준이미지를 정의하기 위한 것으로써, 동일 사이즈 및 동일 형상의 직사각 형상을 가지며, 오른편의 그리드는 타겟이미지를 정의하기 위한 것으로써, 물품의 사용 상태 형상에 적합하게끔 변형된 그리드를 나타낸다. 도 4의 각 상단의 왼편과 오른편에는 각각 변형되기 전의 패턴 형상과 변형된 후의 패턴 형상을 보여주고 있다.

패턴을 표준이미지에 매핑시킨 후, 도 2에 설명한 것과 동일한 방법으로 타겟이미지의 명도값을 산출한 후(S240 단계), 상기 표준이미지에 매핑된 패턴을 타겟이미지로 매핑처리한다. (S250 단계) 이때 S230 단계와 S240 단계는 순서에 상관없이 수행될 수 있다.

우선 표준이미지상에 상기 패턴을 매팅처리하는 방법은 패턴을 구성하는 비트맵 파일의 크기를 가로 PW, 세로 PH (단위:pixel)이라고 하고, 표지이미지의 크기를 가로 GW, 세로 GH라고 하면, 패턴의 사이즈가 그리드의 사이즈보다 작을 경우에는 그리드 전체를 통해 사방연속 무늬를 이루며 반복된다고 하면, 그리드 상의 각 좌표에 대응하는 표준이미지의 한 점의 좌표는 수학식 3 에 의해서 얻어진다. 이때, P(x), P(y)는 패턴의 그리드상의 점의 좌표값이고, G(x), G(y)는 표준이미지의 그리드상의 점의 좌표값이고, '| |'는 내림을 의미하는 기호이다.

따라서 표준이미지에서의 그리드상의 한 점의 좌표를 알면 패턴상의 해당 점의 좌표를 알 수 있으므로, 상기 패턴을 표준이미지상에 매핑 처리할 수 있게 된다.

표준이미지로부터 타겟이미지로 패턴을 매핑하는 방법은 2차원 매핑방정식을 이용하는 것이다. 표준이미지를 형성하는 그리드중의 한 구역을 나타내는 기지의 값 네 개의 꼭지점 좌표를 각각 GC(x)i, GC(y)i (i=1,2,3,4)라고 하면, 수학식 4 와 같이 표준이미지의 그리드상의 G(x), G(y) 좌표를 u, v의 함수로 나타낼 수 있다.

이때, u, v 값은 0 ≤u, v ≤ 1 범위의 실수이다.

마찬가지로 타겟이미지를 구성하는 그리드 상의 기지의 값 네 개의 꼭지점좌표를 GC'(x)i, GC'(y)i (i=1,2,3,4)로 하면 타겟이미지의 그리드상의 점 또한 u, v 파라미터를 써서 나타낼 수 있다. 이와 같은 방법으로 u, v 함수를 이용하면, 표준이미지를 구성하는 모든 화소값이 타겟이미지를 구성하는 화소값으로 변환시킬 수 있게 된다. 따라서 u, v 값을 변화시켜가면서 표준이미지 상의 점의 좌표의 화소값을 타겟이미지 상의 점의 화소값으로 매핑할 수 있게 된다. 이때 S230 단계에서 구한 명도값을 반영함으로써 자연스러운 패턴 매핑을 달성할 수 있게 된다.

패턴이 매핑된 이미지를 디스플레이함으로써 클라이언트 패턴 매핑을 확인할 수 있게 된다. (S260 단계)

이하에서는 본 발명을 의복에 적용한 실시예를 통해서 본 발명을 보다 상세히 설명하기로 한다. 도 5와 도 6에 도시한 바와 같이 의복 착용 시뮬레이션은 의복을 착용한 모델이 포함된 타겟이미지(Target Image)에서 모델이 착용한 의복영역을 변화시켜 시뮬레이션하는 방법으로 의복영역의 직물의 색상을 변화시켜서 의복 착용을 시뮬레이션하는 방법과 의복영역의 직물의 패턴을 변화시켜서 의복 착용을 시뮬레이션하는 방법이 있다. 이때, 상기한 직물의 패턴이란 직물에 그려진 무늬를 의미하는 것이다.

먼저, 의복영역의 직물의 색상을 변화시켜서 매핑하는 과정을 설명한다. 의복영역의 직물의 색상을 변화시켜서 의복 착용을 시뮬레이션하는 과정은 먼저 의복을 착용한 모델이 포함된 타겟이미지(100)의 의복영역을 윤곽선을 정의하여 나누고, 입체감을 고려하여 복수개의 그리드를 설정한다. 의복에 있어서 타겟이미지란 용어는 모델이 흰색 의복을 착용했을 때 주름, 그림자 등의 입체감이 표현된 이미지를 의미하며, 이러한 입체감을 표현하기 위해서 직사각형 형태로부터 변형된 형태의 그리드를 구비하는 이미지를 의미한다. 타겟이미지는 도 7에 도시한 바와 같으며, 사용자는 타겟이미지를 통하여 의복의 모양, 디자인 등을 1차적으로 확인할 수 있게 된다. 도 7에 도시한 바와 같이 타겟이미지를 사용자에게 제공하는 화면에는 직물의 색상선택창(10), 직물의 패턴선택창(30), 선택내용 표시창(20)이 함께 제공되며, 상기 직물의 색상선택창 및 직물의 패턴선택창을 통하여 사용자는 원하는 색상, 패턴을 입력하고, 선택내용표시창을 통하여 선택내용을 확인할 수 있다.

그리드(grid)란 도 8에 도시한 바와 같이 모델이 착용한 의복영역을 정의하기 위하여 소정 크기의 구획으로 분할할 때, 분할된 개개의 소정 영역을 의미한다. 그리드는 모델이 착용한 의복영역을 실제 변형 형태로 근사시키는 계산을 하는데 이용되며, 이를 통하여 의복영역의 색상매핑 또는 패턴매핑이 실시된다.

윤곽선 식별을 통하여 의복영역의 범위를 식별하게 되는데, 이때 윤곽선은 의복영역 전체의 윤곽선뿐만 아니라 의복영역에서 성격이 다른 부분, 예를 들면, 몸통부분, 소매부분, 어깨부분, 칼라(collar)부분 등의 경계를 정의하기 위해 사용된다. 전술된 그리드와 윤곽선을 이용하여 의복의 각 영역을 정의할 수 있다. 도 8에서 (A)는 의복영역에서 몸통부분의 윤곽선을 식별한 것을 도시한 것이고, (B)는 어깨부분의 윤곽선을 식별한 것을 도시한 것이다. 타겟이미지의 의복영역에 나누어진 그리드와 식별된 윤곽선에 대한 정보는 컴퓨터 저장부에 저장하거나미리 프로그램 자체에 내장되도록 하여 의복 착용 시뮬레이션시에 이용되도록 한다.

타겟이미지의 의복영역을 윤곽선을 정의하여 나누고, 입체감을 고려하여 복수개의 그리드를 설정하는 과정이 끝나면, 다음에는 사용자로부터 타겟이미지의 의복영역에서 변화대상범위 및 변화색상을 포함하는 변화조건을 입력받는다. 도 8에 도시한 바와 같은 실시예 화면에서는 사용자는 컴퓨터에 구비된 마우스를 이용하여 타겟이미지에서 변화를 원하는 의복영역으로 커서를 움직여 클릭하는 방식으로 변화대상범위를 선택한다. 사용자는 마찬가지로 마우스를 이용하여 직물의 색상선택창(10)에서 원하는 색상을 클릭하는 방식으로 색상을 선택한다. 상기 색상선택창(10)은 도면에서는 흑백으로 도시되었으나, 사용자에게 제공하는 화면에는 다양한 색상으로 구성되어있다. 직물의 패턴선택창(30)은 하기에서 설명하는 의복영역에서 직물의 패턴을 변화시키고자 할 때 패턴을 선택하는데 이용된다. 사용자가 선택하여 입력한 직물의 색상은 선택내용 표시창(20)에 표시되며, 사용자는 선택한 직물의 색상을 확인할 수 있다. 사용자가 변화시키고자하는 직물의 색상을 선택하거나 또는 하기에서 설명하는 직물의 패턴을 입력하는 방법은 마우스를 통해서 뿐만이 아니라 컴퓨터에 이용되는 입력수단인 키보드, 터치스크린 등에 의해서도 실시가 가능하다.

상기 의복영역에 정의된 그리드는 각 그리드를 의복영역의 구성요소에 따라서 리젼(region)으로 복수 개의 그리드를 포함하도록 정의하고, 상기 리젼중에서성격이 유사한 리젼을 통합하여 그룹(group)으로 정의하는 그룹핑과정을 더 추가하여 사용자가 의복영역에서 왼쪽팔부분을 변화대상범위로 선택했을때, 미리 왼쪽팔부분과 오른쪽팔부분이 그룹으로 정의되어 있어 매핑을 할 때 왼쪽팔부분과 오른쪽팔부분이 동시에 매핑이 이루어지도록 한다.

사용자가 변화대상범위와 변화색상을 포함하는 변화조건을 입력하면, 타겟이미지의 의복영역의 명암을 이용하여 변화색상에 맞도록 변화대상범위의 의복영역을 매핑한다. 상기에서 설명한 바와 같이 흰색 의복을 착용한 모델이미지는 빛과 주름에 의해 의복에 명암이 발생하게 되고, 이러한 명암을 이용하여 매핑함으로써 의복에 입체감을 주면서 매핑을 할 수 있게 된다.

먼저, 타겟이미지의 의복영역에서 변화대상범위의 각각의 점의 색상을 구성하는 요소인 R(Red), G(Green), B(Blue) 값을 이용하여 상기 각각의 점의 명도값을 계산한다. 이때, 타겟이미지의 각각의 상기 R, G, B 값은 각각 0 ∼ 255 값을 가진다고 가정하면, 명도값을 계산하는 식은 수학식 1 과 같다.

사용자가 선택하여 입력한 변화조건에 따른 직물의 색상이 R', G', B' 값을 갖는다면, 상기 명도값을 각각 R', G', B'에 곱하여 수학식 2와 같이 R'', G'', B''값을 구한다.

상기 R'', G'', B'' 값은 타겟이미지에 나타난 입체감을 고려한 변화이미지에 나타날 각 점의 화소값을 갖는 것이며, 타겟이미지의 각 점의 색을 상기 R'', G'', B''으로 변경하여 매핑해줌으로서 타겟이미지는 사용자가 선택한 색상이 반영되고, 입체감이 반영된 변화이미지로 변경된다. 도 9는 변화된 이미지를 도시한 것으로, 사용자의 선택에 따른 변화대상범위의 색상이 사용자가 선택한 색상으로 변화되고, 입체감이 반영된 이미지(200)로 변경된다. 도 9에 도시한 바와 같이 타겟이미지와 비교하였을 때 양쪽 팔부분의 색상이 짙은 색상으로 변경이 되었다.

변화된 이미지는 사용자의 컴퓨터 또는 디스플레이장치로 출력되어 사용자에게 제공되며 사용자는 변화된 이미지를 통하여 자신의 기호에 맞는 의복을 착용한 모델 이미지를 확인한다.

다음에는 의복영역의 직물의 패턴을 변화시켜서 매핑하는 과정을 설명한다. 의복영역의 직물의 패턴을 변화시켜서 의복 착용을 시뮬레이션하는 과정은 먼저 의복을 착용한 모델이 포함된 타겟이미지의 의복영역을 윤곽선을 정의하여 나누고, 입체감을 고려하여 복수개의 그리드를 설정한다. 본 발명에서 사용되는 타겟이미지란 용어는 상기에서 설명한 바와 마찬가지로 모델이 흰색 의복을 착용했을때 주름, 그림자 등의 입체감이 표현된 이미지를 의미하며, 이러한 입체감을 표현하기 위해서 직사각형 형태로부터 변형된 형태의 그리드를 구비하는 이미지를 의미한다. 타겟이미지는 도 7에 도시한 바와 같으며, 타겟이미지는 사용자에게 제공되며, 사용자는 타겟이미지를 통하여 의복의 모양, 디자인 등을 1차적으로 확인할 수 있게 되며, 도 7에 도시한 바와 같이 타겟이미지를 사용자에게 제공하는 화면에는 직물의 색상선택창, 직물의 패턴선택창, 선택내용 표시창이 함께 제공되며, 상기 직물의 색상선택창 및 직물의 패턴선택창을 통하여 사용자는 원하는 색상, 패턴을 입력할 수 있으며, 선택내용표시창을 통하여 선택내용을 확인할 수 있다.

타겟이미지의 의복영역에 나누어진 그리드와 식별된 윤곽선에 대한 정보는 저장하거나 미리 프로그램 자체에 내장되도록 하여 의복 착용 시뮬레이션시에 이용되도록 할 수 있다.

상기 타겟이미지의 의복영역을 윤곽선을 정의하여 나누고, 입체감을 고려하여 복수개의 그리드를 설정하는 과정이 끝나면, 다음에는 사용자로부터 타겟이미지의 의복영역에서 변화대상범위 및 변화패턴을 포함하는 변화조건을 입력받는다. 도 8에 도시한 바와 같은 실시예 화면에서는 사용자는 컴퓨터에 구비된 마우스를 이용하여 타겟이미지에서 변화를 원하는 의복영역으로 커서를 움직여 클릭하는 방식으로 변화대상범위를 선택한다. 사용자는 마찬가지로 마우스를 이용하여 직물의 패턴선택창에서 원하는 패턴을 클릭하는 방식으로 직물의 패턴을 선택한다. 사용자가 선택하여 입력한 직물의 패턴은 선택내용표시창에 표시되며, 사용자는 선택한 직물의 패턴을 확인할 수 있다.

사용자가 선택한 직물의 패턴에 따라 타겟이미지를 매핑하여 시뮬레이션하는 방법은 도 4에 도시한 바와 같은 원래 직사각형이었던 그리드를 타겟이미지의 의복영역의 입체형상을 고려하여 변형하였을 때 그리드의 모양에 맞게 패턴의 형태가 변경되고, 상기 그리드내에 속하는 각 점들이 패턴으로 치환되어 결과적으로 타겟이미지는 사용자가 선택한 직물의 패턴에 따라 매핑되면서 동시에 입체감이 반영된다. 이를 좀 더 구체적으로 설명하면 다음과 같다.

사용자가 변화시키고자 하는 직물의 패턴을 선택하여 입력하면 표준이미지를 복수개의 그리드로 나눈다. 이때, 표준이미지란 사용자가 선택한 직물의 패턴으로 구성되는 의복을 나타내는 이미지로서, 표준이미지는 상기 직물의 패턴으로 구성되는 의복이 평평하게 완전히 펼쳐진 상태를 나타내는 것이다.

다음에 상기 표준이미지의 그리드상의 좌표값에 해당하는 타겟이미지의 좌표값을 계산하는데, 패턴을 구성하는 비트맵 파일의 크기를 가로 PW, 세로 PH (단위:pixel)이라고 하고, 변형되기 전의 타겟이미지의 크기를 가로 GW, 세로 GH라고 하면, 그리드 전체를 통해 사방연속 무늬를 이루며 반복된다고 하면, 그리드 상에서의 좌표에 대응하는 직물의 패턴상의 한 점의 좌표는 수학식 3 에 의해서 얻어진다. 이때, P(x), P(y)는 패턴의 그리드상의 점의 좌표값이고, G(x), G(y)는 표준이미지의 그리드상의 점의 좌표값이고, '| |'는 내림을 의미하는 기호이다.

따라서 표준이미지에서의 그리드상의 한 점의 좌표를 알면 패턴상의 해당 점의 좌표를 알 수 있으며, 패턴상의 점의 색상과 타겟이미지상의 점의 명도값을 곱하여 새로운 색상을 얻을 수 있다. 이때, 명도값을 계산하는 것은 상기에서 설명한 색상매핑에서와 같다. 또한, 의복영역에 입체감을 주기 위하여 도 4에 도시한 바와 같이 그리드가 변형이 된다.

다음에 표준이미지의 좌표의 해당 화소값에 상기 명도값을 곱하여 계산된 화소값을 타겟이미지의 좌표에 입력하여 타겟이미지의 의복영역의 변화대상범위의 패턴을 변화시켜서 매핑시킨다.

의복영역에 입체감을 주기 위해서 그리드를 변형하여야 하기 때문에 변형된 좌표로부터 원래의 좌표를 역산해 내어야 상기 수식을 이용할 수 있게 되는데, 변형된 좌표와 원래 좌표의 관계는 수학식 2와 수학식 3의 설명과 같다.

그리드중의 한 구역을 나타내는 네 개의 꼭지점의 좌표를 각각 GC(x)i, GC(y)i (i=1,2,3,4)라고 하면, 수학식 4와 같이 표준이미지의 그리드상의 G(x), G(y) 좌표를 u, v의 함수로 나타낼 수 있다.

마찬가지로 변형된 그리드상의 네 개의 꼭지점의 좌표를 GC'(x)i, GC'(y)i (i=1,2,3,4)로 하면 타겟이미지상의 점 또한 파라미터를 써서 나타낼 수 있다. 이와 같은 방법으로 u, v를 변화시켜가면서 타겟이미지의 그리드상의 점의 좌표와 표준이미지의 그리드상의 점의 좌표를 계산한 다음 원래 그리드상의 좌표를 사용하여 패턴상의 좌표를 계산하고, 변형된 좌표와 명도값을 사용하여 타겟이미지상에서의 해당 점의 좌표를 결정하여 매핑을 수행한다.

또한, 사용자는 변화대상범위와 직물의 패턴을 선택한 후 적용시킬 패턴을 구성하고 있는 무늬의 각 색상을 변경할 수 있다. 패턴은 복수개 색상으로 구성되어 있으며, 패턴을 구성하는 복수 개의 색상에 대한 정보를 사용자에게 제공하고, 사용자는 제공된 복수 개의 색상 중에서 선택하여 색상을 변경시키고, 변경된 색상을 패턴에 적용함으로서 패턴을 구성하는 무늬의 색상을 변화시킬 수 있다. 도 10의 패턴을 예로들어 패턴을 구성하는 색상을 변경하는 과정을 설명하기로 한다.

우선 하나의 패턴을 형성하는 모든 색상을 검색한다. 패턴의 크기를 Pw×Ph 패턴을 구성하는 각 점의 색상을 Cp(x,y)라 하고, 패턴을 구성하는 색들을 Ci 라 하면 다음의 알고리듬을 이용하여 패턴상의 모든 색상을 검색할 수 있다

n=0

For x=0 to Pw

For y=0 to Ph

Exist=false

For i=0 to n

If Cp(x,y)=Ci then

Ip(x,y)=i

Exist=true

End if

Next i

If (!Exist)

Cn=Cp(x,y)

Ip(x,y)=n

n=n+1

End if

Next y

Next x

즉, 각 픽셀을 구성하는 색상 Cp(x,y)을 찾아낸 후, 신규한 색상이라면 새롭게 Cn=Cp(x,y) 등록을 하고, 해당 픽셀은 몇번째의 색을 가지고 있다는 정보를 배열 Ip(x,y)=n에 표시하게 된다. 이러한 알고리듬에 의해 하나의 패턴을 구성하는 모든 색 Ci(0<i<=n, n은 하나의 패턴을 형성하는 총 색상수)를 구하게 되고, 각 픽셀 (x,y)가 몇번째 색상을 지니고 있는지에 대한 정보는 배열 Ip에 저장하게 된다. 다시 말해서, 패턴 색상을 변경하기 위해 패턴상의 각 점의 원래 색상이 어떤 색이었는가를 유지할 필요가 있기 때문에 Pw×Ph 크기의 배열 Ip 를 이용하게 되는데, 이것은 각각의 점의 색상에 대한 인덱스를 저장하게 된다.

이와 같이 패턴을 구성하는 색상의 종류를 모두 알고 패턴상의 각 점에 대한 인덱스를 알 수 있기 때문에 사용자가 Ci중의 한 색을 변경하게 되면 Ip 배열상에서 인덱스가 i인 해당 픽셀의 색상만을 변경함으로써 패턴의 색상을 용이하게 변경할 수 있게 되는 것이다.

이때 패턴을 나타내는 비트맵으로는 BMP 등의 압축하지 않는 형식의 화일이나 색상의 손실 없이 압축하는 GIF 형식의 무손실 압축을 사용하여야 하는 데 그 이유는 JPG 압축의 경우에는 압축을 위해 원래 색상이 손실되어 중간색이 발생하기 때문에 패턴을 구성하는 색상이 실제보다 훨씬 많아질 수 있기 때문이다.

사용자에게 보다 현실에 가까운 색상 변경을 통한 물품 정보를 제공하기 위해서는 배경을 변경해야 될 필요성이 있다. 배경 변경에 대한 기술적 사상을 의복의 경우를 이용하여 설명하기로 한다.

배경을 변경하는 방법으로는 블루스크린이라 부르는 방법과 유사한 것으로 먼저 임의의 (R1,G1,B1)색을 배경화면으로 하여 인물사진을 촬영한다. 이렇게 촬영된 사진을 스캔하여 임의의 (R1,G1,B1) 픽셀로 구성되는 배경 이미지 데이터와 의복을 착용한 모델의 모델 이미지 데이터로 구성되는 인물 영상 데이터를 생성한다.(S31 단계)

이때 영상처리 기술을 이용하여 임의의 (R1,G1,B1) 픽셀값을 갖는 배경 이미지 데이터와 모델 이미지 데이터와의 경계를 이루는 픽셀 정보와 후술하는 바와 같은 안티 어라이어싱이 필요한 픽셀 정보를 획득한다.(S32 단계) 경계를 이루는 픽셀 정보란 배경 이미지 데이터와 모델 이미지 데이터와의 경계를 나타내는 픽셀을 의미하는 것이고, 안티 어라이어싱이 필요한 픽셀이란 도 12에 도시한 바와 같이 해당 픽셀을 둘러싸는 8개의 픽셀 중에서 적어도 하나가 배경 이미지 데이터의 픽셀값 (R1,G1,B1)을 포함하고 있는 픽셀을 지칭한다.

이후 복수 개 배경 이미지 화일 중에서 하나를 선택하고,(S33 단계) 선택된 이미지 화일과 인물 영상 데이터를 합성한다.(S34 단계) 합성의 방법으로는 선택한 이미지 화일을 읽어 들인 다음 인물 영상 데이터를 구성하는 비트맵과 이미지 화일을 구성하는 비트맵을 한 픽셀씩 검사하여 R,G,B 값이 배경 이미지 데이터를 구성하는 (R1,G1,B1)인 경우에는 이미지 화일의 픽셀을 그대로 사용하고 그렇지 않은 경우에는 인물 영상 데이터의 픽셀 색상으로 이미지 화일의 픽셀을 대체하는 방법을 사용하여 두 이미지를 합성한다.

그런데 이러한 방식의 합성 방법을 적용하면, 이미지 화일과 모델 이미지 데이터 사이의 경계부분에 계단 무늬의 형상이 발생하는 문제점이 있게 된다. 이는 경계부분을 이루는 색상이 갑자기 변화기 때문에 나타나는 현상이다. 따라서 이를 해결하기 위해서 미디안 필터링(Median filtering)이라는 안티 어라이어싱 (anti-aliasing)을 적용하여 이미지 합성을 보다 자연스럽게 처리한다.(S35 단계) 안티 어라이어싱(anti-aliasing)은 모델 이미지 데이터와 이미지 화일 사이의 경계부분을 자연스럽게 처리하기 위한 것으로서, S32 단계에서 지정된 안티 어라이어싱이 필요한 해당 픽셀값을 이를 둘러싸는 8개의 픽셀값과 해당 픽셀값의 전체 평균 픽셀값으로 변경하는 이미지 처리를 하는 것이다. 즉, 도 12에 도시한 바와 같이 안태 어라이어싱(anti-aliasing)이 필요한 (i,j) 좌표에 위치하는 대상 픽셀 (R_(i,j),G_(i,j),B_(i,j))은 수학식 5와 같이 중간값으로 처리하면 합성되는 모델 이미지 데이터와 이미지 화일 사이의 경계부분에 발생되는 계단 형상을 감소시켜, 자연스러운 영상 처리가 달성된다.

본 발명은 도면에 도시된 실시예를 참고로 설명되었으나, 이는 예시적인 것에 불과하며 본 발명의 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 실시예가 가능하다는 점을 이해하여야 한다. 따라서 본 발명의 진정한 보호 범위는 첨부된 특허청구범위의 기술적 사상에 의하여 정해져야 한다.

예를 들어, 본 발명은 의복의 색상 변형의 예를 이용하여 주로 설명하였지만, 씽크대의 색상변경, 자동차의 색상 변경 등에도 용이하게 적용할 수 있을 것이다.

본 발명에 제시된 색상 매핑 방법 및 시스템에 의해서 복잡한 알고리듬을 구현하지 않고서도 용이하게 물품의 형상을 파악하고, 파악된 형상의 물품 색상을 용이하게 변경할 수 있게 되었다.

또한 동일한 제품에 대하여 색상 또는 패턴을 매핑할 때, 제품의 색상 뿐만 아니라 명도를 정확히 반영함으로써 현실감을 줄 수 있는 상품 색상 정보 제공 방법 및 시스템을 제공할 수 있게 되었다.

또한 매핑시키고자 하는 패턴을 사용자가 원하는 대로 편집한 후, 편집된 패턴을 매핑시키는 방법 및 배경을 변경시키는 방법을 제공함으로써 전자상거래에 있어서 물품의 정보를 보다 효율적으로 제공할 수 있게 되었다.

Claims

인터넷으로 제공하는 상품 이미지의 색상 변경 처리 방법에 있어서,

상기 물품의 색상을 변경하고자 하는 영역을 정의하기 위한 그리드 및 윤곽선을 정의하는 제 1 단계;

변환하고자 하는 색상 정보를 입력받는 제 2 단계;

상기 물품 정보가 제공되는 이미지의 각 지점의 명도값을 산출하는 제 3 단계;

산출된 명도값을 이용하여 변환 색상을 계산한 후 매핑시키는 제 4 단계; 및

상기 매핑된 색상을 디스플레이하는 제 5 단계로 이루어지고, 상기 제 2 단계가 상기 4 단계 이전의 어느 단계에서나 수행되는 것을 특징으로 하는 상품 이미지의 색상 변경 처리 방법.
제 1항에 있어서, 상기 제 1 단계가

상기 상품이 사용되기 전 상태를 표시하는 표준 이미지를 정의하기 위한 표준 그리드를 설정하는 제 1-1 단계;

상기 표준 그리드를 상기 상품 사용 상태에 따라 변형시켜 타겟 그리드를 생성하는 제 1-2 단계;

상기 생성된 타겟 그리드 상에 윤곽선 정보를 입력하는 제 1-3 단계로 이루어지는 것을 특징으로 하는 상품 이미지의 색상 변경 처리 방법.
인터넷으로 제공하는 상품 이미지의 패턴 변경 처리 방법에 있어서,

인터넷으로 제공되는 상태의 상기 상품 이미지 중 패턴을 변경하고자 하는 영역을 정의하기 위한 타겟 그리드 및 윤곽선을 정의하는 제 1 단계;

변환하고자 하는 패턴 정보를 입력받는 제 2 단계;

상기 상품이 사용되기 전 상태를 표시하는 표준 이미지와 상기 표준 이미지를 정의하기 위한 표준 그리드를 설정하는 3 단계;

상기 표준 이미지 및 표준 그리드를 이용하여 입력받은 상기 패턴 정보를 상기 표준 그리드에 매핑시키는 제 4 단계;

상기 상품의 사용상태에 대한 명도값이 표시되는 타겟 이미지를 설정하는 제 5 단계;

타겟 이미지의 각 지점의 명도값을 산출하는 제 6 단계;

상기 표준 그리드와 상기 타겟 그리드의 상관 관계를 정의하고, 상기 상관 관계와 상기 제 6 단계에서 산출된 명도값을 이용하여 상기 표준 그리드에 매핑된 패턴을 상기 타겟 그리드로 매핑처리하는 제 7 단계; 및

상기 타겟 그리드에 매핑된 패턴을 디스플레이하는 제 8 단계로 이루어지고, 상기 제 2 단계 및 상기 제 3 단계가 상기 제 4 단계 이전에 상호 순서에 상관없이 수행되고 상기 제 5 단계 및 상기 제 6 단계가 상기 제 7 단계 이전의 어느 단계에서 수행되는 것을 특징으로 하는 상품 이미지의 패턴 변경 처리 방법.
제 3항에 있어서 상기 제 2단계 이전에,

상기 패턴을 구성하는 색상을 입력 받는 제 8 단계를 더 구비하는 것을 특징으로 하는 상품 이미지의 패턴 변경 처리 방법.
제 3항 또는 제 4항에 있어서,

상기 제 3단계가 상기 제 1 단계보다 먼저 수행되는 것을 특징으로 하는 상품 이미지의 패턴 변경 처리 방법.
상품에 대한 색상 또는 패턴을 클라이언트의 선택에 의해 용이하게 변경하도록 하는 상품 정보 제공 서버 시스템으로서,

상기 상품이 사용되기 전 상태를 표시하는 표준 이미지, 상기 표준 이미지를 정의하기 위한 표준 그리드, 상기 상품의 사용상태에 대한 명도값을 표시하는 타겟 이미지, 상기 타겟 이미지를 정의하기 위한 타겟 그리드 및 변환하고자 하는 색상 또는 패턴에 대한 정보를 저장하는 색상/패턴파레트를 포함하는 메모리부;

상기 색상/패턴파레트 정보를 클라이언트에 제공하는 자료 제공부; 및

상기 클라이언트로부터 색상 또는 패턴 정보를 입력받고, 입력된 색상 또는 패턴에 따라 상기 타겟 이미지의 명도값을 고려하여 상기 타겟 이미지에 변환된 색상 또는 패턴을 매핑시키는 제어부를 구비하는 것을 특징으로 하는 상품 정보 제공 서버 시스템.