[실습] 상품 콘텐츠 개발

[실습] 상품 콘텐츠 개발

선수 학습

  1. 상품 콘텐츠의 구성
  2. 상품 콘텐츠의 기획
  3. 상품 정보의 관리
  4. 상품 콘텐츠 표출의 법적 기준
  5. 상품 정보의 디지털화
  6. 상품 콘텐츠 등록, 유지, 관리하기
  7. 상품 정보 디지털화의 신기술

수행 순서

가. 실습의 요구사항과 목표에 대해 정확히 숙지한다.

  1. 디지털카메라의 기본기능을 실습한다.
  2. Adobe Photoshop의 기본 기능들을 실습한다.
  3. Adobe Dramweaver를 사용하여 종합적인 상품콘텐츠 제작 과정을 실습한다.

나. 디지털카메라의 기본기능을 익힌다.

디지털 카메라의 수많은 기능 중에서 인터넷 쇼핑몰 상품 촬영 시 꼭 필요한 내용 중심으로 실습한다.

1) 반셔터로 초점 맞추기

촬영한 결과물을 보면 의도와는 달리 피사체가 또렷하지 않고 흐릿한 경우가 종종 있다. 최근 출시되는 대부분의 디지털 카메라는 자동초점 기능이 우수하여 수동모드로 촬영하지 않는 이상 초점이 맞지 않는 경우가 거의 없다.

피사체가 화면 중앙에 있을 때에는 문제가 없으나, 한쪽으로 치우쳐 있을 때에는 피사체에 초점을 맞추면서 구도를 변경하여야 한다. 이럴 때는 우선 촬영할 피사체가 가운데에 오도록 구도를 잡고 반셔터 상태를 유지한다. 원하는 피사체에 초점이 잡히면 피사체가 카메라 화면에서 원하는 위치가 되도록 카메라의 위치를 옮긴다.

생각했던 구도가 잡히면 그때 셔터를 완전히 눌러 촬영한다. 아래 참고 링크를 참조하여 원하는 이미지를 얻을 수 있도록 반복 촬영한다.

참고 링크: 측거점과 반셔터 초점 고정

2) 자동초점(AF)과 수동초점(MF) 구분 사용

반셔터 촬영법은 자동초점 상태에서 사용할 수 있는 방법이다. 최근 출시되는 디지털 카메라의 자동초점 기능이 워낙 뛰어나기 때문에 수동으로 사진을 촬영하는 일은 많지 않다. 그러나 반셔터를 자유롭게 사용할 수 없는 상황이거나, 자동초점으로 원하는 피사체에 초점이 맞지 않을 경우 수동초점 방식을 이용할 필요가 있다.

카메라의 초점변환 버튼을 AF에서 MF로 전환한 후, 원하는 이미지를 얻을 수 있기까지 반복 촬영해 본다.

3) 카메라에서 사진 밝기 조절하기

수동모드에서 카메라의 밝기는 쵤영자가 직접 결정해야 하며, 조리개(Aperture), 셔터스피드, 감도(ISO) 세 가지를 적절히 조합하여 조절하여야 한다. 촬영 조건(실내/실외, 맑음/흐림 등)을 고려한 표준 조합표를 참고하여, 원하는 이미지를 얻을 수 있기까지 반복 촬영해본다. 경우에 따라 자동모드에서 보다 훨씬 더 감성적인 이미지를 얻을 수 있다.

자동모드에서 밝기를 조정할 때에는 노출보정(Ev)만 조정하면 된다. 노출보정 값이 0에서 +쪽으로 이동할수록 밝은 사진을 얻을 수 있다.

4) 상품 사진의 색상 맞추기

쇼핑몰 판매를 위한 상품 이미지의 색상 표현은, 제품을 실제로 보았을 때와 가장 비슷한 색으로 촬영하는 것이 매우 중요한 의미를 갖는다.

모든 광원은 저마다의 색온도를 가지고 있으므로 빛의 종류에 따라 사진의 색상이 변할 수 있다. 이때 디지털 카메라에서 설정한 색온도와 실제 광원의 색온도가 일치해야 원하 는 색상의 사지을 얻을 수 있다. 디지털카메라에서 흰색이 흰색으로 보이도록 자동으로 조절해 주는 기능을 자동화이트밸런스(AWB)라고 한다.

맑은 실외, 그늘진 실외, 실내 백열등, 실내 형광등 등 상황에 따라 선택적으로 화이트밸런스 기능을 사용할 수도 있으므
로, 원하는 이미지를 얻을 수 있기까지 상황에 따라 반복 촬영해 본다.

5) 피사계 심도

피사계 심도는 2차원 평면으로 표현되는 사진에서 3ㅊ차원적인 공간감을 표현해 주는 중요한 요소이다. 일반적으로 초점을 맞춘 면을 기준으로 앞 쪽으로 1/3, 뒤쪽으로 2/3 범위가 피사계 심도에 포함되어 선명하게 표현되고 피사계 심도 밖에 있는 배경은 흐릿하게 되어 아웃포커스가 된다.

카메라와 피사체는 가까울수록, 피사체와 배경은 멀수록 아웃포커스가 잘 되는 까닭에 상품의 근접촬영 시 이 기법은 기대 이상의 효과를 얻을 수도 있다. 최근에 출시되는 스마트폰들도 아웃포커스 기능을 지원하는 경우가 일반적이다. 원하는 이미지를 얻을 수 있기까지 대상을 바꿔가며 반복 촬영해 본다.

다. 포토샵(Adobe Photoshop) 기본기능을 익힌다.

쇼핑몰을 운영함에 있어서 포토샵에 관한 지식은 HTML과 더불어 반드시 필요하고 또 중요한 사항이다. 그러나 포토샵 자체가 선행 또는 후속 학습모듈과 연계된 학습체계를 갖추고 있는 것은 아니며, 단지 유용한 이미지 편집 도구로서의 숙련도를 필요로 한다.

그러나 포토샵의 기능이 워낙 다양한 탓에 기능별로 예시를 들어 실습하기에는 실습의 양이 지나치게 많은 관계로, 관련 매뉴얼이나 서적을 참조하여 별도로 학습할 것을 권고한다. 포토샵 사용에 관한 매뉴얼이나 서적은 시중에서 손쉽게 구할 수 있으며, 내용 또한 예제 중심의 실습형 교재가 대부분이다.

포토샵을 사용하여 할 수 있는 수많은 이미지 편집 보정 기능들 중, 자주 사용되는 기능들을 <표. 포토샵의 주요 기능>에 정리하고 각 가능별 실행 경로를 간략히 기술하였으니, 이를 참조하여 각 기능별 실행 방법에 대해서 학생의 개별 과제로 실습을 진행해 보도록 한다.

구분기능실행
기본포토샵 인터페이스 이해화면 I/F(메뉴, 옵션, 툴, 패널, 도큐먼트) 이해
디지털 이미지 개념 이해비트맵, 해상도, 레이어
작업 환경 설정메뉴 [Edit]➝[Preferences]
저장하기(GIF, JPEG, PSD)메뉴 [FILE]➝[Save As]
편집상품 이미지 사이즈 조절하기메뉴 [Iamge]➝[Image Size]
전체 이미지에서 필요한 부분만 잘라내기툴 [Crop tool]
이미지 회전하기메뉴 [Select]➝[Edit]➝[Transform]➝[Rotate]➝[Deselect]
입력한 텍스트 수정하기패널 [(해당 Text Thumbnail)]
보정상품이 돋보이게 이미지 밝기 보정하기메뉴 [Image]➝[Adjustment]➝[Levels]
곡선(Curves)을 이용한 이미지 색상 보정하기메뉴 [Image]➝[Adjustment]➝[Curves]
이미지 반사 효과주기메뉴 [Image]➝[Adjustment]➝[Filr Vertical]
상품 이미지에 워터마크 표시하기메뉴 [File]➝[New]
배경 제거 (배경 흰색 처리)패널 [Paths]
이미지 외곽 부드럽게 처리하기메뉴 [Select]➝[Inverse]➝[Deselect]
도장 툴(Clone Stamp Tool)로 잡티 없애기툴 [Clone Stamp Tool]
표. 포토샵의 주요 기능

다. 드림위버(Adobe Dramweaver)를 사용하여 종합 상품콘텐츠를 제작하고 등록한다.

이제 상품 이미지 촬영과 이에 대한 편집 보정 작업이 끝났다. 쇼핑몰 관리자 페이지에서 상품 정보를 등록하면서 기본적인 텍스트와 이미지로 상세정보를 입력해도 되지만, 관리자 페이지의 텍스트 입력기로만 입력하려면 한계가 있기 마련이다. 따라서 드림위버와 같은 편집기를 이용하여 제작한 후 HTML 형식으로 등록하면 긴 이미지를 빠르게 보여줄 수 있고 다양한 부가적 기능을 추가할 수 있어 훨씬 효과적이다. 상세정보에 사용할 이미지는 포토샵을 이용하여 미리 준비해 두어야 한다.

  1. 드림위버를 실행한다. 새 문서를 만들기 위해 Create New 항목에서 [HTML] 메뉴를 클릭 하면, HTML 코드 창과 디자인 창이 동시에 나타난다.
  2. 메뉴 바에서 [Site]➝[New Site]를 클릭하여, 문서 작업 전에 파일을 관리할 폴더를 결정하고 사이트 정의를 통해 이미지나 파일 경로가 정확히 설정되도록 한다.
  3. 새 문서를 만들고 메뉴 바에서 [File]➝[Save As]를 차례대로 클릭한다.
  4. 미리 만들어 둔 상세설명 작업용 폴더를 선택한다. 파일 이름을 입력하고 [저장]한다.
  5. 작업 화면을 클릭하고, INSERT 패널에서 [테이블] 아이콘을 클릭한다. 적절한 설정과 함께 테이블을 생성한다.
  6. 만들어진 테이블의 1행1열 셀의 안쪽을 클릭한 후 INSERT 패널에서 미리 만들어 둔 상세설명 이미지를 선택한 후 [OK] 버튼을 눌러 이미지를 삽입한다.
  7. 계속해서 나머지 셀을 선택한 후 이미지를 삽입하여 전체 이미지를 완성한다.
  8. 필요한 경우, 제품 상세 설명에 특정 이미지 관련 내용을 연결하는 링크를 걸어둔다.

수행 TIP

포토샵에는 많은 수의 패널이 있고 이 패널들은 각 툴과 메뉴에 관련된 다양한 기능들이 포함하고 있는 포토샵 기능의 집합체라 할 수 있으니, 패널의 기능을 잘 실습해 두면 매우 유용하다.

출처

NCS 학습모듈: 10.영업판매 > 03.판매 > 01.e-비지니스 > 02.전자상거래 (일부 수정)

댓글 제출

컨텐츠 복사 및 출력 방지! - 회원 가능